/* Tema opcional. O modo claro continua sendo o padrão do sistema. */
:root {
  --theme-page: #f5f4ef;
  --theme-surface: #fff;
  --theme-surface-raised: #fff;
  --theme-surface-soft: #f4f3f1;
  --theme-control: #fff;
  --theme-border: #d9dedc;
  --theme-text: #242122;
  --theme-muted: #68777d;
  --theme-subtle: #8b8587;
  --theme-accent: #242122;
  --theme-shadow: rgba(36, 33, 34, .12);
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --theme-page: #141313;
  --theme-surface: #211f20;
  --theme-surface-raised: #282526;
  --theme-surface-soft: #302d2e;
  --theme-control: #292627;
  --theme-border: #454041;
  --theme-text: #f1edee;
  --theme-muted: #b0b9bb;
  --theme-subtle: #969092;
  --theme-accent: #eee8e9;
  --theme-shadow: rgba(0, 0, 0, .42);
  --ink: var(--theme-text);
  --muted: var(--theme-muted);
  --cream: var(--theme-page);
  --panel: var(--theme-surface);
  --line: var(--theme-border);
  --teal: #d8d0d1;
  --teal2: #343031;
  --ambp-border: var(--theme-border);
  --ambp-shadow-subtle: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 22px rgba(0, 0, 0, .12);
  --ambp-shadow-hover: 0 8px 24px rgba(0, 0, 0, .28);
}

/* Seletor compartilhado pela conta, acesso e primeiro acesso. */
.theme-setting {
  min-width: 0;
}

.theme-setting-label {
  display: block;
  margin-bottom: 6px;
  color: #c8c1c3;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.theme-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid #514b4d;
  border-radius: 9px;
  background: #191718;
}

.theme-options button {
  min-width: 0;
  min-height: 29px;
  padding: 5px 3px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #cfc8ca;
  font: 700 9px/1.1 Inter, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  cursor: pointer;
}

.theme-options button:hover {
  background: #353132;
  color: #fff;
}

.theme-options button.active,
.theme-options button[aria-pressed="true"] {
  background: #f4f1f1;
  color: #242122;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .28);
}

.theme-options button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.session-foot .theme-setting {
  margin: 9px 0;
  padding: 9px 0;
  border-top: 1px solid #4f494b;
  border-bottom: 1px solid #4f494b;
}

.theme-setting-auth {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--theme-border);
}

.theme-setting-auth .theme-setting-label {
  color: var(--theme-muted);
  text-align: center;
}

.theme-setting-auth .theme-options {
  width: min(270px, 100%);
  margin: 0 auto;
  border-color: var(--theme-border);
  background: var(--theme-surface-soft);
}

.theme-setting-auth .theme-options button {
  color: var(--theme-muted);
}

.theme-setting-auth .theme-options button:hover {
  background: var(--theme-surface-raised);
  color: var(--theme-text);
}

.theme-setting-auth .theme-options button.active,
.theme-setting-auth .theme-options button[aria-pressed="true"] {
  background: var(--theme-surface-raised);
  color: var(--theme-text);
  box-shadow: 0 1px 5px var(--theme-shadow);
}

/* Superfícies e controles neutros no modo escuro. */
html[data-theme="dark"] body {
  background: var(--theme-page);
  color: var(--theme-text);
}

html[data-theme="dark"] .sidebar {
  background: #181617;
  border-color: #454041;
}

html[data-theme="dark"] .brand-logo {
  background: #fff;
}

html[data-theme="dark"] .nav {
  color: #cbc4c6;
}

html[data-theme="dark"] .nav.active,
html[data-theme="dark"] .nav:hover {
  background: #353132;
  color: #fff;
}

html[data-theme="dark"] .link-button,
html[data-theme="dark"] .signed-user {
  color: #eee9ea;
}

html[data-theme="dark"] .signed-user small {
  color: #aaa3a5;
}

html[data-theme="dark"] .panel,
html[data-theme="dark"] .cards article,
html[data-theme="dark"] dialog,
html[data-theme="dark"] .login-card {
  border-color: var(--theme-border);
  background: var(--theme-surface);
  color: var(--theme-text);
  box-shadow: 0 16px 45px var(--theme-shadow);
}

