/* MPAIVA — Painel: modo ESCURO (botão sol/lua) e LUZ (botão de 3 linhas).
   O modo padrão é o claro (rosa). O botão de 3 linhas (js/tema.js) só diminui a luz do site em 9 níveis,
   como um dimmer: as cores continuam as mesmas (o rosa continua rosa). Depois do 9º, volta à luz normal. */

/* ---------- LUZ: uma película escura por cima de tudo, que não bloqueia cliques ---------- */
html[data-luz]::after { content: ''; position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; background: #000; }
html[data-luz="1"]::after { opacity: .10; }
html[data-luz="2"]::after { opacity: .18; }
html[data-luz="3"]::after { opacity: .26; }
html[data-luz="4"]::after { opacity: .32; }
html[data-luz="5"]::after { opacity: .38; }
html[data-luz="6"]::after { opacity: .44; }
html[data-luz="7"]::after { opacity: .50; }
html[data-luz="8"]::after { opacity: .56; }
html[data-luz="9"]::after { opacity: .62; }
html[data-luz] .tema-nivel { box-shadow: 0 0 0 2px #d58a9d, 0 4px 14px rgba(45,35,37,0.10); }

/* ---------- botão sol / lua (canto superior direito) ---------- */
.tema-toggle {
  position: relative; width: 40px; height: 40px; padding: 0; flex: none; border-radius: 50%;
  border: 1px solid rgba(118,106,109,0.16); background: #fff; color: #6b5960; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(45,35,37,0.10); transition: transform .2s, background .2s, color .2s;
}
.tema-toggle:hover { transform: translateY(-1px); }
.tema-toggle:active { transform: scale(.95); }
.tema-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; position: absolute; transition: opacity .25s, transform .35s; }
.tema-toggle .tema-sol { opacity: 0; transform: rotate(-60deg) scale(.6); }
/* solto no canto quando a página não tem barra própria (login, agenda) */
.tema-toggle--fixo { position: fixed; top: 22px; right: 22px; z-index: 120; }
.system-topbar__right .tema-toggle { margin-right: 4px; }
@media (max-width: 720px) { .tema-toggle--fixo { top: 14px; right: 14px; width: 36px; height: 36px; } }

/* ---------- botão de LUZ (3 linhas: grande, média e pequena) ---------- */
.tema-nivel {
  position: relative; width: 40px; height: 40px; padding: 0; flex: none; border-radius: 50%; display: inline-flex;
  align-items: center; justify-content: center; cursor: pointer;
  border: 1px solid rgba(80,86,98,0.16); background: var(--g-card, #f2f3f5); color: #4b505a;
  box-shadow: 0 4px 14px rgba(40,44,52,0.14); transition: transform .2s;
}
.tema-nivel:hover { transform: translateY(-1px); }
.tema-nivel:active { transform: scale(.95); }
.tema-nivel svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.system-topbar__right .tema-nivel { margin-right: 4px; }
.tema-nivel--fixo { position: fixed; top: 22px; right: 72px; z-index: 120; }
@media (max-width: 720px) { .tema-nivel--fixo { top: 14px; right: 58px; width: 36px; height: 36px; } }

/* botão de luz com o mesmo visual do sol/lua (branco, com o ícone em tom rosado) */
.tema-nivel { background: #fff; color: #6b5960; border-color: rgba(118,106,109,0.16); box-shadow: 0 4px 14px rgba(45,35,37,0.10); }


/* ===== MODO ESCURO (gerado a partir do cinza) ===== */
html[data-theme="escuro"] {
  color-scheme: dark;
  /* variáveis do painel */
  --pink: hsl(228 9.8% 10%); --pink-mid: hsl(222 9.6% 43.8%); --pink-light: hsl(216 15.2% 14.4%);
  --bg: hsl(228 9.8% 10%); --line: hsl(225 9.5% 5%);
  --ink-strong: hsl(220 9% 80%); --ink: hsl(220 8% 71%); --grey-dark: hsl(220 8% 61%); --grey: hsl(220 6% 52%);
  --near-black: hsl(220 9% 75%);
  /* variáveis da agenda */
  --ag-rose-soft: rgba(159,153,141,0.13); --ag-line: rgba(175,169,157,0.18);
  /* paleta cinza usada abaixo */
  --g-page: hsl(228 9.8% 10%); --g-side: hsl(220 8.3% 5%); --g-card: hsl(220 13% 16.9%); --g-card2: hsl(216 15.2% 14.4%); --g-hover: hsl(223 12.3% 8.5%); --g-active: hsl(222 11.9% 5%);
  --g-line: rgba(175,169,157,0.16); --g-thumb: hsl(221 9.6% 37.1%); --g-track: hsl(228 11.1% 11.5%);
}

/* ---------- fundo da página e faixas grandes ---------- */
html[data-theme="escuro"], html[data-theme="escuro"] body { background: var(--g-page); }
html[data-theme="escuro"] .login { background: radial-gradient(120% 100% at 50% 0%, hsl(216 15.2% 14.4%) 0%, hsl(228 9.8% 10%) 55%, hsl(220 8.3% 5%) 100%); }
html[data-theme="escuro"] .shell--system { background: radial-gradient(120% 100% at 50% 0%, hsl(216 15.2% 14.4%) 0%, hsl(228 9.8% 10%) 55%, hsl(220 8.3% 5%) 100%); }
html[data-theme="escuro"] .system-shell { background: linear-gradient(135deg, hsl(228 11.1% 11.5%) 0%, hsl(223 12.3% 8.5%) 100%); }
html[data-theme="escuro"] .anamnese-shell { background: linear-gradient(180deg, hsl(228 12.2% 12.5%) 0%, hsl(220 10.7% 8.8%) 100%); }
html[data-theme="escuro"] .system-frame { background: hsl(220 13% 16.9% / 0.82); border-color: var(--g-line); }
html[data-theme="escuro"] .system-sidebar { background: linear-gradient(180deg, hsl(223 11.9% 8% / 0.97) 0%, hsl(225 10.5% 5% / 0.94) 100%); border-color: var(--g-line); }
html[data-theme="escuro"] .system-main { background: linear-gradient(180deg, hsl(225 15.4% 16.1% / 0.6) 0%, hsl(220 11.5% 9.7% / 0.8) 100%); }
html[data-theme="escuro"] .system-topbar { background: hsl(225 15.4% 16.1% / 0.35); border-color: var(--g-line); }
html[data-theme="escuro"] .fin-table-full { background: linear-gradient(180deg, hsl(220 11.5% 9.7% / 0.8) 0%, hsl(225 15.4% 16.1% / 0.6) 100%); border-color: var(--g-line); }

/* ---------- cartões, campos e botões brancos -> cinza bem clarinho ---------- */
html[data-theme="escuro"] .login__card, html[data-theme="escuro"] .login__next, html[data-theme="escuro"] .card, html[data-theme="escuro"] .list-row,
html[data-theme="escuro"] .lead-search, html[data-theme="escuro"] .lead-card, html[data-theme="escuro"] .field input, html[data-theme="escuro"] .field textarea,
html[data-theme="escuro"] .field select, html[data-theme="escuro"] .question-item textarea, html[data-theme="escuro"] .system-btn,
html[data-theme="escuro"] .toolbar input[type="search"], html[data-theme="escuro"] .cal-pop, html[data-theme="escuro"] .cal-nav,
html[data-theme="escuro"] .pigmento-campo, html[data-theme="escuro"] .sessao-input, html[data-theme="escuro"] .pigmento-modelos span,
html[data-theme="escuro"] .sessao-btn, html[data-theme="escuro"] .sessao-apagar, html[data-theme="escuro"] .fin-ref,
html[data-theme="escuro"] .panel-card, html[data-theme="escuro"] .lead-detail-card, html[data-theme="escuro"] .anamnese-card,
html[data-theme="escuro"] .ag-main, html[data-theme="escuro"] .ag-modal__card, html[data-theme="escuro"] .ag-input, html[data-theme="escuro"] .ag-btn,
html[data-theme="escuro"] .ag-pill-btn, html[data-theme="escuro"] .ag-menu, html[data-theme="escuro"] .ag-create, html[data-theme="escuro"] .ag-color-open,
html[data-theme="escuro"] .ag-app.side-open .ag-side, html[data-theme="escuro"] .ag-copy-menu, html[data-theme="escuro"] .ag-modal__actions,
html[data-theme="escuro"] .cp-card, html[data-theme="escuro"] .cp-default, html[data-theme="escuro"] .cp-btn, html[data-theme="escuro"] .mp-confirm__card {
  background: var(--g-card); border-color: var(--g-line);
}
html[data-theme="escuro"] .fin-reset { background: var(--g-card); }
html[data-theme="escuro"] .lead-toolbar { background: hsl(216 15.2% 14.4% / 0.9); }
html[data-theme="escuro"] .soft-tool-btn--muted { background: hsl(220 15% 12.8% / 0.9); }
html[data-theme="escuro"] .lead-detail-field, html[data-theme="escuro"] .lead-detail-observacoes textarea, html[data-theme="escuro"] .pigmento-marcas,
html[data-theme="escuro"] .lead-detail-sessao, html[data-theme="escuro"] .lead-page__empty, html[data-theme="escuro"] .anamnese-resposta,
html[data-theme="escuro"] .upload-box, html[data-theme="escuro"] .lead-doc { background: hsl(220 15% 12.8% / 0.8); }
html[data-theme="escuro"] .lead-detail-photo-box, html[data-theme="escuro"] .photo-lightbox__empty, html[data-theme="escuro"] .photo-lightbox img,
html[data-theme="escuro"] .lead-detail-doc img, html[data-theme="escuro"] .lead-thumb, html[data-theme="escuro"] .lead-photo, html[data-theme="escuro"] .lead-signature { background: hsl(216 15.2% 14.4%); }
html[data-theme="escuro"] .lead-table-wrap { background: hsl(220 13% 16.9% / 0.9); border-color: var(--g-line); }
html[data-theme="escuro"] .lead-table thead th { background: hsl(220 15% 12.8% / 0.96); }
html[data-theme="escuro"] .lead-row:hover { background: hsl(220 7.1% 27.8% / 0.07); }

/* ---------- abas, filtros e botões ativos (antes rosa) ---------- */
html[data-theme="escuro"] .toolbar-tabs { background: linear-gradient(135deg, hsl(223 11.1% 7%) 0%, hsl(222 11.9% 5%) 48%, hsl(225 10.8% 5%) 100%); }
html[data-theme="escuro"] .toolbar-tab { background: hsl(0 0% 22.5% / 0.32); color: hsl(220 9% 75%); }
html[data-theme="escuro"] .toolbar-tab.is-active, html[data-theme="escuro"] .toolbar-bell { background: hsl(210 16.7% 19.5% / 0.95); }
html[data-theme="escuro"] .system-tab.is-active, html[data-theme="escuro"] .fin-month.is-active, html[data-theme="escuro"] .lead-filter.is-active,
html[data-theme="escuro"] .soft-tool-btn--primary, html[data-theme="escuro"] .fin-table tbody tr.fin-band--month td { background: linear-gradient(135deg, hsl(220 13.6% 11.8%) 0%, hsl(222 12.5% 5%) 100%); }
html[data-theme="escuro"] .system-btn--soft, html[data-theme="escuro"] .fin-seg button.is-active, html[data-theme="escuro"] .fin-reset:hover,
html[data-theme="escuro"] .fin-ctx button:hover, html[data-theme="escuro"] .ag-copy-menu button:hover, html[data-theme="escuro"] .fin-add button:hover { background: var(--g-hover); }
html[data-theme="escuro"] .user-pill { background: linear-gradient(135deg, hsl(220 13.4% 6.1%) 0%, hsl(221 12.3% 41%) 100%); color: hsl(220 9% 80%); }
html[data-theme="escuro"] .fin-month, html[data-theme="escuro"] .system-tab { background: hsl(0 0% 22.5% / 0.45); }
html[data-theme="escuro"] .fin-seg { background: hsl(0 0% 22.5% / 0.55); }
html[data-theme="escuro"] .lead-pill, html[data-theme="escuro"] .lead-card__star, html[data-theme="escuro"] .lead-value--soft { background: hsl(220 7.1% 27.8% / 0.16); }
html[data-theme="escuro"] .lead-chip { background: linear-gradient(135deg, hsl(220 13.6% 11.8%) 0%, hsl(222 12.8% 5%) 100%); }

/* ---------- cartões coloridos do topo (mantêm o texto branco, em cinza médio) ---------- */
html[data-theme="escuro"] .stat-card--peach { background: linear-gradient(135deg, hsl(220 10.5% 39.6%) 0%, hsl(220 8.7% 32.6%) 100%); }
html[data-theme="escuro"] .stat-card--pink { background: linear-gradient(135deg, hsl(221 9.9% 37.5%) 0%, hsl(221 8.4% 30.5%) 100%); }
html[data-theme="escuro"] .stat-card--blue { background: linear-gradient(135deg, hsl(220 11.6% 41.1%) 0%, hsl(222 10.6% 34.7%) 100%); }
html[data-theme="escuro"] .fin-bar__fill { background: linear-gradient(180deg, hsl(222 12.1% 43.5%) 0%, hsl(221 9.6% 37.1%) 100%); }
html[data-theme="escuro"] .fin-bar.is-active .fin-bar__fill { background: linear-gradient(180deg, hsl(221 9.3% 32.9%) 0%, hsl(221 8% 25.6%) 100%); }
html[data-theme="escuro"] .chart-bars span { background: linear-gradient(180deg, hsl(223 10.9% 41.2%) 0%, hsl(222 8.5% 33.3%) 100%); }

/* ---------- PLANILHA: mantém o verde do sinal, amarelo e vermelho; o resto em cinza ---------- */
html[data-theme="escuro"] .fin-table tbody tr.fin-row--branco td { background: hsl(220 15.8% 17.9%); }
html[data-theme="escuro"] .fin-table tbody tr.fin-row--cinza td { background: hsl(220 12.5% 10.7%); }
html[data-theme="escuro"] .fin-table tbody tr:hover td { filter: brightness(0.95); }
html[data-theme="escuro"] .fin-table tbody tr.fin-head th, html[data-theme="escuro"] .fin-table tbody tr.fin-head > th { background: hsl(216 15.2% 14.4%); }
html[data-theme="escuro"] .fin-letters th, html[data-theme="escuro"] .fin-table .fin-rn, html[data-theme="escuro"] .fin-table tbody tr.fin-head > th.fin-rn,
html[data-theme="escuro"] .fin-table tbody tr.fin-band > td.fin-rn, html[data-theme="escuro"] .fin-table tbody tr.fin-gap > td.fin-rn { background: hsl(223 11.1% 7%) !important; }
html[data-theme="escuro"] .fin-letters th:hover { background: hsl(220 13.6% 11.8%) !important; }
html[data-theme="escuro"] .fin-letters th.is-sel, html[data-theme="escuro"] .fin-table td.fin-rn.is-sel, html[data-theme="escuro"] .fin-table th.fin-rn.is-sel { background: hsl(220 14.3% 43.7%) !important; color: hsl(220 9% 80%); }
html[data-theme="escuro"] .fin-table td.fin-sel, html[data-theme="escuro"] .fin-table td.fin-sel[data-f]:hover { box-shadow: inset 0 0 0 9999px rgba(190,84,118,0.85); color: #fff; }
html[data-theme="escuro"] .fin-table td.fin-anchor, html[data-theme="escuro"] .fin-table td.fin-editing { outline-color: #f5b6c8; }
html[data-theme="escuro"] .fin-table td.fin-editing, html[data-theme="escuro"] .fin-table td[contenteditable]:focus { background: hsl(240 14.3% 20.7%) !important; }
html[data-theme="escuro"] .fin-hbar { background: hsl(220 15% 12.8% / 0.97); }
html[data-theme="escuro"] .fin-table-full .fin-table-wrap { border-top-color: hsl(220 13% 14.9% / 0.35); }

/* ---------- barras de rolagem: rosa -> cinza ---------- */
html[data-theme="escuro"], html[data-theme="escuro"] * { scrollbar-color: var(--g-thumb) var(--g-track); }
html[data-theme="escuro"] ::-webkit-scrollbar-track { background: var(--g-track); }
html[data-theme="escuro"] ::-webkit-scrollbar-thumb { background: var(--g-thumb); border-color: var(--g-track); }
html[data-theme="escuro"] ::-webkit-scrollbar-thumb:hover { background: hsl(221 8.5% 31%); }
html[data-theme="escuro"] .fin-table-full .fin-table-wrap { scrollbar-color: auto; }
html[data-theme="escuro"] .fin-table-full .fin-table-wrap::-webkit-scrollbar-track, html[data-theme="escuro"] .fin-hbar::-webkit-scrollbar-track,
html[data-theme="escuro"] .ag-scroll::-webkit-scrollbar-track, html[data-theme="escuro"] .ag-modal__card::-webkit-scrollbar-track { background: var(--g-track); }
html[data-theme="escuro"] .fin-table-full .fin-table-wrap::-webkit-scrollbar-thumb, html[data-theme="escuro"] .fin-hbar::-webkit-scrollbar-thumb,
html[data-theme="escuro"] .ag-scroll::-webkit-scrollbar-thumb, html[data-theme="escuro"] .ag-modal__card::-webkit-scrollbar-thumb { background: var(--g-thumb); border-color: var(--g-track); }

/* ---------- AGENDA ---------- */
html[data-theme="escuro"] .ag-cal:hover { background: hsl(220 7.1% 27.8% / 0.1); }
html[data-theme="escuro"] .ag-modal { background: hsl(220 9.1% 14.2% / 0.32); }
html[data-theme="escuro"] .cp-backdrop, html[data-theme="escuro"] .mp-confirm { background: hsl(220 9.1% 14.2% / 0.4); }
html[data-theme="escuro"] .ag-scroll, html[data-theme="escuro"] .ag-side { scrollbar-color: var(--g-thumb) var(--g-track); }



/* ---------- ajustes finos do escuro ---------- */
html[data-theme="escuro"] { --dk: 0%; }
html[data-theme="escuro"] input, html[data-theme="escuro"] textarea, html[data-theme="escuro"] select { color: var(--ink-strong); }
html[data-theme="escuro"] ::placeholder { color: var(--grey); opacity: .8; }
html[data-theme="escuro"] .tema-toggle .tema-sol { opacity: 1; transform: none; }
html[data-theme="escuro"] .tema-toggle .tema-lua { opacity: 0; transform: rotate(60deg) scale(.6); }
html[data-theme="escuro"] .tema-toggle, html[data-theme="escuro"] .tema-nivel { background: var(--g-card); color: #e6e8ee; border-color: var(--g-line); box-shadow: 0 4px 14px rgba(0,0,0,.45); }

/* ---------- escuro: botões e abas que ficavam claras ---------- */
html[data-theme="escuro"] .system-nav__item.is-active, html[data-theme="escuro"] .system-tab.is-active, html[data-theme="escuro"] .fin-month.is-active,
html[data-theme="escuro"] .lead-filter.is-active, html[data-theme="escuro"] .toolbar-tab.is-active { background: hsl(222 12% 34%); color: #f3f5f9; border-color: transparent; }
html[data-theme="escuro"] .soft-tool-btn, html[data-theme="escuro"] .lead-filter, html[data-theme="escuro"] .system-nav__item { background: hsl(222 10% 22% / 0.9); color: #dfe2e8; }
html[data-theme="escuro"] .system-nav__item:not(.is-active) { background: transparent; }
html[data-theme="escuro"] .soft-tool-btn--primary { background: hsl(222 12% 34%); color: #f3f5f9; }

/* ---------- escuro: cinza escuro com o ROSA mantido nos destaques ---------- */
html[data-theme="escuro"] .system-nav__item.is-active, html[data-theme="escuro"] .system-tab.is-active, html[data-theme="escuro"] .fin-month.is-active,
html[data-theme="escuro"] .lead-filter.is-active, html[data-theme="escuro"] .toolbar-tab.is-active, html[data-theme="escuro"] .soft-tool-btn--primary,
html[data-theme="escuro"] .fin-seg button.is-active, html[data-theme="escuro"] .fin-table tbody tr.fin-band--month td.fin-month-cell { background: linear-gradient(135deg, #e0a3ad 0%, #c47790 100%); color: #fff; border-color: transparent; box-shadow: 0 8px 18px rgba(196,119,144,.28); }
html[data-theme="escuro"] .btn { background: linear-gradient(135deg, #d58a9d 0%, #c47790 100%); color: #fff; }
html[data-theme="escuro"] .btn--ghost { background: transparent; color: var(--ink-strong); border-color: var(--line); }
html[data-theme="escuro"] .user-pill { background: linear-gradient(135deg, #e0a3ad 0%, #c47790 100%); color: #fff; }
html[data-theme="escuro"] .stat-card--peach { background: linear-gradient(135deg, #c98a82 0%, #9c5852 100%); color: #fff; }
html[data-theme="escuro"] .stat-card--pink { background: linear-gradient(135deg, #c77a9c 0%, #8d5aa8 100%); color: #fff; }
html[data-theme="escuro"] .stat-card--blue { background: linear-gradient(135deg, #6f8cc0 0%, #46639b 100%); color: #fff; }
html[data-theme="escuro"] .stat-card--peach *, html[data-theme="escuro"] .stat-card--pink *, html[data-theme="escuro"] .stat-card--blue * { color: #fff; }
html[data-theme="escuro"] .fin-bar__fill { background: linear-gradient(180deg, #e0a3ad 0%, #b8657a 100%); }
html[data-theme="escuro"] .fin-bar.is-active .fin-bar__fill { background: linear-gradient(180deg, #f0b6c0 0%, #cf7f93 100%); }
html[data-theme="escuro"] .chart-bars span { background: linear-gradient(180deg, #85d8bf 0%, #51b79c 100%); }
html[data-theme="escuro"] .lead-chip, html[data-theme="escuro"] .chip, html[data-theme="escuro"] .lead-pill, html[data-theme="escuro"] .lead-card__star, html[data-theme="escuro"] .lead-value--soft { background: rgba(213,138,157,.22); color: #f6c9d5; }
html[data-theme="escuro"] .lead-pill--muted { background: rgba(255,255,255,.08); color: #b4b9c4; }
html[data-theme="escuro"] .tema-toggle, html[data-theme="escuro"] .tema-nivel { color: #f6c9d5; }
html[data-theme="escuro"] .section-kicker, html[data-theme="escuro"] .anamnese-secao { color: #e0a3ad; }
html[data-theme="escuro"] .anamnese-img { background: #fff; }
html[data-theme="escuro"] .lead-table:not(.fin-table) tbody tr td { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.08); }
html[data-theme="escuro"] .lead-table:not(.fin-table) .lead-row:hover td { background: rgba(213,138,157,0.10); }
html[data-theme="escuro"] .login__logo { filter: invert(1) brightness(1.1) !important; }
html[data-theme="escuro"] .brand-mark { filter: invert(1) brightness(1.1) !important; }
html[data-theme="escuro"] #lead-page-next, html[data-theme="escuro"] #lead-page-prev { background: hsl(222 10% 22%); color: #f6c9d5; border-color: rgba(255,255,255,.12); }

/* escuro: planilha mantém o sentido das cores (verde = sinal, amarelo, vermelho) */
html[data-theme="escuro"] .fin-table tbody tr.fin-row--sinal td { background: #2f5a34; }
html[data-theme="escuro"] .fin-table tbody tr.fin-row--amarelo td { background: #5f5320; }
html[data-theme="escuro"] .fin-table tbody tr.fin-row--vermelho td { background: #612c2c; }
html[data-theme="escuro"] .fin-table tbody tr.fin-row--branco td { background: hsl(222 10% 20%); }
html[data-theme="escuro"] .fin-table tbody tr.fin-row--cinza td { background: hsl(222 10% 15%); }