/* Utilitários alinhados ao TailAdmin free (theme/css/style.css) */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");

:root {
  --brand-50: #ecf3ff;
  --brand-100: #dde9ff;
  --brand-300: #9cb9ff;
  --brand-500: #465fff;
  --brand-600: #3641f5;
  --brand-700: #2a31d8;
  --success-50: #ecfdf3;
  --success-500: #12b76a;
  --success-600: #039855;
  --error-50: #fef3f2;
  --error-500: #f04438;
  --error-600: #d92d20;
  --warning-50: #fffaeb;
  --warning-500: #f79009;
  --warning-600: #dc6803;
  --gray-50: #f9fafb;
  --gray-100: #f2f4f7;
  --gray-200: #e4e7ec;
  --gray-300: #d0d5dd;
  --gray-400: #98a2b3;
  --gray-500: #667085;
  --gray-700: #344054;
  --gray-800: #1d2939;
  --gray-900: #101828;
  --shadow-theme-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

body.imce-app {
  font-family: Outfit, ui-sans-serif, system-ui, sans-serif;
  background: var(--gray-50);
  color: var(--gray-800);
}

.imce-brand {
  display: block;
}

.imce-brand img {
  width: 100%;
  height: auto;
}

.imce-brand__light {
  display: block;
}

.imce-brand__dark {
  display: none;
}

html.dark .imce-brand__light {
  display: none;
}

html.dark .imce-brand__dark {
  display: block;
}

.imce-brand--login {
  max-width: 18rem;
  margin: 0 auto 1.5rem;
}

.imce-logo-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.5rem;
  overflow: hidden;
  border-radius: 0.75rem;
  border: 1px solid var(--gray-200);
  background-color: #fff;
  background-image:
    linear-gradient(45deg, #eef2f6 25%, transparent 25%),
    linear-gradient(-45deg, #eef2f6 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #eef2f6 75%),
    linear-gradient(-45deg, transparent 75%, #eef2f6 75%);
  background-size: 14px 14px;
  background-position: 0 0, 0 7px, 7px -7px, -7px 0;
}

.imce-logo-preview img {
  max-width: 100%;
  max-height: 5.5rem;
  height: auto;
  object-fit: contain;
}

.imce-logo-preview--square {
  min-height: 6rem;
}

.imce-logo-preview--square img {
  max-height: 5.5rem;
}

.imce-card {
  border-radius: 1rem;
  border: 1px solid var(--gray-200);
  background: #fff;
}

.imce-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  border-bottom: 1px solid var(--gray-200);
  background: linear-gradient(180deg, var(--gray-100) 0%, var(--gray-50) 100%);
  padding: 0.875rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-800);
  border-radius: 1rem 1rem 0 0;
}

.imce-card-header__body {
  min-width: 0;
  flex: 1;
}

.imce-card-header__title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--gray-800);
}

.imce-card-header__desc {
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--gray-500);
}

.imce-card-header .imce-badge {
  flex-shrink: 0;
  font-weight: 500;
}

.imce-badge-code {
  text-transform: none;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.imce-label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-700);
}

.imce-input,
.imce-select,
.imce-textarea {
  width: 100%;
  height: 2.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--gray-300);
  background: transparent;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  color: var(--gray-800);
  box-shadow: var(--shadow-theme-xs);
  outline: none;
}
.imce-textarea {
  height: auto;
  min-height: 6rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.55;
  resize: vertical;
  white-space: pre-wrap;
  overflow-y: auto;
}
.imce-textarea--whatsapp {
  min-height: 7.25rem;
  max-height: 20rem;
  font-family: Outfit, system-ui, sans-serif;
}
.imce-saudacao-layout {
  display: grid;
  gap: 1.25rem;
}
.imce-saudacao-preview {
  display: flex;
  flex-direction: column;
  min-height: 16rem;
}
.imce-saudacao-preview__body {
  flex: 1 1 auto;
  min-height: 6rem;
  overflow-y: auto;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .imce-saudacao-layout {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 1fr);
    align-items: stretch;
  }
  .imce-saudacao-field:nth-child(1) { grid-column: 1; grid-row: 1; }
  .imce-saudacao-field:nth-child(2) { grid-column: 1; grid-row: 2; }
  .imce-saudacao-field:nth-child(3) { grid-column: 1; grid-row: 3; }
  .imce-saudacao-preview {
    grid-column: 2;
    grid-row: 1 / span 3;
    min-height: 0;
  }
}
.imce-input:focus,
.imce-select:focus,
.imce-textarea:focus {
  border-color: var(--brand-300);
  box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.12);
}
.imce-input::placeholder {
  color: var(--gray-400);
}