html[data-theme="dark"] dialog {
  border-color: #504a4c;
}

html[data-theme="dark"] dialog::backdrop {
  background: rgba(0, 0, 0, .72);
}

html[data-theme="dark"] dialog .modal-actions {
  border-color: var(--theme-border);
  background: var(--theme-surface);
}

html[data-theme="dark"] .panel-title,
html[data-theme="dark"] .progress-section,
html[data-theme="dark"] .history-section,
html[data-theme="dark"] .event-email-section {
  border-color: var(--theme-border);
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] strong,
html[data-theme="dark"] label {
  color: inherit;
}

html[data-theme="dark"] .intro,
html[data-theme="dark"] .intro p,
html[data-theme="dark"] small,
html[data-theme="dark"] .cards span,
html[data-theme="dark"] .cards small,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .password-hint,
html[data-theme="dark"] .password-rules {
  color: var(--theme-muted);
}

html[data-theme="dark"] a:not(.primary) {
  color: #d9d1d3;
}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .search,
html[data-theme="dark"] .toolbar input,
html[data-theme="dark"] .toolbar select,
html[data-theme="dark"] .form-grid input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="dark"] .form-grid select,
html[data-theme="dark"] .form-grid textarea {
  border-color: var(--theme-border);
  background: var(--theme-control);
  color: var(--theme-text);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #918b8d;
  opacity: 1;
}

html[data-theme="dark"] input[readonly]:not([type="color"]),
html[data-theme="dark"] #coordinatorDisplay[readonly] {
  background: #242223;
  color: #aaa3a5;
}

html[data-theme="dark"] .search input,
html[data-theme="dark"] .help-search input,
html[data-theme="dark"] #eventsView .date-input-field input {
  background: transparent;
  color: var(--theme-text);
}

html[data-theme="dark"] .primary {
  background: #e9e3e4;
  color: #242122;
}

html[data-theme="dark"] .primary:hover:not(:disabled) {
  background: #fff;
  color: #181617;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] .secondary {
  border: 1px solid var(--theme-border);
  background: #302d2e;
  color: #eee9ea;
}

html[data-theme="dark"] .secondary:hover:not(:disabled) {
  background: #3b3738;
  color: #fff;
}

html[data-theme="dark"] .text-button,
html[data-theme="dark"] .row-actions button,
html[data-theme="dark"] .text-action,
html[data-theme="dark"] .icon {
  color: #e4dcde;
}

html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] input:focus-visible,
html[data-theme="dark"] select:focus-visible,
html[data-theme="dark"] textarea:focus-visible,
html[data-theme="dark"] summary:focus-visible {
  outline-color: #d7cfd1;
}

html[data-theme="dark"] th {
  background: #2a2728;
  color: var(--theme-muted);
}

html[data-theme="dark"] td {
  border-color: var(--theme-border);
}

html[data-theme="dark"] td small,
html[data-theme="dark"] #eventsView td .weekday,
html[data-theme="dark"] #eventsView td::before,
html[data-theme="dark"] #deletedView td::before,
html[data-theme="dark"] #backupsView td::before,
html[data-theme="dark"] #usersView td::before {
  color: var(--theme-muted);
}

/* Visão geral e filtros de eventos. */
html[data-theme="dark"] .date-block,
html[data-theme="dark"] .progress-step,
html[data-theme="dark"] .admin-card-icon,
html[data-theme="dark"] .supplier-rank-track,
html[data-theme="dark"] .filter-chip,
html[data-theme="dark"] #eventsView .filter-chip {
  background: var(--theme-surface-soft);
  color: var(--theme-text);
}

html[data-theme="dark"] .date-block strong,
html[data-theme="dark"] .eyebrow {
  color: #d8d0d1;
}

html[data-theme="dark"] .event-row {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .priority-list button {
  border-color: var(--theme-border);
  background: #292627;
  color: var(--theme-text);
}

html[data-theme="dark"] .priority-list button:hover {
  border-color: #7a7274;
  background: #332f30;
}

html[data-theme="dark"] .priority-list button span,
html[data-theme="dark"] .supplier-dashboard-note,
html[data-theme="dark"] .no {
  color: var(--theme-muted);
}

html[data-theme="dark"] .yes {
  color: #9bd7b0;
}

html[data-theme="dark"] #eventsView .date-filter-box {
  border-color: var(--theme-border);
  background: var(--theme-surface);
}

