/* Tema claro/escuro do Suprimentos Planeta Hub.
   Carregado depois dos estilos de cada página para manter o tema centralizado. */

:root {
  color-scheme: light;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1826;
  --surface: #152133;
  --surface-soft: #18263a;
  --surface-muted: #1d2c42;
  --navy: #e9f0f8;
  --navy-soft: #c8d5e4;
  --brand-navy: #83aada;
  --primary: #6e9dd5;
  --primary-hover: #86afe0;
  --primary-soft: #1b304a;
  --cyan: #45c8d8;
  --cyan-ink: #74d8e4;
  --blue: #76a5d6;
  --violet: #a59ce1;
  --text: #c9d4e1;
  --text-strong: #eef4fa;
  --muted: #8696ab;
  --muted-strong: #a6b4c5;
  --border: #293a50;
  --border-strong: #354a63;
  --success: #67b89c;
  --warning: #d9aa58;
  --danger: #e3887e;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .16), 0 9px 26px rgba(0, 0, 0, .08);
  --shadow-md: 0 22px 60px rgba(0, 0, 0, .34);
}

:root[data-theme="dark"] .new-request-toast {
  border-color: #36516b;
  background: #17263a;
  color: #edf4fb;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .28);
}

:root[data-theme="dark"] .new-request-toast-icon {
  border-color: var(--border-strong);
  background: var(--primary-soft);
  color: #8eb8e5;
}