.imce-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  transition: background .15s, color .15s, border-color .15s;
  cursor: pointer;
}
.imce-btn-primary {
  background: var(--brand-500);
  color: #fff;
  border: 1px solid transparent;
}
.imce-btn-primary:hover {
  background: var(--brand-600);
}
.imce-btn-secondary {
  background: #fff;
  color: var(--gray-700);
  border: 1px solid var(--gray-300);
  box-shadow: var(--shadow-theme-xs);
}
.imce-btn-secondary:hover {
  background: var(--gray-50);
  color: var(--gray-800);
}
.imce-btn-success {
  background: var(--success-600);
  color: #fff;
  border: 1px solid transparent;
}
.imce-btn-success:hover {
  background: var(--success-500);
}
.imce-btn-danger {
  background: var(--error-600);
  color: #fff;
  border: 1px solid transparent;
}

.imce-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  padding: 0.125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  /* Sem capitalize: labels semânticos únicos (Enviado, Sem imagem, Reavaliar) */
  text-transform: none;
  white-space: nowrap;
}
.imce-badge-brand {
  background: var(--brand-50);
  color: var(--brand-500);
}
.imce-badge-info {
  background: var(--brand-50);
  color: var(--brand-700);
}
.imce-badge-success {
  background: var(--success-50);
  color: var(--success-600);
}
.imce-badge-error {
  background: var(--error-50);
  color: var(--error-600);
}
.imce-badge-warning {
  background: var(--warning-50);
  color: var(--warning-600);
}
.imce-badge-light {
  background: var(--gray-100);
  color: var(--gray-700);
}

.imce-alert {
  border-radius: 0.75rem;
  border: 1px solid;
  padding: 1rem;
}
.imce-alert-success {
  border-color: #a6f4c5;
  background: var(--success-50);
  color: var(--success-700, #027a48);
}
.imce-alert-error {
  border-color: #fecdca;
  background: var(--error-50);
  color: var(--error-700, #b42318);
}
.imce-alert-warning {
  border-color: #fedf89;
  background: var(--warning-50);
  color: var(--warning-700, #b54708);
}
.imce-alert-info {
  border-color: var(--brand-100);
  background: var(--brand-50);
  color: var(--brand-700);
}
.imce-alert-item {
  background: rgba(255, 255, 255, 0.72);
  color: inherit;
}
.imce-alert-item a {
  color: inherit;
}

.imce-menu-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  padding: 0.625rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gray-700);
}
.imce-menu-item:hover {
  background: var(--gray-100);
}
.imce-menu-item.is-active {
  background: var(--brand-50);
  color: var(--brand-500);
}
.imce-menu-group {
  padding: 1rem 0.75rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gray-400);
}

.card-preview {
  aspect-ratio: 9 / 16;
  max-height: 520px;
}