html[data-theme="dark"] #eventsView .date-mode-switch {
  background: #181617;
}

html[data-theme="dark"] #eventsView .date-mode-switch button,
html[data-theme="dark"] #eventsView .date-shortcuts button {
  color: var(--theme-muted);
}

html[data-theme="dark"] #eventsView .date-mode-switch button.active {
  background: #3a3637;
  color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
}

html[data-theme="dark"] #eventsView .date-input-field {
  border-color: var(--theme-border);
}

html[data-theme="dark"] #eventsView .date-input-field span,
html[data-theme="dark"] #eventsView .supplier-filter-row label,
html[data-theme="dark"] #eventsView .filter-summary > small {
  color: var(--theme-muted);
}

html[data-theme="dark"] #eventsView .date-shortcuts button,
html[data-theme="dark"] #eventsView .clear-filters {
  border-color: var(--theme-border);
  background: #302d2e;
  color: #d9d2d3;
}

html[data-theme="dark"] #eventsView .date-shortcuts button:hover,
html[data-theme="dark"] #eventsView .date-shortcuts button.active,
html[data-theme="dark"] #eventsView .clear-filters:hover {
  border-color: #7a7274;
  background: #e9e3e4;
  color: #242122;
}

html[data-theme="dark"] #eventsView .supplier-filter-row select,
html[data-theme="dark"] .history-toolbar .search,
html[data-theme="dark"] .history-toolbar select {
  border-color: var(--theme-border);
  background: var(--theme-control);
  color: var(--theme-text);
}

html[data-theme="dark"] #eventsView .table-panel,
html[data-theme="dark"] #eventsView tbody {
  border-color: var(--theme-border);
  background: var(--theme-border);
}

html[data-theme="dark"] #eventsView thead th {
  box-shadow: 0 1px 0 var(--theme-border);
}

