/* Agenda TF — tema escuro global
   O arquivo é carregado por último para adaptar as telas existentes sem alterar regras de negócio. */
:root {
    color-scheme: light;
    --tf-theme-bg: #f8fafc;
    --tf-theme-surface: #ffffff;
    --tf-theme-surface-2: #f8fafc;
    --tf-theme-surface-3: #eef2f7;
    --tf-theme-border: #dbe3ee;
    --tf-theme-text: #0f172a;
    --tf-theme-muted: #64748b;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --tf-theme-bg: #070b14;
    --tf-theme-surface: #0f172a;
    --tf-theme-surface-2: #111c2f;
    --tf-theme-surface-3: #172033;
    --tf-theme-border: #2a3850;
    --tf-theme-text: #e5edf8;
    --tf-theme-muted: #94a3b8;
}

html[data-theme="dark"] body {
    background:
        radial-gradient(circle at top left, rgba(220, 38, 38, .14), transparent 30rem),
        radial-gradient(circle at top right, rgba(30, 41, 59, .40), transparent 34rem),
        linear-gradient(180deg, #070b14 0%, #0b1220 100%) !important;
    color: var(--tf-theme-text) !important;
}

/* Botão de tema */
.tf-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 34px;
    padding: .45rem .75rem;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: .75rem;
    background: rgba(30, 41, 59, .72);
    color: #e2e8f0;
    font-size: .75rem;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    cursor: pointer;
}
.tf-theme-toggle:hover { background: rgba(51, 65, 85, .95); border-color: rgba(203, 213, 225, .38); transform: translateY(-1px); }
.tf-theme-toggle:focus-visible { outline: 2px solid #f87171; outline-offset: 2px; }
.tf-theme-toggle i { width: 1rem; text-align: center; }
.tf-theme-toggle-floating { position: fixed; right: 16px; bottom: 16px; z-index: 9999; }
html[data-theme="dark"] .tf-theme-toggle { background: rgba(15, 23, 42, .88); border-color: rgba(100, 116, 139, .55); color: #f8fafc; }
html[data-theme="dark"] .tf-theme-toggle:hover { background: rgba(30, 41, 59, .98); }

@media (max-width: 640px) {
    .tf-theme-toggle { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border-radius: .7rem; }
    .tf-theme-label { display: none; }
}

/* Superfícies principais */
html[data-theme="dark"] [class~="bg-white"],
html[data-theme="dark"] .card,
html[data-theme="dark"] .tf-card,
html[data-theme="dark"] .tf-sidebar,
html[data-theme="dark"] aside,
html[data-theme="dark"] section.bg-white,
html[data-theme="dark"] #tab-cadastro {
    background-color: var(--tf-theme-surface) !important;
    border-color: var(--tf-theme-border) !important;
    color: var(--tf-theme-text) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .20) !important;
}
html[data-theme="dark"] [class~="bg-slate-50"] { background-color: #111c2f !important; }
html[data-theme="dark"] [class~="bg-slate-100"] { background-color: #172033 !important; }
html[data-theme="dark"] [class~="bg-slate-200"] { background-color: #263449 !important; }
html[data-theme="dark"] [class~="bg-slate-300"] { background-color: #334155 !important; }
html[data-theme="dark"] [class~="bg-slate-800"] { background-color: #172033 !important; }
html[data-theme="dark"] [class~="bg-slate-900"] { background-color: #0b1220 !important; }
html[data-theme="dark"] [class~="bg-slate-950"] { background-color: #050914 !important; }

/* Texto neutro */
html[data-theme="dark"] [class~="text-slate-950"],
html[data-theme="dark"] [class~="text-slate-900"] { color: #f8fafc !important; }
html[data-theme="dark"] [class~="text-slate-800"] { color: #e5edf8 !important; }
html[data-theme="dark"] [class~="text-slate-700"] { color: #d3deec !important; }
html[data-theme="dark"] [class~="text-slate-600"] { color: #b3c0d2 !important; }
html[data-theme="dark"] [class~="text-slate-500"] { color: #94a3b8 !important; }
html[data-theme="dark"] [class~="text-slate-400"] { color: #8190a5 !important; }
html[data-theme="dark"] [class~="text-slate-300"] { color: #cbd5e1 !important; }
html[data-theme="dark"] [class~="text-slate-200"] { color: #e2e8f0 !important; }

/* Bordas */
html[data-theme="dark"] [class~="border-slate-100"],
html[data-theme="dark"] [class~="border-slate-200"],
html[data-theme="dark"] [class~="border-slate-300"],
html[data-theme="dark"] [class~="border-slate-700"],
html[data-theme="dark"] [class~="border"] { border-color: var(--tf-theme-border) !important; }
html[data-theme="dark"] [class~="divide-slate-100"] > :not([hidden]) ~ :not([hidden]),
html[data-theme="dark"] [class~="divide-slate-200"] > :not([hidden]) ~ :not([hidden]) { border-color: var(--tf-theme-border) !important; }

/* Campos e controles */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .field,
html[data-theme="dark"] .tf-input,
html[data-theme="dark"] .tf-select {
    background-color: #0b1323 !important;
    color: #eef5ff !important;
    border-color: #334155 !important;
    caret-color: #f8fafc;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #64748b !important; opacity: 1; }
html[data-theme="dark"] select option { background: #0b1323; color: #eef5ff; }
html[data-theme="dark"] input[readonly],
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled { background-color: #172033 !important; color: #94a3b8 !important; opacity: 1; }
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="time"],
html[data-theme="dark"] input[type="datetime-local"] { color-scheme: dark; }
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .field:focus,
html[data-theme="dark"] .tf-input:focus,
html[data-theme="dark"] .tf-select:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .14) !important;
}

/* Tabelas, linhas e menus */
html[data-theme="dark"] table { color: #dbe7f5; }
html[data-theme="dark"] thead,
html[data-theme="dark"] [class~="bg-gray-50"] { background-color: #111c2f !important; }
html[data-theme="dark"] tbody tr { border-color: #263449 !important; }
html[data-theme="dark"] tbody tr:hover { background-color: rgba(30, 41, 59, .58) !important; }
html[data-theme="dark"] .nav-link:not(.bg-red-50):not(.active):hover { background: #172033 !important; color: #fff !important; box-shadow: none !important; }
html[data-theme="dark"] .nav-link.bg-red-50,
html[data-theme="dark"] .nav-link.active { color: #fff !important; }

/* Botões claros e ações secundárias */
html[data-theme="dark"] .btn-soft,
html[data-theme="dark"] button[class*="bg-white"],
html[data-theme="dark"] a[class*="bg-white"] {
    background-color: #111c2f !important;
    color: #dbe7f5 !important;
    border-color: #334155 !important;
}
html[data-theme="dark"] .btn-soft:hover,
html[data-theme="dark"] button[class*="hover:bg-slate-50"]:hover,
html[data-theme="dark"] a[class*="hover:bg-slate-50"]:hover { background-color: #1a2940 !important; }

/* Estados coloridos - mantêm significado sem ofuscar */
html[data-theme="dark"] [class~="bg-red-50"],
html[data-theme="dark"] [class~="bg-rose-50"] { background-color: rgba(127, 29, 29, .28) !important; }
html[data-theme="dark"] [class~="bg-red-100"],
html[data-theme="dark"] [class~="bg-rose-100"] { background-color: rgba(153, 27, 27, .35) !important; }
html[data-theme="dark"] [class~="border-red-200"],
html[data-theme="dark"] [class~="border-red-300"],
html[data-theme="dark"] [class~="border-rose-200"] { border-color: rgba(248, 113, 113, .42) !important; }
html[data-theme="dark"] [class~="text-red-700"],
html[data-theme="dark"] [class~="text-red-800"],
html[data-theme="dark"] [class~="text-red-900"],
html[data-theme="dark"] [class~="text-rose-700"],
html[data-theme="dark"] [class~="text-rose-800"],
html[data-theme="dark"] [class~="text-rose-900"] { color: #fca5a5 !important; }

html[data-theme="dark"] [class~="bg-amber-50"],
html[data-theme="dark"] [class~="bg-yellow-50"] { background-color: rgba(120, 53, 15, .28) !important; }
html[data-theme="dark"] [class~="bg-amber-100"],
html[data-theme="dark"] [class~="bg-yellow-100"] { background-color: rgba(146, 64, 14, .40) !important; }
html[data-theme="dark"] [class~="bg-amber-200"] { background-color: rgba(180, 83, 9, .48) !important; }
html[data-theme="dark"] [class~="border-amber-200"],
html[data-theme="dark"] [class~="border-amber-300"],
html[data-theme="dark"] [class~="border-yellow-200"] { border-color: rgba(251, 191, 36, .44) !important; }
html[data-theme="dark"] [class~="text-amber-700"],
html[data-theme="dark"] [class~="text-amber-800"],
html[data-theme="dark"] [class~="text-amber-900"],
html[data-theme="dark"] [class~="text-yellow-700"],
html[data-theme="dark"] [class~="text-yellow-800"],
html[data-theme="dark"] [class~="text-yellow-900"] { color: #fcd34d !important; }

html[data-theme="dark"] [class~="bg-emerald-50"],
html[data-theme="dark"] [class~="bg-green-50"] { background-color: rgba(6, 78, 59, .30) !important; }
html[data-theme="dark"] [class~="bg-emerald-100"],
html[data-theme="dark"] [class~="bg-green-100"] { background-color: rgba(6, 95, 70, .40) !important; }
html[data-theme="dark"] [class~="border-emerald-200"],
html[data-theme="dark"] [class~="border-emerald-300"],
html[data-theme="dark"] [class~="border-green-200"] { border-color: rgba(52, 211, 153, .38) !important; }
html[data-theme="dark"] [class~="text-emerald-700"],
html[data-theme="dark"] [class~="text-emerald-800"],
html[data-theme="dark"] [class~="text-emerald-900"],
html[data-theme="dark"] [class~="text-emerald-950"],
html[data-theme="dark"] [class~="text-green-700"],
html[data-theme="dark"] [class~="text-green-800"],
html[data-theme="dark"] [class~="text-green-900"] { color: #6ee7b7 !important; }

html[data-theme="dark"] [class~="bg-blue-50"],
html[data-theme="dark"] [class~="bg-sky-50"],
html[data-theme="dark"] [class~="bg-cyan-50"] { background-color: rgba(12, 74, 110, .30) !important; }
html[data-theme="dark"] [class~="bg-blue-100"],
html[data-theme="dark"] [class~="bg-sky-100"] { background-color: rgba(7, 89, 133, .40) !important; }
html[data-theme="dark"] [class~="border-blue-200"],
html[data-theme="dark"] [class~="border-sky-200"],
html[data-theme="dark"] [class~="border-sky-300"] { border-color: rgba(56, 189, 248, .42) !important; }
html[data-theme="dark"] [class~="text-blue-700"],
html[data-theme="dark"] [class~="text-blue-800"],
html[data-theme="dark"] [class~="text-blue-900"],
html[data-theme="dark"] [class~="text-sky-700"],
html[data-theme="dark"] [class~="text-sky-800"],
html[data-theme="dark"] [class~="text-sky-900"] { color: #7dd3fc !important; }

html[data-theme="dark"] [class~="bg-orange-50"] { background-color: rgba(124, 45, 18, .30) !important; }
html[data-theme="dark"] [class~="bg-orange-100"] { background-color: rgba(154, 52, 18, .40) !important; }
html[data-theme="dark"] [class~="border-orange-200"],
html[data-theme="dark"] [class~="border-orange-300"] { border-color: rgba(251, 146, 60, .42) !important; }
html[data-theme="dark"] [class~="text-orange-700"],
html[data-theme="dark"] [class~="text-orange-800"],
html[data-theme="dark"] [class~="text-orange-900"] { color: #fdba74 !important; }

html[data-theme="dark"] [class~="bg-purple-50"],
html[data-theme="dark"] [class~="bg-violet-50"] { background-color: rgba(76, 29, 149, .28) !important; }
html[data-theme="dark"] [class~="text-purple-700"],
html[data-theme="dark"] [class~="text-purple-800"],
html[data-theme="dark"] [class~="text-violet-700"] { color: #c4b5fd !important; }

/* Configuração WhatsApp */
html[data-theme="dark"] .card { background: #0f172a !important; border-color: #2a3850 !important; }
html[data-theme="dark"] .btn-danger { background: rgba(127, 29, 29, .25) !important; color: #fda4af !important; border-color: rgba(251, 113, 133, .35) !important; }
html[data-theme="dark"] .btn-soft { background: #111c2f !important; border-color: #334155 !important; color: #dbe7f5 !important; }
html[data-theme="dark"] .tab:not(.active):hover { background: #172033 !important; }
html[data-theme="dark"] .health-ok { background: rgba(6, 78, 59, .30) !important; border-color: rgba(52, 211, 153, .34) !important; color: #6ee7b7 !important; }
html[data-theme="dark"] .health-warn { background: rgba(120, 53, 15, .30) !important; border-color: rgba(251, 191, 36, .34) !important; color: #fcd34d !important; }
html[data-theme="dark"] .health-bad { background: rgba(127, 29, 29, .30) !important; border-color: rgba(248, 113, 113, .34) !important; color: #fca5a5 !important; }
html[data-theme="dark"] .health-neutral { background: #111c2f !important; border-color: #334155 !important; color: #b3c0d2 !important; }

/* Agenda visual */
html[data-theme="dark"] .agenda-dia-cell { border-color: #263449 !important; }
html[data-theme="dark"] .agenda-dia-cell[class*="bg-white"] { background: #0f172a !important; }
html[data-theme="dark"] .agenda-dia-cell[class*="bg-slate-50"] { background: #0b1323 !important; color: #52627a !important; }
html[data-theme="dark"] .agenda-dia-cell[class*="bg-slate-100"] { background: #111827 !important; color: #8291a7 !important; }
html[data-theme="dark"] .agenda-dia-cell:hover { background: #172033 !important; }
html[data-theme="dark"] .agenda-evento { box-shadow: 0 2px 8px rgba(0, 0, 0, .18); }

/* Listas de ferramentas */
html[data-theme="dark"] .tf-input[readonly] { background: #172033 !important; }
html[data-theme="dark"] .tf-table thead,
html[data-theme="dark"] .tf-table th { background: #111c2f !important; color: #cbd5e1 !important; }
html[data-theme="dark"] .tf-message { border-color: #334155 !important; }

/* Popovers, dropdowns e modais criados dinamicamente */
html[data-theme="dark"] [role="dialog"] > div,
html[data-theme="dark"] [class*="shadow-xl"][class*="bg-white"],
html[data-theme="dark"] [class*="shadow-2xl"][class*="bg-white"] { background-color: #0f172a !important; border-color: #334155 !important; color: #e5edf8 !important; }

/* Campos marcados como obrigatórios continuam visíveis no escuro */
html[data-theme="dark"] .campo-obrigatorio-faltando { background: rgba(127, 29, 29, .28) !important; border-color: #ef4444 !important; }
html[data-theme="dark"] .aviso-campo-obrigatorio { color: #fca5a5 !important; }

/* Barras de rolagem discretas */
html[data-theme="dark"] * { scrollbar-color: #475569 #0b1220; }
html[data-theme="dark"] *::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-theme="dark"] *::-webkit-scrollbar-track { background: #0b1220; }
html[data-theme="dark"] *::-webkit-scrollbar-thumb { background: #475569; border-radius: 999px; border: 2px solid #0b1220; }

/* Logos do cabeçalho continuam sobre fundo branco para preservar a marca. */
html[data-theme="dark"] img[class~="bg-white"] { background-color: #ffffff !important; }
html[data-theme="dark"] .tf-panel-email { background: linear-gradient(135deg, rgba(127, 29, 29, .24), rgba(30, 41, 59, .48)) !important; border-color: rgba(248, 113, 113, .24) !important; }


/* 2026-08-17 — Cobertura adicional do modo escuro (Marcar Ponto + superfícies translúcidas) */
html[data-theme="dark"] [class*="bg-white/"] { background-color: rgba(15, 23, 42, .76) !important; }
html[data-theme="dark"] [class*="border-white/"] { border-color: rgba(71, 85, 105, .55) !important; }

/* Marcar Ponto — comprovante e calendários dinâmicos */
html[data-theme="dark"] .tf-calendario-inline,
html[data-theme="dark"] .tf-historico-calendario,
html[data-theme="dark"] .tf-historico-wrapper .rounded-2xl,
html[data-theme="dark"] #historico-detalhes .rounded-2xl {
    background: #0f172a !important;
    border-color: #2a3850 !important;
    color: #e5edf8 !important;
}
html[data-theme="dark"] .tf-calendario-inline .tf-cal-semana span,
html[data-theme="dark"] .tf-cal-title,
html[data-theme="dark"] .tf-cal-legenda span,
html[data-theme="dark"] .tf-cal-rodape,
html[data-theme="dark"] .tf-hist-semana,
html[data-theme="dark"] .tf-hist-numero,
html[data-theme="dark"] .tf-hist-mais {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .tf-calendario-inline .tf-cal-legenda,
html[data-theme="dark"] .tf-historico-calendario,
html[data-theme="dark"] .tf-hist-semana > div,
html[data-theme="dark"] .tf-hist-dia {
    border-color: #2a3850 !important;
}
html[data-theme="dark"] .tf-cal-header button,
html[data-theme="dark"] .tf-cal-dia-sem_registro,
html[data-theme="dark"] .tf-hist-dia,
html[data-theme="dark"] .tf-hist-dia-vazio {
    background: #0b1323 !important;
    border-color: #334155 !important;
    color: #dbe7f5 !important;
}
html[data-theme="dark"] .tf-cal-header button:hover,
html[data-theme="dark"] .tf-cal-dia:hover,
html[data-theme="dark"] .tf-hist-registro:hover {
    background: #172033 !important;
}
html[data-theme="dark"] .tf-dia-presente { background: rgba(6, 95, 70, .42) !important; border-color: rgba(52, 211, 153, .45) !important; color: #86efac !important; }
html[data-theme="dark"] .tf-dia-falta { background: rgba(153, 27, 27, .36) !important; border-color: rgba(248, 113, 113, .45) !important; color: #fca5a5 !important; }
html[data-theme="dark"] .tf-dia-justificada { background: rgba(146, 64, 14, .40) !important; border-color: rgba(251, 191, 36, .45) !important; color: #fcd34d !important; }
html[data-theme="dark"] .tf-dia-selecionado { outline-color: #f8fafc !important; }
html[data-theme="dark"] .tf-dia-hoje > span,
html[data-theme="dark"] .tf-hist-numero-hoje { box-shadow: 0 2px 10px rgba(37, 99, 235, .38) !important; }
html[data-theme="dark"] .tf-cal-bolinha.presente { background: #22c55e !important; border-color: #16a34a !important; }
html[data-theme="dark"] .tf-cal-bolinha.falta { background: #ef4444 !important; border-color: #dc2626 !important; }
html[data-theme="dark"] .tf-cal-bolinha.justificada { background: #f59e0b !important; border-color: #d97706 !important; }
html[data-theme="dark"] .tf-hist-semana { background: #111c2f !important; }
html[data-theme="dark"] .tf-hist-registro {
    background: rgba(127, 29, 29, .22) !important;
    border-color: rgba(248, 113, 113, .30) !important;
    color: #fecaca !important;
}
html[data-theme="dark"] .tf-hist-mais { color: #94a3b8 !important; }
html[data-theme="dark"] #meu-comprovante .bg-red-50,
html[data-theme="dark"] #historico-detalhes .bg-red-50 {
    background-color: rgba(127, 29, 29, .28) !important;
    border-color: rgba(248, 113, 113, .34) !important;
    color: #fecaca !important;
}


/* 2026-08-17 — Refino visual do comprovante em Marcar Ponto */
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto],
html[data-theme="dark"] #historico-detalhes > .rounded-2xl {
    background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(18,31,52,.96)) !important;
    border-color: #334155 !important;
    box-shadow: 0 8px 24px rgba(2, 6, 23, .32) !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] h4,
html[data-theme="dark"] #historico-detalhes h4,
html[data-theme="dark"] #historico-detalhes h5 {
    color: #f8fafc !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .text-slate-500,
html[data-theme="dark"] #historico-detalhes .text-slate-500 {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .text-slate-400,
html[data-theme="dark"] #historico-detalhes .text-slate-400 {
    color: #94a3b8 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .text-slate-600,
html[data-theme="dark"] #historico-detalhes .text-slate-600 {
    color: #dbe7f5 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-white,
html[data-theme="dark"] #historico-detalhes .bg-white,
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-slate-50,
html[data-theme="dark"] #historico-detalhes .bg-slate-50 {
    background: rgba(15, 23, 42, .88) !important;
    border-color: #334155 !important;
    color: #e5edf8 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-amber-50,
html[data-theme="dark"] #historico-detalhes .bg-amber-50 {
    background: rgba(120, 53, 15, .30) !important;
    border-color: rgba(251, 191, 36, .40) !important;
    color: #fde68a !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-red-100,
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-red-50,
html[data-theme="dark"] #historico-detalhes .bg-red-100,
html[data-theme="dark"] #historico-detalhes .bg-red-50 {
    background: rgba(127, 29, 29, .36) !important;
    border-color: rgba(248, 113, 113, .42) !important;
    color: #fecaca !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-emerald-100,
html[data-theme="dark"] #historico-detalhes .bg-emerald-100 {
    background: rgba(6, 95, 70, .36) !important;
    border-color: rgba(52, 211, 153, .38) !important;
    color: #a7f3d0 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .bg-amber-100,
html[data-theme="dark"] #historico-detalhes .bg-amber-100 {
    background: rgba(146, 64, 14, .36) !important;
    border-color: rgba(251, 191, 36, .40) !important;
    color: #fde68a !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .text-red-700,
html[data-theme="dark"] #historico-detalhes .text-red-700 { color: #fecaca !important; }
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .text-emerald-700,
html[data-theme="dark"] #historico-detalhes .text-emerald-700 { color: #a7f3d0 !important; }
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .text-amber-700,
html[data-theme="dark"] #historico-detalhes .text-amber-700 { color: #fde68a !important; }
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] textarea,
html[data-theme="dark"] #historico-detalhes textarea {
    background: #0b1323 !important;
    border-color: #334155 !important;
    color: #e5edf8 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] textarea::placeholder,
html[data-theme="dark"] #historico-detalhes textarea::placeholder {
    color: #94a3b8 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] label,
html[data-theme="dark"] #historico-detalhes label {
    color: #cbd5e1 !important;
}
html[data-theme="dark"] #meu-ponto-resultado [data-meu-ponto] .fa-location-dot,
html[data-theme="dark"] #historico-detalhes .fa-location-dot {
    color: #f87171 !important;
}