/* Medalha da jornada: vazia esmaecida; com valor dourada + número no centro */
.imce-medal {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  vertical-align: middle;
  flex-shrink: 0;
}
.imce-medal--sm {
  width: 1.35rem;
  height: 1.35rem;
}
.imce-medal--lg {
  width: 2.5rem;
  height: 2.5rem;
}
.imce-medal__shape {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.imce-medal--empty .imce-medal__shape {
  color: #d0d5dd;
  fill: #e4e7ec;
}
.imce-medal--filled .imce-medal__shape {
  color: #fdb022;
  fill: #fdb022;
  filter: drop-shadow(0 1px 1px rgba(181, 71, 8, 0.25));
}
.imce-medal__count {
  position: relative;
  z-index: 1;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1;
  color: #7a2e0e;
  pointer-events: none;
  transform: translateY(0.28rem);
}
.imce-medal--sm .imce-medal__count {
  font-size: 0.52rem;
  transform: translateY(0.22rem);
}
.imce-medal--lg .imce-medal__count {
  font-size: 0.82rem;
  transform: translateY(0.38rem);
}
.imce-medal--empty .imce-medal__count {
  display: none;
}

/* Drawer / modal lateral (Avaliações, Envios) */
.imce-drawer-root {
  position: fixed;
  inset: 0;
  z-index: 60;
}
.imce-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 24, 40, 0.45);
}
.imce-drawer-panel {
  position: absolute;
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 20px 40px rgba(16, 24, 40, 0.18);
  overflow: hidden;
}
@media (max-width: 639px) {
  .imce-drawer-panel {
    inset: auto 0 0 0;
    max-height: min(92dvh, 920px);
    border-radius: 1rem 1rem 0 0;
  }
}
@media (min-width: 640px) {
  .imce-drawer-panel {
    top: 0;
    right: 0;
    bottom: 0;
    width: min(28rem, 100vw);
    border-left: 1px solid var(--gray-200);
    border-radius: 0;
  }
}

/* ——— Fase 6: a11y, empty, responsivo ——— */
.imce-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100;
  padding: 0.5rem 1rem;
  background: var(--brand-600);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: 0 0 0.5rem 0;
}
.imce-skip-link:focus {
  left: 0;
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.imce-app :focus-visible {
  outline: 2px solid var(--brand-500);
  outline-offset: 2px;
}
.imce-btn:focus-visible,
.imce-menu-item:focus-visible,
.imce-input:focus-visible,
.imce-select:focus-visible,
.imce-textarea:focus-visible {
  outline: 2px solid var(--brand-500);
  outline-offset: 2px;
}
.imce-btn:disabled,
.imce-btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.imce-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.5rem 1.25rem;
}
.imce-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  margin-bottom: 0.75rem;
}
.imce-empty__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gray-800);
}
.imce-empty__hint {
  margin-top: 0.35rem;
  max-width: 22rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--gray-500);
}
.imce-empty--compact {
  padding: 1.25rem 1rem;
}

/* Paginação server-side (alinhada ao DataTables) */
.imce-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  border-top: 1px solid var(--gray-100, #f2f4f7);
  font-size: 0.875rem;
  color: var(--gray-500, #667085);
}
.imce-pagination__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.imce-pagination__pages {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.imce-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.55rem;
  border-radius: 0.5rem;
  border: 1px solid #e4e7ec;
  background: #fff;
  color: #344054;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
}
.imce-pagination__btn:hover:not(.is-disabled):not(.is-current) {
  background: #f9fafb;
}
.imce-pagination__btn.is-current {
  background: var(--brand-500, #465fff);
  border-color: var(--brand-500, #465fff);
  color: #fff;
}
.imce-pagination__btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}
.imce-pagination__ellipsis {
  padding: 0 0.25rem;
  color: #98a2b3;
}
.imce-msg-editor,
.imce-msg-preview {
  display: block;
  width: 100%;
  min-height: 9.5rem;
  margin: 0;
  border-radius: 0.875rem;
  border: 1px solid #e4e7ec;
  background: #f9fafb;
  padding: 0.875rem 1rem;
  font-family: Outfit, system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.55;
  color: #101828;
  white-space: pre-wrap;
  word-break: break-word;
  box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.04);
  resize: vertical;
}
.imce-msg-editor {
  outline: none;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.imce-msg-editor:focus {
  border-color: #9cb9ff;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(70, 95, 255, 0.12);
}
.imce-msg-editor::placeholder {
  color: #98a2b3;
}
.imce-msg-preview {
  resize: none;
  color: #344054;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 640px) {
  .imce-pagination {
    flex-direction: column;
    align-items: stretch;
  }
  .imce-pagination__controls {
    justify-content: space-between;
  }
}

.imce-loading {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--gray-500);
}
.imce-loading__spin {
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--gray-200);
  border-top-color: var(--brand-500);
  border-radius: 9999px;
  animation: imce-spin 0.7s linear infinite;
}
@keyframes imce-spin {
  to { transform: rotate(360deg); }
}