html[data-theme="dark"] #eventsView .supplier-stripe td {
  border-color: color-mix(in srgb, var(--supplier-color, #6f686a) 45%, var(--theme-border)) !important;
  background: color-mix(in srgb, var(--supplier-color, #6f686a) 20%, var(--theme-surface)) !important;
  color: var(--theme-text);
}

html[data-theme="dark"] #eventsView td.row-actions {
  border-color: rgba(255, 255, 255, .09);
}

html[data-theme="dark"] .supplier-list > span {
  background: rgba(10, 9, 9, .38);
  color: var(--theme-text);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

html[data-theme="dark"] .jump-to-today {
  border-color: var(--theme-border);
  background: var(--theme-surface-raised);
  color: var(--theme-text);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .duplicate-warning {
  border-color: #b75e59;
  background: #3b2221;
  color: #ffb0aa;
}

html[data-theme="dark"] .invoice-box,
html[data-theme="dark"] .photo-box,
html[data-theme="dark"] .attendance-editor {
  border-color: var(--theme-border);
  background: #292627;
}

html[data-theme="dark"] .add-option {
  border-color: var(--theme-border);
  background: #343031;
  color: var(--theme-text);
}

/* Detalhes, históricos, atendimentos e administração. */
html[data-theme="dark"] .detail-item,
html[data-theme="dark"] .global-history-entry,
html[data-theme="dark"] .attendance-card,
html[data-theme="dark"] .details-attendance-card,
html[data-theme="dark"] .registration-row,
html[data-theme="dark"] .invite-link input,
html[data-theme="dark"] .device-code-box,
html[data-theme="dark"] .email-search-complete {
  border-color: var(--theme-border);
  background: #292627;
  color: var(--theme-text);
}

html[data-theme="dark"] .important-observation {
  border-color: #8e6b28;
  border-left-color: #d39a32;
  background: #392f1c;
  color: #f3e5bd;
}

html[data-theme="dark"] .important-observation-heading h3 {
  color: #f0cf80;
}

html[data-theme="dark"] .important-observation-icon {
  background: #d39a32;
  color: #211b10;
}

html[data-theme="dark"] .detail-item label,
html[data-theme="dark"] .attendance-editor-heading span,
html[data-theme="dark"] .attendance-code,
html[data-theme="dark"] .details-attendance-head span,
html[data-theme="dark"] .details-attendance-grid label,
html[data-theme="dark"] .history-entry small,
html[data-theme="dark"] .history-meta,
html[data-theme="dark"] .history-changes,
html[data-theme="dark"] .history-count,
html[data-theme="dark"] .admin-card p,
html[data-theme="dark"] .admin-card small,
html[data-theme="dark"] .own-account,
html[data-theme="dark"] .registration-empty {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .history-meta b {
  color: #d1cacc;
}

html[data-theme="dark"] .history-entry {
  border-color: #5a5456;
}

html[data-theme="dark"] .history-entry::before {
  background: #d8d0d1;
}

html[data-theme="dark"] .global-history-entry:hover {
  border-color: #756e70;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .attendance-supplier-row .remove-supplier,
html[data-theme="dark"] .approval-ignore {
  border-color: #744744;
  background: #3c2423;
  color: #ffaaa4;
}

html[data-theme="dark"] #deletedView tr,
html[data-theme="dark"] #backupsView tr,
html[data-theme="dark"] #usersView tr {
  border-color: var(--theme-border);
  background: var(--theme-surface);
}

html[data-theme="dark"] #alertsView .duplicate-event {
  background: color-mix(in srgb, var(--supplier-color, #6f686a) 20%, var(--theme-surface));
}

html[data-theme="dark"] #alertsView .duplicate-event-number,
html[data-theme="dark"] #alertsView .duplicate-facts,
html[data-theme="dark"] #alertsView .duplicate-resolution,
html[data-theme="dark"] #alertsView .comparison-head small {
  color: var(--theme-muted);
}

html[data-theme="dark"] #alertsView .duplicate-divider::before {
  border-color: var(--theme-border);
}

html[data-theme="dark"] #alertsView .duplicate-divider span {
  background: var(--theme-surface);
  color: var(--theme-muted);
}

html[data-theme="dark"] .comparison,
html[data-theme="dark"] .comparison-grid > div {
  border-color: var(--theme-border);
  background: var(--theme-surface);
}

html[data-theme="dark"] .comparison-grid > div {
  background: #292627;
}

/* Estados preservam o significado, com contraste próprio para fundo escuro. */
html[data-theme="dark"] .pill {
  background: #343031;
  color: #d9d2d3;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

html[data-theme="dark"] .pill.pendente,
html[data-theme="dark"] .progress-step.attention,
html[data-theme="dark"] .user-status.waiting {
  background: #43341f;
  color: #f3cb84;
}

html[data-theme="dark"] .pill.aprovado,
html[data-theme="dark"] .pill.realizado,
html[data-theme="dark"] .progress-step.done,
html[data-theme="dark"] .menu-received,
html[data-theme="dark"] .user-status.active,
html[data-theme="dark"] .activate-user {
  background: #243a2c;
  color: #9ed7af;
}

html[data-theme="dark"] .pill.cancelado,
html[data-theme="dark"] .user-status.disabled {
  background: #3d2928;
  color: #e6aaa6;
}

html[data-theme="dark"] .user-status.invited,
html[data-theme="dark"] .protected-event-badge {
  background: #263343;
  color: #aac7eb;
}

html[data-theme="dark"] .test-banner,
html[data-theme="dark"] .test-event-badge {
  border-color: #98702e;
  background: #44351f;
  color: #f1c675;
}

/* Central de Pendências. */
html[data-theme="dark"] .approval-summary-card,
html[data-theme="dark"] .approval-filter,
html[data-theme="dark"] .approval-detail-section,
html[data-theme="dark"] :is(#approvalsTable,#approvalTodayTable) tr {
  border-color: var(--theme-border);
  background: var(--theme-surface);
  color: var(--theme-text);
}

html[data-theme="dark"] .approval-summary .approval-closed-card {
  border-color: #7e3733;
  background: #3b2524;
}

html[data-theme="dark"] .approval-summary .approval-closed-card strong { color: #ffb6b1; }

html[data-theme="dark"] .approval-summary .approval-summary-card.active {
  border-color: #f4f1ed;
  background: #f4f1ed;
  color: #242122;
}

html[data-theme="dark"] .approval-summary .approval-summary-card.active span,
html[data-theme="dark"] .approval-summary .approval-summary-card.active small,
html[data-theme="dark"] .approval-summary .approval-summary-card.active strong {
  color: #242122;
}

html[data-theme="dark"] .approval-summary span,
html[data-theme="dark"] .approval-summary small,
html[data-theme="dark"] .approval-filter,
html[data-theme="dark"] .approvals-filter-summary #approvalMonitorStatus,
html[data-theme="dark"] .approval-summary-text,
html[data-theme="dark"] .approval-email-card p,
html[data-theme="dark"] .approval-dialog-foot small,
html[data-theme="dark"] .approval-attachment small,
html[data-theme="dark"] .approval-candidate small {
  color: var(--theme-muted);
}

html[data-theme="dark"] .approval-filter.active {
  border-color: #e9e3e4;
  background: #e9e3e4;
  color: #242122;
}

html[data-theme="dark"] :is(#approvalsTable,#approvalTodayTable) tr:hover td {
  background: #2d2a2b;
}

html[data-theme="dark"] :is(#approvalsTable,#approvalTodayTable) td {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .approval-today-panel {
  border-color: #7e3733;
  border-left-color: #e0524c;
  background: #3b2524;
}

html[data-theme="dark"] .approval-today-panel > summary { color: #ffb6b1; }
html[data-theme="dark"] .approval-today-content .approvals-table-panel { border-color: #6e3936; }

html[data-theme="dark"] .approval-safety-note {
  border-color: #74613d;
  background: #342d20;
  color: #e2c98f;
}

html[data-theme="dark"] .approval-safety-note strong {
  color: #f1dca9;
}

html[data-theme="dark"] .approval-readonly-banner,
html[data-theme="dark"] .approval-operational-context,
html[data-theme="dark"] .approval-form-notice {
  border-color: #42665e;
  background: #20332f;
  color: #a5d5ca;
}

html[data-theme="dark"] .operational-pending-alerts button {
  border-color: #7e3733;
  border-left-color: #e0524c;
  background: #3b2524;
  color: #ffb6b1;
}

html[data-theme="dark"] .operational-pending-alerts small { color: #d99591; }

html[data-theme="dark"] .approval-guidance,
html[data-theme="dark"] .approval-verification-message {
  border-color: #806331;
  background: #382f20;
  color: #efd292;
}

html[data-theme="dark"] .approval-guidance small { color: #d1ba88; }
html[data-theme="dark"] .approval-check-note textarea {
  border-color: var(--theme-border);
  background: var(--theme-input);
  color: var(--theme-text);
}

html[data-theme="dark"] .approval-change-row,
html[data-theme="dark"] .approval-attendance-row,
html[data-theme="dark"] .approval-email-excerpt,
html[data-theme="dark"] .approval-attachment,
html[data-theme="dark"] .approval-candidate {
  border-color: var(--theme-border);
  background: #292627;
  color: var(--theme-text);
}

html[data-theme="dark"] .approval-change-row .before,
html[data-theme="dark"] .approval-change-row .arrow,
html[data-theme="dark"] .approval-email-excerpt {
  color: var(--theme-muted);
}

html[data-theme="dark"] .approval-change-row .after {
  color: var(--theme-text);
}

html[data-theme="dark"] .approval-type.new_event,
html[data-theme="dark"] .approval-type.menu,
html[data-theme="dark"] .approval-confidence.strong {
  background: #243a2f;
  color: #9ed7b3;
}

html[data-theme="dark"] .approval-type.change {
  background: #26364a;
  color: #a7c8ef;
}

html[data-theme="dark"] .approval-type.cancellation,
html[data-theme="dark"] .approval-priority.high {
  background: #402725;
  color: #ffaaa4;
}

html[data-theme="dark"] .approval-type.conflict,
html[data-theme="dark"] .approval-priority.medium {
  background: #43341f;
  color: #f3cb84;
}

html[data-theme="dark"] .approval-type.possible_match {
  background: #352c42;
  color: #cfb4e6;
}

html[data-theme="dark"] .approval-priority.low,
html[data-theme="dark"] .approval-confidence,
html[data-theme="dark"] .approval-status {
  background: #343638;
  color: #c2cbcd;
}

html[data-theme="dark"] .approval-status.expired {
  background: #402725;
  color: #ffaaa4;
}

/* Ajuda e vínculo de e-mails. */
html[data-theme="dark"] .help-search,
html[data-theme="dark"] .help-shortcuts button,
html[data-theme="dark"] .help-item,
html[data-theme="dark"] .help-empty {
  border-color: var(--theme-border);
  background: var(--theme-surface);
  color: var(--theme-text);
}

html[data-theme="dark"] .help-item[open] {
  border-color: #716a6c;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .help-item summary::after {
  background: #383435;
  color: #eee8e9;
}

html[data-theme="dark"] .help-item summary small,
html[data-theme="dark"] .help-count,
html[data-theme="dark"] .help-empty p,
html[data-theme="dark"] .help-admin p,
html[data-theme="dark"] .help-answer {
  color: var(--theme-muted);
}

html[data-theme="dark"] .help-answer {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .help-admin {
  background: #292627;
}

html[data-theme="dark"] .help-admin-icon {
  background: #e8e2e3;
  color: #242122;
}

html[data-theme="dark"] .event-form-email,
html[data-theme="dark"] .event-form-email-selected,
html[data-theme="dark"] .event-form-email-note,
html[data-theme="dark"] .event-email-item,
html[data-theme="dark"] .email-result {
  border-color: var(--theme-border);
  background: #292627;
  color: var(--theme-text);
}

html[data-theme="dark"] .event-form-email-selected,
html[data-theme="dark"] .event-form-email-note {
  background: #343031;
}

html[data-theme="dark"] .event-form-email-heading small,
html[data-theme="dark"] .event-form-email-selected small,
html[data-theme="dark"] .event-form-email-selected span,
html[data-theme="dark"] .event-form-email-note span,
html[data-theme="dark"] .event-email-heading small,
html[data-theme="dark"] .event-email-item small,
html[data-theme="dark"] .event-email-item span,
html[data-theme="dark"] .email-result small,
html[data-theme="dark"] .email-search-complete small,
html[data-theme="dark"] .email-search-hint {
  color: var(--theme-muted);
}

html[data-theme="dark"] .email-result-mailbox {
  background: #3a3637;
  color: #d7cfd1;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
}

/* Acesso e primeiro acesso. */
html[data-theme="dark"] .login-card img {
  padding: 8px;
  border-radius: 8px;
  background: #fff;
}

html[data-theme="dark"] .login-card .intro,
html[data-theme="dark"] .login-card small {
  color: var(--theme-muted);
}

html[data-theme="dark"] .text-input,
html[data-theme="dark"] .password-row {
  border-color: var(--theme-border);
  background: var(--theme-control);
  color: var(--theme-text);
}

html[data-theme="dark"] .password-row input {
  background: transparent;
  color: var(--theme-text);
}

html[data-theme="dark"] .password-row button {
  border-color: var(--theme-border);
  background: #363233;
  color: var(--theme-text);
}

html[data-theme="dark"] .password-row button:hover {
  background: #423d3f;
}

html[data-theme="dark"] .submit {
  background: #e9e3e4;
  color: #242122;
}

html[data-theme="dark"] .submit:hover:not(:disabled) {
  background: #fff;
}

html[data-theme="dark"] .access-help,
html[data-theme="dark"] .setup-name {
  background: #2c292a;
  color: var(--theme-muted);
}

@media (max-width: 900px) {
  .sidebar.account-open .session-foot:not(.hidden) .theme-setting {
    margin-top: 10px;
  }

  html[data-theme="dark"] .mobile-account-button[aria-expanded="true"] {
    background: #eee8e9;
    color: #242122;
  }
}

@media (prefers-reduced-motion: reduce) {
  .theme-options button {
    transition: none;
  }
}