:root[data-theme="dark"] .new-request-toast-title > strong { color: #eef5fc; }
:root[data-theme="dark"] .new-request-toast-eyebrow { color: #75b8ec; }
:root[data-theme="dark"] .new-request-toast-content > p,
:root[data-theme="dark"] .new-request-toast-meta {
  color: #9dafc3;
}
:root[data-theme="dark"] .new-request-toast-content > p strong { color: #d6e3ef; }
:root[data-theme="dark"] .new-request-toast-close { color: #91a4b9; }
:root[data-theme="dark"] .new-request-toast-close:hover { background: #21364d; color: #d8e5f1; }

/* Só a troca manual anima superfícies principais; tabelas e descendentes
   mantêm seus próprios estilos. Não animar sombras nem SVGs em massa. */
@media (prefers-reduced-motion: no-preference) {
  html.theme-switching :is(body, #sidebar-container, .sidebar, .operacao-panel, .filtros) {
    transition: background-color 160ms ease-out, border-color 160ms ease-out;
  }

  html.theme-switching .sidebar :is(.nav-link, .sidebar-account-action),
  html.theme-switching #sidebar-toggle,
  html.theme-switching .filtros :is(input, select, textarea, button) {
    transition: background-color 160ms ease-out, border-color 160ms ease-out,
      color 160ms ease-out, opacity 160ms ease, transform 200ms ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-icon {
    transition: none !important;
  }
}

body {
  background: var(--bg);
}

/* Botão de tema na navegação. */
.sidebar-theme-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #6f8197;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
}

.sidebar-theme-toggle:hover {
  border-color: #dce5ee;
  background: #f7f9fb;
  color: #28435c;
}

.sidebar-theme-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 20px;
  height: 20px;
}

.sidebar-theme-icon .icon {
  position: absolute;
  width: 17px;
  height: 17px;
}

:root[data-theme="light"] .theme-icon-sun,
:root[data-theme="dark"] .theme-icon-moon {
  opacity: 0;
  transform: scale(.72) rotate(-12deg);
}

:root[data-theme="light"] .theme-icon-moon,
:root[data-theme="dark"] .theme-icon-sun {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.theme-icon {
  transition: opacity 160ms ease, transform 200ms ease;
}

@media (min-width: 961px) {
  .sidebar-collapsed .sidebar-theme-toggle {
    justify-content: center;
    padding-inline: 0;
  }
}

/* Base escura. */
:root[data-theme="dark"] #sidebar-container,
:root[data-theme="dark"] .sidebar {
  background: #111c2b;
}

:root[data-theme="dark"] .sidebar {
  border-right-color: #26384d;
  color: var(--text);
}

:root[data-theme="dark"] .brand:hover,
:root[data-theme="dark"] .nav-link:hover,
:root[data-theme="dark"] .sidebar-toggle:hover,
:root[data-theme="dark"] .sidebar-theme-toggle:hover,
:root[data-theme="dark"] .sidebar [data-logout]:hover {
  background: #18263a;
}

:root[data-theme="dark"] .brand-name strong,
:root[data-theme="dark"] .sidebar-profile strong {
  color: #edf4fb;
}

:root[data-theme="dark"] .brand-product,
:root[data-theme="dark"] .nav-label,
:root[data-theme="dark"] .sidebar-profile small {
  color: #8294aa;
}

:root[data-theme="dark"] .nav-link {
  color: #aab8c9;
}

:root[data-theme="dark"] .nav-link .icon,
:root[data-theme="dark"] .sidebar-toggle,
:root[data-theme="dark"] .sidebar-theme-toggle,
:root[data-theme="dark"] .sidebar [data-logout] {
  color: #8398b1;
}

:root[data-theme="dark"] .nav-link:hover,
:root[data-theme="dark"] .sidebar-toggle:hover,
:root[data-theme="dark"] .sidebar-theme-toggle:hover,
:root[data-theme="dark"] .sidebar [data-logout]:hover {
  color: #e8f1fa;
}

:root[data-theme="dark"] .nav-link[aria-current="page"] {
  background: #163142;
  color: #eaf7f9;
}

:root[data-theme="dark"] .nav-link[aria-current="page"] .icon {
  color: #55cfde;
}

:root[data-theme="dark"] .sidebar-toggle,
:root[data-theme="dark"] .sidebar-theme-toggle,
:root[data-theme="dark"] .sidebar [data-logout],
:root[data-theme="dark"] .sidebar-profile {
  border-color: #26384d;
}

:root[data-theme="dark"] .profile-icon {
  background: #183647;
  color: #69d4e1;
}

:root[data-theme="dark"] .brand-mark {
  filter: saturate(.96) brightness(.95);
}

:root[data-theme="dark"] #data-atual,
:root[data-theme="dark"] .date-label {
  border-color: var(--border);
  background: var(--surface);
  color: var(--muted-strong);
}

:root[data-theme="dark"] .page-footer {
  color: #708197;
}

:root[data-theme="dark"] .preview-mode body::after {
  border-color: var(--border-strong);
  background: rgba(21, 33, 51, .92);
  color: var(--muted-strong);
}

/* Controles e componentes compartilhados. */
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .search-field,
:root[data-theme="dark"] .select-field select {
  border-color: var(--border-strong);
  background: #111d2d;
  color: var(--text);
  box-shadow: none;
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #64768d;
}

:root[data-theme="dark"] input:hover,
:root[data-theme="dark"] select:hover,
:root[data-theme="dark"] textarea:hover {
  border-color: #49617e;
}

:root[data-theme="dark"] input:focus,
:root[data-theme="dark"] select:focus,
:root[data-theme="dark"] textarea:focus {
  border-color: #719fd3;
  box-shadow: 0 0 0 3px rgba(92, 143, 201, .14);
}

:root[data-theme="dark"] select option {
  background: #111d2d;
  color: var(--text);
}

:root[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(.82) brightness(1.15);
}

:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .operacao-panel,
:root[data-theme="dark"] .filtros,
:root[data-theme="dark"] .cards-estoque article,
:root[data-theme="dark"] dialog {
  border-color: var(--border);
  background: var(--surface);
}

:root[data-theme="dark"] button.primary,
:root[data-theme="dark"] #dialogo-confirmar {
  border-color: #4d7fb9;
  background: #4d7fb9;
  color: #fff;
}

:root[data-theme="dark"] button.primary:hover,
:root[data-theme="dark"] #dialogo-confirmar:hover {
  border-color: #5e8fc7;
  background: #5e8fc7;
}

:root[data-theme="dark"] :is(
  .acoes button:not(.primary),
  .pagination button,
  #dialogo-cancelar,
  #adicionar-item,
  [data-remove-item],
  #tentar,
  .button-secondary
) {
  border-color: var(--border-strong);
  background: #18263a;
  color: var(--text);
}

:root[data-theme="dark"] :is(
  .acoes button:not(.primary),
  .pagination button,
  #dialogo-cancelar,
  #adicionar-item,
  [data-remove-item],
  #tentar,
  .button-secondary
):hover {
  border-color: #49617e;
  background: #1d2d43;
  color: var(--text-strong);
}

:root[data-theme="dark"] button.primary[data-action="requisicao"],
:root[data-theme="dark"] button.primary[data-action="compra"],
:root[data-theme="dark"] button.primary[data-action="produto"] {
  border-color: var(--border-strong);
  background: #18263a;
  color: #a9c3df;
}

:root[data-theme="dark"] button.primary[data-action="requisicao"]:hover,
:root[data-theme="dark"] button.primary[data-action="compra"]:hover,
:root[data-theme="dark"] button.primary[data-action="produto"]:hover {
  border-color: #49617e;
  background: #1d2d43;
  color: #d9e9f8;
}

:root[data-theme="dark"] thead th {
  border-color: var(--border);
  background: var(--surface-soft);
  color: #899aaf;
}

:root[data-theme="dark"] tbody td,
:root[data-theme="dark"] tbody th {
  border-color: #25364a;
  color: #aebccc;
}

:root[data-theme="dark"] tbody tr:hover {
  background: #18273b;
}

:root[data-theme="dark"] .cell-title,
:root[data-theme="dark"] .row-link {
  color: #c9d7e5;
}

:root[data-theme="dark"] .badge-blue {
  color: #8eb9e9;
  background: #1a304b;
  border-color: #284765;
}

:root[data-theme="dark"] .badge-amber {
  color: #e2bd79;
  background: #372d1e;
  border-color: #554426;
}

:root[data-theme="dark"] .badge-red {
  color: #ef9b91;
  background: #3a2325;
  border-color: #583033;
}

:root[data-theme="dark"] .badge-green {
  color: #84cdb4;
  background: #1d352f;
  border-color: #2b5045;
}

:root[data-theme="dark"] .badge-violet {
  color: #b5abe9;
  background: #2d2945;
  border-color: #403960;
}

:root[data-theme="dark"] .badge-neutral {
  color: #a4b1c0;
  background: #202d3e;
  border-color: #334256;
}

:root[data-theme="dark"] #aviso.erro,
:root[data-theme="dark"] #dialogo-erro:not(:empty) {
  border-color: #573238;
  background: #341f25;
  color: #ee9a9f;
}

:root[data-theme="dark"] #aviso.sucesso {
  border-color: #2b5145;
  background: #1c342e;
  color: #83cdb4;
}

:root[data-theme="dark"] dialog::backdrop {
  background: rgba(3, 8, 15, .68);
}

:root[data-theme="dark"] #form-dialogo > .acoes,
:root[data-theme="dark"] .item-compra {
  background: var(--surface-soft);
}

:root[data-theme="dark"] .historico li::before {
  border-color: var(--surface);
  background: #7897ba;
  box-shadow: 0 0 0 1px #42556f;
}

/* Dashboard. */
:root[data-theme="dark"] :is(
  .dashboard-summary-band,
  .dashboard-metric,
  .dashboard-panel,
  .focus-section,
  .dashboard-calendar
) {
  border-color: var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

:root[data-theme="dark"] .summary-cell + .summary-cell,
:root[data-theme="dark"] .dashboard-panel-heading,
:root[data-theme="dark"] .focus-section > header,
:root[data-theme="dark"] .stock-summary-list,
:root[data-theme="dark"] .stock-summary-row + .stock-summary-row,
:root[data-theme="dark"] .stock-focus-list > div,
:root[data-theme="dark"] .compact-receiving-list .receiving-item + .receiving-item,
:root[data-theme="dark"] .dashboard-queue-panel .queue-item,
:root[data-theme="dark"] .receiving-wide .receiving-item {
  border-color: #26374b;
}

:root[data-theme="dark"] :is(
  .summary-value,
  .dashboard-metric-copy strong,
  .stock-availability-row strong,
  .stock-summary-row strong,
  .today-stat strong,
  .stock-focus-value strong,
  .stock-focus-list dd
) {
  color: var(--text-strong);
}

:root[data-theme="dark"] .summary-cell:hover,
:root[data-theme="dark"] .receiving-item:hover,
:root[data-theme="dark"] .compact-receiving-list .receiving-item:hover {
  background: #18273b;
}

:root[data-theme="dark"] .dashboard-metric-icon,
:root[data-theme="dark"] .receiving-date,
:root[data-theme="dark"] .dashboard-calendar .calendar-emblem {
  border-color: var(--border);
  background: var(--surface-muted);
}

:root[data-theme="dark"] .stock-progress {
  background: #243449;
}

/* Calendário. */
:root[data-theme="dark"] :is(
  .segmented-control,
  .calendar-legend,
  .calendar-day.weekend,
  .calendar-day.outside-month,
  .day-agenda,
  .monthly-materials thead th:first-child,
  .monthly-materials .weekend-column,
  .monthly-materials td.material-sum,
  .monthly-materials thead th:last-child
) {
  background: var(--surface-soft);
}

:root[data-theme="dark"] .calendar-day:hover,
:root[data-theme="dark"] .icon-button:hover,
:root[data-theme="dark"] .today-button:hover {
  background: #1b2b41;
}

:root[data-theme="dark"] .calendar-day[aria-pressed="true"] {
  background: #1b304b;
  box-shadow: inset 0 0 0 2px #6493c9;
}

:root[data-theme="dark"] .monthly-materials th:first-child {
  background: var(--surface);
}

:root[data-theme="dark"] .monthly-materials td button {
  color: #b4a9e8;
  background: #302b49;
}

:root[data-theme="dark"] .monthly-materials td button:hover {
  background: #3d365d;
}

/* Requisições e pendências. */
:root[data-theme="dark"] :is(
  .requests-filter-panel,
  .requests-list-panel,
  .pending-filter-panel,
  .pending-list-panel
) {
  border-color: var(--border);
  background: var(--surface);
}

:root[data-theme="dark"] :is(.request-status-tab, .pending-status-tab) {
  color: #98a8bb;
}

:root[data-theme="dark"] :is(.request-status-tab, .pending-status-tab):hover {
  background: #17263a;
  color: #d6e2ee;
}

:root[data-theme="dark"] :is(.request-status-tab, .pending-status-tab).active {
  background: var(--surface);
  color: #8eb8e5;
  box-shadow: inset 0 0 0 1px var(--border);
}

:root[data-theme="dark"] :is(.request-status-tab, .pending-status-tab) strong,
:root[data-theme="dark"] :is(.request-status-tab, .pending-status-tab).active strong {
  background: #203149;
  color: #9dbce0;
}

:root[data-theme="dark"] :is(
  .request-filter-footer,
  .requests-table-scroll,
  .requests-pagination,
  .pending-filter-footer,
  .pending-table-scroll,
  .pending-pagination
) {
  border-color: #26374b;
}

:root[data-theme="dark"] :is(
  .request-period-shortcuts button,
  .requests-pagination button,
  .pending-pagination button,
  .request-open,
  .pending-open
) {
  border-color: var(--border-strong);
  background: #18263a;
  color: #a8c2df;
}

:root[data-theme="dark"] .request-period-shortcuts button.active {
  border-color: #436890;
  background: #1b3049;
  color: #8fb9e8;
}

:root[data-theme="dark"] :is(.requester-copy strong, .pending-requester-copy strong, .pending-material strong) {
  color: #d6e1ec;
}

:root[data-theme="dark"] .request-avatar-image,
:root[data-theme="dark"] .pending-avatar-image {
  background: var(--surface);
}

:root[data-theme="dark"] :is(.requests-empty strong, .pending-empty strong) {
  color: #b7c4d3;
}

/* Estoque. */
:root[data-theme="dark"] body[data-page="estoque"] #filtros,
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista,
:root[data-theme="dark"] body[data-page="estoque"] .cards-estoque article {
  border-color: var(--border);
  background: var(--surface);
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table tbody tr:hover {
  background: #18273b;
}

/* Compras. */
:root[data-theme="dark"] :is(
  .purchases-filter-panel,
  .purchases-list-panel,
  .purchases-toolbar,
  .purchase-items-block,
  .purchase-detail-summary,
  .purchase-receiving-section
) {
  border-color: var(--border) !important;
  background: var(--surface) !important;
}

:root[data-theme="dark"] .purchase-status-tab {
  color: #98a8bb;
}

:root[data-theme="dark"] .purchase-status-tab:hover {
  background: #17263a;
  color: #d6e2ee;
}

:root[data-theme="dark"] .purchase-status-tab.active {
  background: var(--surface);
  color: #8eb8e5;
}

:root[data-theme="dark"] .purchase-status-tab strong,
:root[data-theme="dark"] .purchase-status-tab.active strong {
  background: #203149;
  color: #9dbce0;
}

:root[data-theme="dark"] :is(
  .purchase-filter-footer,
  .purchases-table-scroll,
  .purchases-pagination,
  .purchase-items-heading,
  .purchase-receiving-guidance
) {
  border-color: #26374b !important;
}

:root[data-theme="dark"] :is(
  .purchase-period-shortcuts button,
  .purchases-pagination button,
  .purchase-open,
  .purchase-add-item,
  .purchase-remove-item,
  .purchase-secondary-action
) {
  border-color: var(--border-strong) !important;
  background: #18263a !important;
  color: #a8c2df !important;
}

:root[data-theme="dark"] .purchase-period-shortcuts button.active {
  border-color: #436890 !important;
  background: #1b3049 !important;
  color: #8fb9e8 !important;
}

:root[data-theme="dark"] :is(.purchase-item, .purchase-create-note, .purchase-detail-note, .purchase-receiving-guidance) {
  background: var(--surface-soft) !important;
}

:root[data-theme="dark"] .purchase-detail-note {
  border-left-color: #6688ad;
}

:root[data-theme="dark"] .purchase-detail-note > span {
  color: #91a8c0;
}

:root[data-theme="dark"] .purchase-detail-note p {
  color: #c5d1df;
}

:root[data-theme="dark"] .purchase-receiving-section header p {
  color: #a9b8c9;
}

:root[data-theme="dark"] .purchase-pending-quantity {
  color: #dce6f1;
}

:root[data-theme="dark"] .purchase-close-button {
  border-color: #56353a !important;
  background: #312126 !important;
  color: #e99b92 !important;
}

/* Entradas e saídas. */
:root[data-theme="dark"] :is(
  .movements-filter-panel,
  .movements-list-panel,
  .movements-toolbar,
  .movement-dialog-lead,
  .movement-dialog-note,
  .movements-calendar-slot .calendar-panel
) {
  border-color: var(--border) !important;
  background: var(--surface) !important;
}

:root[data-theme="dark"] .movement-status-tab {
  color: #98a8bb;
}

:root[data-theme="dark"] .movement-status-tab:hover {
  background: #17263a;
  color: #d6e2ee;
}

:root[data-theme="dark"] .movement-status-tab.active {
  background: var(--surface);
  color: #8eb8e5;
}

:root[data-theme="dark"] .movement-status-tab strong,
:root[data-theme="dark"] .movement-status-tab.active strong {
  background: #203149;
  color: #9dbce0;
}

:root[data-theme="dark"] :is(
  .movement-filter-footer,
  .movements-table-scroll,
  .movements-pagination
) {
  border-color: #26374b !important;
}

:root[data-theme="dark"] :is(
  .movement-period-shortcuts button,
  .movements-pagination button
) {
  border-color: var(--border-strong) !important;
  background: #18263a !important;
  color: #a8c2df !important;
}

:root[data-theme="dark"] .movement-period-shortcuts button.active {
  border-color: #436890 !important;
  background: #1b3049 !important;
  color: #8fb9e8 !important;
}

:root[data-theme="dark"] .movement-dialog-warning {
  border-color: #594427 !important;
  background: #352d20 !important;
  color: #dbb978 !important;
}

/* NF-e / XML. */
:root[data-theme="dark"] :is(
  .nfe-import-panel,
  .nfe-history-panel,
  .nfe-dropzone,
  .nfe-detail-summary,
  .nfe-conference-summary,
  .nfe-key-block,
  .nfe-confirm-check
) {
  border-color: var(--border) !important;
  background: var(--surface) !important;
}
/*MODAL XML NFe*/
:root[data-theme="dark"] :is(
  .nfe-xml-item strong,
  .nfe-xml-item small,
  .nfe-product-cell small,
  .nfe-xml-quantity,
  .nfe-key-block code
){
  color: white;
}
:root[data-theme="dark"] .nfe-dropzone:hover,
:root[data-theme="dark"] .nfe-dropzone.is-dragging {
  background: #182b40 !important;
}

:root[data-theme="dark"] :is(
  .nfe-history-filters,
  .nfe-table-scroll,
  .nfe-pagination,
  .nfe-detail-table-wrap
) {
  border-color: #26374b !important;
}

:root[data-theme="dark"] :is(
  .nfe-select-file,
  .nfe-open,
  .nfe-pagination button
) {
  border-color: var(--border-strong) !important;
  background: #18263a !important;
  color: #a8c2df !important;
}

:root[data-theme="dark"] .nfe-file-status,
:root[data-theme="dark"] .nfe-purchase-link,
:root[data-theme="dark"] .nfe-modal-section-heading > span {
  background: var(--surface-soft) !important;
}

/* Cadastros. */
:root[data-theme="dark"] :is(
  .registry-control-panel,
  .registry-list-panel,
  .registry-simple-row,
  .registry-dialog-intro,
  .registry-dialog-note
) {
  border-color: var(--border) !important;
  background: var(--surface) !important;
}

:root[data-theme="dark"] .registry-tab {
  color: #98a8bb;
}

:root[data-theme="dark"] .registry-tab:hover {
  background: #17263a;
  color: #d6e2ee;
}

:root[data-theme="dark"] .registry-tab.active {
  border-color: var(--border);
  background: var(--surface);
  color: #8eb8e5;
  box-shadow: var(--shadow-sm);
}

:root[data-theme="dark"] .registry-tab strong,
:root[data-theme="dark"] .registry-tab.active strong {
  background: #203149;
  color: #9dbce0;
}

:root[data-theme="dark"] :is(
  .registry-list-heading > span,
  .registry-code,
  .registry-category,
  .registry-simple-icon,
  .registry-dialog-intro > span
) {
  border-color: var(--border) !important;
  background: var(--surface-soft) !important;
  color: #a9bad0 !important;
}

:root[data-theme="dark"] :is(
  .registry-table-scroll,
  .registry-simple-row + .registry-simple-row
) {
  border-color: #26374b !important;
}

:root[data-theme="dark"] :is(
  .registry-material strong,
  .registry-name,
  .registry-simple-copy strong,
  .registry-dialog-intro strong
) {
  color: #d6e1ec !important;
}

:root[data-theme="dark"] .registry-edit {
  border-color: var(--border-strong);
  background: #18263a;
  color: #a8c2df;
}

:root[data-theme="dark"] .registry-edit:hover {
  border-color: #49617e;
  background: #1d2d43;
  color: #d9e9f8;
}

:root[data-theme="dark"] .registry-pagination {
  border-color: var(--border);
}

:root[data-theme="dark"] .registry-pagination > span,
:root[data-theme="dark"] .registry-pagination-actions > strong {
  color: var(--muted-strong);
}

:root[data-theme="dark"] .registry-pagination-actions button,
:root[data-theme="dark"] .registry-status-action {
  border-color: var(--border-strong);
  background: var(--surface-soft);
  color: #a8c2df;
}

:root[data-theme="dark"] .registry-pagination-actions button:hover:not(:disabled) {
  border-color: #49617e;
  background: #1d2d43;
  color: var(--text-strong);
}

:root[data-theme="dark"] .registry-status-action.is-activate {
  border-color: #36594c;
  color: #79d1bd;
}

:root[data-theme="dark"] .registry-status-action.is-activate:hover:not(:disabled) {
  border-color: #467663;
  background: #1b352f;
  color: #9be1ca;
}

:root[data-theme="dark"] .registry-status-action.is-deactivate:hover:not(:disabled) {
  border-color: #74474c;
  background: #3b2428;
  color: #ee9993;
}

:root[data-theme="dark"] .registry-pagination-actions button:disabled,
:root[data-theme="dark"] .registry-status-action:disabled {
  border-color: var(--border);
  background: var(--surface);
  color: var(--muted);
}

/* Avatares continuam coloridos, porém menos luminosos no tema escuro. */
:root[data-theme="dark"] .avatar-blue {
  --avatar-bg: #1d3048;
  --avatar-ink: #8fb5df;
}

:root[data-theme="dark"] .avatar-teal {
  --avatar-bg: #1c3637;
  --avatar-ink: #78c9bd;
}

:root[data-theme="dark"] .avatar-violet {
  --avatar-bg: #302d49;
  --avatar-ink: #b4a9e8;
}

:root[data-theme="dark"] .avatar-amber {
  --avatar-bg: #3a3021;
  --avatar-ink: #ddbd7d;
}

/* Ajustes de contraste específicos das telas no tema escuro. */
:root[data-theme="dark"] body[data-page="estoque"] #contador::after,
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table td:nth-child(3),
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table td:nth-child(5),
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .cards-estoque .subtle {
  color: var(--muted) !important;
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table,
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .cards-estoque,
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .vazio {
  background: var(--surface) !important;
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table th {
  background: var(--surface-soft) !important;
  color: #8fa0b5 !important;
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table td {
  border-color: #26374b !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table td:nth-child(1) {
  color: #9ab4d2 !important;
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table td:nth-child(2),
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table td:nth-child(4) strong,
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .cards-estoque h3,
:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .cards-estoque strong {
  color: var(--text-strong) !important;
}

:root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .cards-estoque article:hover {
  border-color: #3b506a;
  background: #18273b;
  box-shadow: none;
}

:root[data-theme="dark"] :is(
  .purchase-order,
  .purchase-supplier strong,
  .purchase-detail-material strong,
  .purchase-detail-summary strong,
  .purchase-item strong,
  .purchase-items-heading h3
) {
  color: var(--text-strong) !important;
}

:root[data-theme="dark"] :is(
  .purchase-supplier small,
  .purchase-forecast,
  .purchase-detail-material small,
  .purchase-detail-note,
  .purchase-create-note,
  .purchases-updated,
  .purchases-empty,
  .purchase-items-heading p
) {
  color: var(--muted) !important;
}

:root[data-theme="dark"] :is(
  .purchases-table tbody td,
  .purchase-item,
  .purchase-detail-table td
) {
  color: var(--text) !important;
}

:root[data-theme="dark"] .purchases-empty strong {
  color: #b9c6d5 !important;
}

:root[data-theme="dark"] :is(
  .movements-toolbar-icon,
  .movements-statusbar,
  .movement-dialog-icon
) {
  border-color: var(--border) !important;
  background: var(--surface-soft) !important;
}

:root[data-theme="dark"] :is(
  .movement-material strong,
  .movement-date strong,
  .movement-dialog-lead strong,
  .movement-dialog-material strong
) {
  color: var(--text-strong) !important;
}

:root[data-theme="dark"] :is(
  .movement-material small,
  .movement-owner,
  .movement-document,
  .movement-date small,
  .movements-updated,
  .movements-empty,
  .movement-dialog-lead p,
  .movement-dialog-note
) {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .movements-empty strong {
  color: #b9c6d5 !important;
}

:root[data-theme="dark"] .movement-kind.is-entry,
:root[data-theme="dark"] .movement-quantity.is-entry {
  color: #82c9b2 !important;
}

:root[data-theme="dark"] .movement-kind.is-exit,
:root[data-theme="dark"] .movement-quantity.is-exit {
  color: #a8bee0 !important;
}

:root[data-theme="dark"] :is(
  .nfe-import-icon,
  .nfe-dropzone-icon,
  .nfe-file-status-icon
) {
  border-color: var(--border) !important;
  background: var(--surface-soft) !important;
}

:root[data-theme="dark"] :is(
  .nfe-number,
  .nfe-supplier strong,
  .nfe-date strong,
  .nfe-file-status strong,
  .nfe-detail-summary strong,
  .nfe-product-cell strong,
  .nfe-modal-section-heading h3,
  .nfe-confirm-check strong
) {
  color: var(--text-strong) !important;
}

:root[data-theme="dark"] :is(
  .nfe-import-note,
  .nfe-supplier small,
  .nfe-date small,
  .nfe-file-status small,
  .nfe-updated,
  .nfe-key-block,
  .nfe-purchase-link small,
  .nfe-product-cell small,
  .nfe-confirm-check small,
  .nfe-empty
) {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .nfe-empty strong {
  color: #b9c6d5 !important;
}

:root[data-theme="dark"] .nfe-link-status.is-auto { color: #7bc7b2; }
:root[data-theme="dark"] .nfe-link-status.is-manual { color: #8ebbe8; }
:root[data-theme="dark"] .nfe-link-status.is-pending { color: #ddb36d; }

@media (max-width: 720px) {
  :root[data-theme="dark"] .nfe-conference-table tbody tr {
    border-color: var(--border);
    background: var(--surface-soft);
  }

  :root[data-theme="dark"] .nfe-conference-table tbody td {
    border-color: var(--border);
  }

  :root[data-theme="dark"] .nfe-conference-table tbody td::before {
    color: var(--muted);
  }
}

:root[data-theme="dark"] :is(
  .request-order,
  .requester-copy strong,
  .request-date strong,
  .pending-requester-copy strong,
  .pending-material strong,
  .pending-quantity,
  .pending-stock,
  .pending-replenishment
) {
  color: #d4dfeb !important;
}

:root[data-theme="dark"] :is(
  .requester-copy small,
  .request-date small,
  .requests-updated,
  .pending-requester-copy small,
  .pending-material small,
  .pending-updated,
  .pending-filter-footer p
) {
  color: var(--muted) !important;
}

:root[data-theme="dark"] :is(
  .registry-table tbody td,
  .registry-count,
  .registry-dialog-description,
  .registry-dialog-note
) {
  color: var(--text) !important;
}

:root[data-theme="dark"] :is(
  .registry-material small,
  .registry-simple-copy small,
  .registry-list-heading p,
  .registry-empty
) {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .registry-empty strong {
  color: #b9c6d5 !important;
}

:root[data-theme="dark"] :is(
  .icon-button,
  .today-button,
  .calendar-day
) {
  border-color: var(--border) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] :is(
  .calendar-title h2,
  .month-navigation h3,
  .selected-day-number,
  .day-event h4,
  .calendar-total strong,
  .monthly-materials .cell-title
) {
  color: var(--text-strong) !important;
}

:root[data-theme="dark"] :is(
  .calendar-title p,
  .calendar-weekdays,
  .calendar-empty,
  .day-agenda-count,
  .monthly-materials thead small,
  .monthly-materials .cell-subtitle
) {
  color: var(--muted) !important;
}

:root[data-theme="dark"] .calendar-empty strong {
  color: #b9c6d5 !important;
}

:root[data-theme="dark"] .event-entrada,
:root[data-theme="dark"] .event-recebimento {
  --event-color: #82cdb8;
  --event-bg: #1b352f;
}

:root[data-theme="dark"] .event-saida,
:root[data-theme="dark"] .event-requisicao {
  --event-color: #b4a9e8;
  --event-bg: #302b49;
}

:root[data-theme="dark"] .event-compra {
  --event-color: #dfb972;
  --event-bg: #3a3020;
}

:root[data-theme="dark"] .event-termino {
  --event-color: #ee9993;
  --event-bg: #3b2428;
}

@media (max-width: 960px) {
  /* A sidebar mobile esconde o rodapé; mantém apenas o tema acessível no topo. */
  .sidebar-footer {
    position: absolute;
    top: 15px;
    right: 18px;
    display: block;
    margin: 0;
    padding: 0;
  }

  .sidebar-footer > :not(.sidebar-theme-toggle) {
    display: none !important;
  }

  .sidebar-theme-toggle {
    width: 38px;
    height: 38px;
    min-height: 38px;
    justify-content: center;
    padding: 0;
    border-color: #e0e7ef;
    background: var(--surface);
  }

  .sidebar-theme-toggle .sidebar-label {
    display: none;
  }

  :root[data-theme="dark"] .sidebar-theme-toggle {
    border-color: #2c4057;
    background: #17263a;
  }
}

/* ==========================================================================
   Sidebar — controle de recolher/expandir
   O botão é movido pelo layout.js para fora do <aside>, evitando overflow.
   ========================================================================== */

#sidebar-container {
  position: relative;
  overflow: visible;
}

@media (min-width: 961px) {
  #sidebar-container > .sidebar-toggle {
    position: fixed;
    top: 86px;
    left: calc(var(--sidebar-width) - 16px);
    right: auto;
    z-index: 40;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0;
    border: 1px solid #d8e2ec;
    border-radius: 50%;
    background: #ffffff;
    color: #71839a;
    box-shadow: 0 3px 10px rgba(28, 46, 67, 0.10);
    cursor: pointer;
    transition:
      left 260ms cubic-bezier(.22, 1, .36, 1),
      background-color 160ms ease,
      border-color 160ms ease,
      color 160ms ease,
      box-shadow 160ms ease;
  }

  #sidebar-container > .sidebar-toggle:hover {
    border-color: #c8d5e2;
    background: #f7f9fb;
    color: #29445f;
  }

  #sidebar-container > .sidebar-toggle .icon {
    width: 14px;
    height: 14px;
    transition: transform 180ms ease;
  }

  body.sidebar-collapsed #sidebar-container > .sidebar-toggle .icon {
    transform: rotate(180deg);
  }
}

@media (max-width: 960px) {
  #sidebar-container > .sidebar-toggle {
    display: none !important;
  }
}

:root[data-theme="dark"] #sidebar-container > .sidebar-toggle {
  border-color: #2c4057;
  background: #111d2d;
  color: #9aabc0;
}

:root[data-theme="dark"] #sidebar-container > .sidebar-toggle:hover {
  border-color: #3a526d;
  background: #1a2a40;
  color: #edf4fb;
}

/* Navegação móvel: cabeçalho curto e menu em grade, sem faixa horizontal rolável. */
@media (max-width: 960px) {
  #sidebar-container {
    position: sticky;
    top: 0;
    z-index: 100;
    min-height: 62px;
    border-bottom: 1px solid #dfe6ef;
    background: #fff;
  }

  .sidebar {
    position: relative;
    height: 62px;
    max-height: 100dvh;
    overflow: hidden;
    padding: 10px 62px 10px 14px;
    border: 0;
    transition: height 180ms ease, box-shadow 180ms ease;
  }

  .sidebar .brand {
    min-height: 42px;
    padding: 0;
  }

  .sidebar .brand-mark,
  .sidebar .brand-mark img { width: 38px; height: 38px; }
  .sidebar .nav-label { display: none; }
  .sidebar .main-nav,
  .sidebar .sidebar-footer { display: none; }

  body.sidebar-mobile-open .sidebar {
    height: auto;
    overflow-y: auto;
    padding-bottom: 12px;
    box-shadow: 0 14px 35px rgba(22, 38, 59, .14);
  }

  body.sidebar-mobile-open .sidebar .main-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin: 10px -48px 0 0;
    padding: 10px 0 0;
    overflow: visible;
    border-top: 1px solid #e5ebf1;
  }

  body.sidebar-mobile-open .sidebar .nav-link {
    min-width: 0;
    min-height: 38px;
    padding: 7px 9px;
    font-size: 11px;
    white-space: normal;
  }

  body.sidebar-mobile-open .sidebar .sidebar-footer {
    position: static;
    display: block;
    margin: 9px -48px 0 0;
    padding: 8px 0 0;
    border-top: 1px solid #e5ebf1;
  }

  body.sidebar-mobile-open .sidebar-footer > :not(.sidebar-theme-toggle) {
    display: block !important;
  }

  body.sidebar-mobile-open .sidebar-account {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: 0;
  }

  body.sidebar-mobile-open .sidebar-profile {
    display: flex;
    padding: 0;
  }

  body.sidebar-mobile-open .sidebar-account-actions {
    display: grid;
    grid-template-columns: 40px 40px;
  }

  body.sidebar-mobile-open .sidebar-account-action,
  body.sidebar-mobile-open .sidebar .sidebar-account-actions [data-logout],
  body.sidebar-mobile-open .sidebar-theme-toggle {
    width: 40px;
    height: 38px;
    min-height: 38px;
    justify-content: center;
    padding: 0;
  }

  body.sidebar-mobile-open .sidebar-account-action .sidebar-label { display: none; }

  #sidebar-container > .sidebar-toggle {
    position: absolute;
    top: 13px;
    right: 14px;
    z-index: 5;
    display: grid !important;
    place-items: center;
    width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border: 1px solid #dce5ee;
    border-radius: 9px;
    background: #fff;
    color: #50647c;
    box-shadow: none;
  }

  #sidebar-container > .sidebar-toggle .icon { width: 18px; height: 18px; transform: none; }

  :root[data-theme="dark"] #sidebar-container,
  :root[data-theme="dark"] body.sidebar-mobile-open .sidebar .main-nav,
  :root[data-theme="dark"] body.sidebar-mobile-open .sidebar .sidebar-footer {
    border-color: #26384d;
  }
}

/* Calendário escuro: todos os níveis usam a mesma família de superfícies. */
:root[data-theme="dark"] :is(
  .day-event,
  .segmented-control button[aria-pressed="true"]
) {
  border-color: var(--border) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
}

:root[data-theme="dark"] :is(
  .calendar-day.weekend,
  .calendar-day.outside-month,
  .calendar-legend,
  .day-agenda
) {
  background: var(--surface-soft) !important;
}

:root[data-theme="dark"] a.day-event:hover {
  border-color: var(--event-color) !important;
  background: var(--event-bg) !important;
}

/* Modal de requisição: uma superfície contínua e contraste consistente. */
:root[data-theme="dark"] body[data-page="requisicoes"] :is(
  #dialogo,
  #dialogo-conteudo,
  #dialogo-conteudo > .table-scroll
) {
  border-color: var(--border);
  background: var(--surface);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-titulo {
  border-color: var(--border);
  color: var(--text-strong);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-conteudo > p:first-child {
  border-color: var(--border);
  background: var(--surface-soft);
  color: var(--text);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .operacao-table thead {
  background: var(--surface-muted);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .operacao-table :is(th, td) {
  border-color: var(--border);
  color: var(--text);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .operacao-table td:first-child {
  color: var(--text-strong);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .requisicao-item--entregue td {
  background: #142a27;
  color: #c2d1de;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .requisicao-item--entregue td:first-child {
  color: #dce8f2;
  box-shadow: inset 3px 0 0 #4eaa8b;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo :is(
  .requisicao-item--entregue td:nth-child(3),
  .requisicao-item-entregue
) {
  color: #79c9ad;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .operacao-table input[type="number"] {
  border-color: var(--border-strong);
  background: #111d2d;
  color: var(--text-strong);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-conteudo > .table-scroll + p {
  border-color: #29445f;
  background: #17283a;
  color: #b3c3d4;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-conteudo > .table-scroll + p::before {
  background: #213c58;
  color: #8bb7e5;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-conteudo > .acoes button {
  border-color: var(--border-strong);
  background: var(--surface-soft);
  color: #9fc0e2;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-conteudo > .acoes button:hover {
  border-color: #49617e;
  background: var(--surface-muted);
  color: #d8e7f6;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo-conteudo > .acoes button:nth-child(2) {
  border-color: #5a482b;
  background: #302719;
  color: #e1b76f;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo details,
:root[data-theme="dark"] body[data-page="requisicoes"] #form-dialogo > .acoes {
  border-color: var(--border);
  background: var(--surface-soft);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo details > summary {
  color: #a9c1dc;
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo details[open] > summary {
  border-color: var(--border);
  background: var(--surface-muted);
}

:root[data-theme="dark"] body[data-page="requisicoes"] #dialogo .historico li {
  color: var(--muted-strong);
}

:root[data-theme="dark"] .sidebar-account { border-color: #26384d; }
:root[data-theme="dark"] .sidebar-account-action,
:root[data-theme="dark"] .sidebar .sidebar-account-actions [data-logout] {
  border-color: #26384d;
  color: #91a4ba;
}

:root[data-theme="dark"] .movements-pagination {
  background: var(--surface);
}

/* Superfícies auxiliares que tinham cores claras próprias nos estilos de página. */
:root[data-theme="dark"] :is(
  .request-filter-footer,
  .pending-filter-footer,
  .purchase-filter-footer,
  .movement-filter-footer,
  .nfe-history-filters
) {
  background: var(--surface-soft) !important;
}

:root[data-theme="dark"] .dashboard-calendar .day-event-list {
  scrollbar-color: #40536b transparent;
}

:root[data-theme="dark"] :is(
  .purchases-toolbar-icon,
  .purchase-supplier-icon,
  .nfe-flow > span:not(.nfe-flow-line),
  .nfe-flow strong,
  .nfe-items-count
) {
  border-color: var(--border) !important;
}

:root[data-theme="dark"] .movement-kind.is-entry {
  background: #1d352f !important;
}

:root[data-theme="dark"] .movement-kind.is-exit {
  background: #202f43 !important;
}

@media (max-width: 700px) {
  :root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table tbody {
    background: var(--surface-soft) !important;
  }

  :root[data-theme="dark"] body[data-page="estoque"] #estoque-lista .operacao-table tbody tr,
  :root[data-theme="dark"] .pending-table tbody tr {
    border-color: var(--border) !important;
    background: var(--surface) !important;
  }
}

/* Central de notificações no tema escuro. */
:root[data-theme="dark"] .notification-bell {
  border-color: var(--border-strong);
  background: var(--surface);
  color: #a9bdd3;
  box-shadow: none;
}
:root[data-theme="dark"] .notification-bell-copy strong { color: var(--text-strong); }
:root[data-theme="dark"] .notification-bell-copy small { color: var(--muted); }
:root[data-theme="dark"] .notification-bell-icon { background: #20364d; color: #8abceb; }
:root[data-theme="dark"] .notification-center.has-unread .notification-bell-icon { background: #20364d; color: #8abceb; }
:root[data-theme="dark"] .notification-center.has-unread .notification-bell-copy small { color: #8abceb; }
:root[data-theme="dark"] .notification-bell:hover,
:root[data-theme="dark"] .notification-bell[aria-expanded="true"] {
  border-color: #49617e;
  background: var(--surface-muted);
  color: #79b6ef;
}
:root[data-theme="dark"] .notification-badge { border-color: var(--page); }
:root[data-theme="dark"] .notification-panel {
  border-color: var(--border-strong);
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .32);
}
:root[data-theme="dark"] .notification-panel-header,
:root[data-theme="dark"] .notification-filters,
:root[data-theme="dark"] .notification-item,
:root[data-theme="dark"] .notification-panel > footer { border-color: var(--border); }
:root[data-theme="dark"] .notification-panel-heading strong,
:root[data-theme="dark"] .notification-item-title strong,
:root[data-theme="dark"] .notification-requester,
:root[data-theme="dark"] .notification-view-all strong { color: var(--text-strong); }
:root[data-theme="dark"] .notification-panel-heading > div > span,
:root[data-theme="dark"] .notification-item-meta,
:root[data-theme="dark"] .notification-item-aside,
:root[data-theme="dark"] .notification-empty > span:last-child,
:root[data-theme="dark"] .notification-view-all small { color: var(--muted); }
:root[data-theme="dark"] .notification-panel-icon { background: #20384e; color: #82b9e8; }
:root[data-theme="dark"] .notification-panel-actions button { color: #82b6e9; }
:root[data-theme="dark"] .notification-panel-actions button:hover:not(:disabled) { background: #203147; }
:root[data-theme="dark"] .notification-panel-actions button:disabled { color: #607187; }
:root[data-theme="dark"] .notification-filters { background: var(--surface-soft); }
:root[data-theme="dark"] .notification-filters button { color: var(--muted); }
:root[data-theme="dark"] .notification-filters button:hover { color: #b4cce4; background: #203147; }
:root[data-theme="dark"] .notification-filters button.is-active { border-color: #405772; background: #21344a; color: #91c3ef; box-shadow: none; }
:root[data-theme="dark"] .notification-filters button span { background: #273a50; color: #9aacc0; }
:root[data-theme="dark"] .notification-filters button.is-active span { background: #294966; color: #a9d4f7; }
:root[data-theme="dark"] .notification-item:hover { background: #1a293b; }
:root[data-theme="dark"] .notification-item.is-unread { background: #192a40; }
:root[data-theme="dark"] .notification-item-avatar { border-color: #354e68; background: #203951; color: #83bcef; }
:root[data-theme="dark"] .notification-empty strong { color: var(--text); }
:root[data-theme="dark"] .notification-empty-icon { background: #20364d; color: #8abceb; }
:root[data-theme="dark"] .notification-panel > footer { background: var(--surface-soft); }
:root[data-theme="dark"] .notification-view-all { color: #9ec6ea; }
:root[data-theme="dark"] .notification-view-all:hover { background: #203147; }
:root[data-theme="dark"] .notification-status.is-pending { border-color: #604d2f; color: #e1b56c; background: #382d1d; }
:root[data-theme="dark"] .notification-status.is-progress { border-color: #31516f; color: #8ac0ee; background: #1c3349; }
:root[data-theme="dark"] .notification-status.is-partial { border-color: #4d456c; color: #b7a9e5; background: #2e2942; }
:root[data-theme="dark"] .notification-status.is-done { border-color: #31584e; color: #80c8b4; background: #19362f; }
:root[data-theme="dark"] .notification-status.is-cancelled { border-color: #643f3d; color: #e59a92; background: #3b2727; }
:root[data-theme="dark"] .notification-enable {
  border-color: var(--border-strong);
  background: var(--surface-muted);
  color: #9cc6ed;
}
:root[data-theme="dark"] .notification-enable:hover { border-color: #526d8e; background: #203147; }
:root[data-theme="dark"] .notification-enable.is-active { border-color: #354e68; background: #20364d; color: #8abceb; }
:root[data-theme="dark"] .notification-enable.is-warning { border-color: #604d2f; background: #382d1d; color: #e5ba74; }