/* Tabelas em telas estreitas (375+) */
.imce-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 639px) {
  .imce-card {
    border-radius: 0.75rem;
  }
  main.imce-main {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .imce-page-tabs {
    display: flex;
    gap: 0.25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1px;
  }
  .imce-page-tabs a {
    flex: 0 0 auto;
  }
}

/* ——— Tema escuro (TailAdmin) ——— */
html.dark {
  color-scheme: dark;
}

html.dark body.imce-app {
  background: #101828;
  color: #e4e7ec;
}

.imce-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  border: 1px solid var(--gray-200);
  background: #fff;
  color: var(--gray-500);
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.imce-theme-toggle:hover {
  background: var(--gray-50);
  color: var(--gray-800);
}
.imce-theme-toggle--float {
  position: fixed;
  z-index: 50;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 3.25rem;
  height: 3.25rem;
  background: var(--brand-500);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.18);
}
.imce-theme-toggle--float:hover {
  background: var(--brand-600);
  color: #fff;
}
html.dark .imce-theme-toggle {
  border-color: #344054;
  background: #1d2939;
  color: #98a2b3;
}
html.dark .imce-theme-toggle:hover {
  background: #344054;
  color: #fff;
}
html.dark .imce-theme-toggle--float {
  background: var(--brand-500);
  border-color: transparent;
  color: #fff;
}

html.dark .imce-card {
  background: #1d2939;
  border-color: #344054;
}
html.dark .imce-card-header {
  background: linear-gradient(180deg, #243044 0%, #1d2939 100%);
  border-color: #344054;
  color: #f2f4f7;
}
html.dark .imce-card-header__title {
  color: #f2f4f7;
}
html.dark .imce-card-header__desc {
  color: #98a2b3;
}
html.dark .imce-label {
  color: #d0d5dd;
}
html.dark .imce-input,
html.dark .imce-select,
html.dark .imce-textarea {
  border-color: #475467;
  color: #f2f4f7;
  background: #101828;
}
html.dark .imce-input::placeholder,
html.dark .imce-textarea::placeholder {
  color: #667085;
}
html.dark .imce-btn-secondary {
  background: #1d2939;
  color: #d0d5dd;
  border-color: #475467;
}
html.dark .imce-btn-secondary:hover {
  background: #344054;
  color: #f2f4f7;
}
html.dark .imce-badge-brand,
html.dark .imce-badge-info {
  background: rgba(70, 95, 255, 0.16);
  color: #9cb9ff;
}
html.dark .imce-badge-success {
  background: rgba(18, 183, 106, 0.16);
  color: #32d583;
}
html.dark .imce-badge-error {
  background: rgba(240, 68, 56, 0.16);
  color: #fda29b;
}
html.dark .imce-badge-warning {
  background: #93370d;
  color: #fef3c7;
}
html.dark .imce-badge-light {
  background: #344054;
  color: #d0d5dd;
}
html.dark .imce-alert-success {
  border-color: #085d3a;
  background: #053321;
  color: #75e0a7;
}
html.dark .imce-alert-error {
  border-color: #912018;
  background: #3b1111;
  color: #fecaca;
}
html.dark .imce-alert-warning {
  border-color: #93370d;
  background: #4e1d09;
  color: #fde68a;
}
html.dark .imce-alert-info {
  border-color: #2a31d8;
  background: #1a2744;
  color: #9cb9ff;
}
html.dark .imce-alert-item {
  background: rgba(16, 24, 40, 0.45);
  color: #fef3c7;
}
html.dark .imce-alert-error .imce-alert-item,
html.dark .imce-alert-error .imce-alert-item a {
  color: #fecaca;
}
html.dark .imce-alert-warning .imce-alert-item,
html.dark .imce-alert-warning .imce-alert-item a {
  color: #fde68a;
}
html.dark .imce-menu-item {
  color: #d0d5dd;
}
html.dark .imce-menu-item:hover {
  background: #1d2939;
}
html.dark .imce-menu-item.is-active {
  background: rgba(70, 95, 255, 0.14);
  color: #9cb9ff;
}
html.dark .imce-empty__title {
  color: #f2f4f7;
}
html.dark .imce-drawer-panel {
  background: #1d2939;
  border-color: #344054;
}
html.dark .imce-pagination {
  border-color: #344054;
  color: #98a2b3;
}
html.dark .imce-pagination__btn {
  border-color: #344054;
  background: #1d2939;
  color: #d0d5dd;
}
html.dark .imce-pagination__btn:hover:not(.is-disabled):not(.is-current) {
  background: #344054;
}
html.dark .imce-msg-editor,
html.dark .imce-msg-preview {
  border-color: #344054;
  background: #101828;
  color: #e4e7ec;
}
html.dark .imce-saudacao-preview {
  border-color: rgba(70, 95, 255, 0.35);
  background: rgba(70, 95, 255, 0.08);
}
html.dark .imce-msg-editor:focus {
  background: #1d2939;
}
html.dark .imce-logo-preview {
  border-color: #344054;
  background-color: #101828;
  background-image:
    linear-gradient(45deg, #1d2939 25%, transparent 25%),
    linear-gradient(-45deg, #1d2939 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #1d2939 75%),
    linear-gradient(-45deg, transparent 75%, #1d2939 75%);
}

/* Utilitários Tailwind usados nas páginas (sem dark: em cada view) */
html.dark .imce-app .bg-white { background-color: #1d2939; }
html.dark .imce-app .bg-white\/80 { background-color: rgba(16, 24, 40, 0.55); }
html.dark .imce-app .bg-amber-50 { background-color: #4e1d09; }
html.dark .imce-app .text-amber-900,
html.dark .imce-app .text-amber-800,
html.dark .imce-app .text-amber-700 { color: #fde68a; }
html.dark .imce-app .border-amber-200,
html.dark .imce-app .border-amber-300 { border-color: #b54708; }
html.dark .imce-app .bg-rose-50 { background-color: #3b1111; }
html.dark .imce-app .text-rose-900,
html.dark .imce-app .text-rose-800,
html.dark .imce-app .text-rose-700 { color: #fecaca; }
html.dark .imce-app .border-rose-200 { border-color: #b42318; }
html.dark .imce-app .bg-emerald-50 { background-color: #053321; }
html.dark .imce-app .text-emerald-700,
html.dark .imce-app .text-emerald-800,
html.dark .imce-app .text-emerald-900 { color: #6ee7b7; }
html.dark .imce-app .bg-slate-50,
html.dark .imce-app .bg-gray-50 { background-color: #1a2234; }
html.dark .imce-app .bg-slate-100,
html.dark .imce-app .bg-gray-100 { background-color: #243044; }
html.dark .imce-app .bg-brand-25 { background-color: rgba(70, 95, 255, 0.12); }
html.dark .imce-app .text-gray-900,
html.dark .imce-app .text-slate-900,
html.dark .imce-app .text-gray-800,
html.dark .imce-app .text-slate-800 { color: #f2f4f7; }
html.dark .imce-app .text-gray-700,
html.dark .imce-app .text-slate-700 { color: #e4e7ec; }
html.dark .imce-app .text-gray-600,
html.dark .imce-app .text-slate-600 { color: #98a2b3; }
html.dark .imce-app .border-gray-200,
html.dark .imce-app .border-slate-200,
html.dark .imce-app .border-gray-100,
html.dark .imce-app .border-slate-100 { border-color: #344054; }
html.dark .imce-app .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
html.dark .imce-app .divide-slate-100 > :not([hidden]) ~ :not([hidden]),
html.dark .imce-app .divide-gray-200 > :not([hidden]) ~ :not([hidden]),
html.dark .imce-app .divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #344054;
}
html.dark .imce-app .hover\:text-gray-800:hover,
html.dark .imce-app .hover\:text-gray-700:hover,
html.dark .imce-app .hover\:text-slate-800:hover {
  color: #f2f4f7;
}
html.dark .imce-app .hover\:bg-gray-100:hover,
html.dark .imce-app .hover\:bg-slate-50:hover,
html.dark .imce-app .hover\:bg-brand-25:hover {
  background-color: #243044;
}
html.dark .imce-app .hover\:border-brand-400:hover {
  border-color: #7592ff;
}
html.dark .imce-app .has-\[\:checked\]\:bg-brand-25:has(:checked) {
  background-color: rgba(70, 95, 255, 0.12);
}
html.dark .imce-app .has-\[\:checked\]\:border-brand-500:has(:checked) {
  border-color: #465fff;
}