/* i9 Dental: tema claro das páginas internas (dentista, cadista, demo do lab, entrar).
   Carregar por último. Tudo preso em html[data-theme="light"]: no escuro nada daqui vale.
   Mesma paleta da home: fundo gelo, cartões brancos, slate escuro, azul nos botões. */

/* Luz que segue o mouse (glass.js grava a posição no painel inteiro a cada movimento): sem herança,
   só o brilho recalcula, e não todo o conteúdo do painel. Era o que fazia a página travar ao mexer o mouse. */
@property --mx{syntax:"*";inherits:false}@property --my{syntax:"*";inherits:false}@property --lg-on{syntax:"*";inherits:false}
:is(.app,.sheet,.ar-panel,.inner,.box)::after,.faq details::after{--mx:inherit;--my:inherit;--lg-on:inherit}

/* Botão de trocar o tema (vale nos dois temas) */
.tema-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border-radius:10px;font:inherit;font-size:13px;cursor:pointer;
  color:var(--txt);background:rgba(30,30,30,.62);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .1s ease-out}
.tema-btn:active{transform:scale(.97)}
.tema-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tema-btn.solto{position:fixed;top:16px;right:16px;z-index:60}
@media (max-width:600px){.tema-btn span{display:none}}

html[data-theme="light"]{color-scheme:light;background:#f8fafc!important;
  --bg:#f8fafc;--panel:#fff;--panel2:#f1f5f9;--line:#e2e8f0;--txt:#0f172a;--muted:#64748b;
  --acc:#2563eb;--ok:#059669;--warn:#d97706;--bad:#dc2626}
html[data-theme="light"] body{background:#f8fafc!important;color:var(--txt)!important}
html[data-theme="light"] body::before{background:radial-gradient(50vmax 40vmax at 8% -12%,rgba(37,99,235,.07),transparent 60%),#f8fafc}
html[data-theme="light"] body::after{display:none}
html[data-theme="light"] :is(h1,h2,h3){color:var(--txt)}
html[data-theme="light"] .hero p{text-shadow:none}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{color-scheme:light}

/* Superfícies: branco com borda fina e sombra leve no lugar do vidro escuro */
html[data-theme="light"] :is(.app,.sheet,.ar-panel,.inner,.perfil,.ar-tabs,.faq details,.box){
  background:#fff!important;
  box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,23,42,.05),0 12px 32px -18px rgba(15,23,42,.14)!important}
html[data-theme="light"] :is(.app,.sheet,.inner,.box)::after{background:radial-gradient(220px 220px at var(--mx,50%) var(--my,0%),rgba(37,99,235,.35),transparent 70%)}
html[data-theme="light"] .app aside{background:#f8fafc!important;border-right-color:var(--line)}
html[data-theme="light"] .app :is(.kpi,.case,.row,.box){background:#fff!important;border-color:var(--line)!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}
html[data-theme="light"] nav a:hover{background:rgba(15,23,42,.04)}
html[data-theme="light"] nav a.on{background:#eff6ff}

/* Barra de áreas e botão de tema */
html[data-theme="light"] :is(.area-switch a,.enter a,.tema-btn){background:#fff!important;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,23,42,.04)!important}
html[data-theme="light"] :is(.area-switch a,.tema-btn):hover{color:var(--txt);background:#f8fafc!important}
html[data-theme="light"] .area-switch a[aria-current="page"]{color:var(--acc);box-shadow:inset 0 0 0 1px #bfdbfe,0 1px 2px rgba(15,23,42,.04)!important;background:#eff6ff!important}
html[data-theme="light"] .area-switch .area-home{color:var(--txt)}

/* Botões: principal azul, secundário branco com borda */
html[data-theme="light"] :is(.b1,.btn:not(.ghost),.btn.full,.enter a.b1){background:var(--acc)!important;color:#fff!important;
  box-shadow:0 1px 2px rgba(37,99,235,.2),0 8px 20px -8px rgba(37,99,235,.45)!important}
html[data-theme="light"] :is(.b1,.btn:not(.ghost),.btn.full):hover{background:#1d4ed8!important}
html[data-theme="light"] :is(.b2,.btn.ghost){background:#fff!important;color:var(--txt)!important;border:1px solid var(--line)!important;box-shadow:none!important}
html[data-theme="light"] :is(.tab.on,.seg button.on,.wh div.today b){color:#fff}
html[data-theme="light"] .toast{background:#0f172a;color:#fff;box-shadow:0 20px 50px rgba(15,23,42,.25)}
html[data-theme="light"] .sheet{border-left-color:var(--line)}

/* Listas, linhas e barras de progresso */
html[data-theme="light"] :is(.row,.day .slot,.dent-month-day):hover{background:rgba(15,23,42,.03)}
html[data-theme="light"] .row:not(.head)::before{background:rgba(15,23,42,.12)}
html[data-theme="light"] .row.head{background:#f8fafc}
html[data-theme="light"] :is(.bar,.steps i){background:#e2e8f0}
html[data-theme="light"] .bar i{background:linear-gradient(90deg,var(--acc),#60a5fa)}

/* Dentista: eventos da agenda e celular do WhatsApp em versão clara */
html[data-theme="light"] .ev.ok{background:color-mix(in srgb,var(--ok) 10%,#fff)}
html[data-theme="light"] .ev.wait{background:color-mix(in srgb,var(--warn) 10%,#fff)}
html[data-theme="light"] .ev.bad{background:color-mix(in srgb,var(--bad) 8%,#fff)}
html[data-theme="light"] .phone{background:#efeae2}
html[data-theme="light"] .msg{background:#fff;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13)}
html[data-theme="light"] .msg.me{background:#d9fdd3}

/* Cadista: painel de faturamento */
html[data-theme="light"] .rev{background:radial-gradient(60% 90% at 92% 0%,rgba(37,99,235,.08),transparent 60%),#fff;border-color:var(--line)}

/* Demo do lab: cartões da fila e visualizador 3D */
html[data-theme="light"] .card{background:#fff;border-color:var(--line)}
html[data-theme="light"] .card:hover{border-color:#cbd5e1;box-shadow:0 10px 24px -8px rgba(15,23,42,.14)}
html[data-theme="light"] .v3d{background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.1),transparent 70%),#f1f5f9}

/* Gráficos (charts.js desenha com cores do tema escuro) */
html[data-theme="light"] .ctip{background:#0f172a;color:#fff;box-shadow:0 10px 30px rgba(15,23,42,.25)}
html[data-theme="light"] .chart .axis{fill:#64748b}
html[data-theme="light"] .chart .lbl{fill:#0f172a}
html[data-theme="light"] .donut-legend span{color:#334155}
html[data-theme="light"] .donut-legend b{color:#0f172a}
html[data-theme="light"] .chart [stroke^="rgba(255,255,255"]{stroke:rgba(15,23,42,.1)}
html[data-theme="light"] .chart [fill^="rgba(255,255,255"]{fill:rgba(15,23,42,.08)}

/* Barra de topo de vidro (glass.css pinta qualquer header de escuro) */
html[data-theme="light"] header{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,23,42,.05)!important;color:var(--txt)}

/* Fluidez: no claro nada de desfoque nem sombra em linha de tabela (listas longas rolam sem repintar) */
html[data-theme="light"] .app .row{box-shadow:none!important}
html[data-theme="light"] :is(.app,.sheet,.ar-panel,.inner,.box){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ══ Tema escuro: vidro ciano/índigo, igual à home (substitui o escuro creme antigo do glass.css) ══ */
html[data-theme="dark"]{color-scheme:dark;background:#09090b!important;
  --bg:#09090b;--panel:#111116;--panel2:#18181f;--line:rgba(255,255,255,.1);--txt:#f4f4f5;--muted:#9ca3af;
  --acc:#818cf8;--ok:#5eead4;--warn:#a5b4fc}
html[data-theme="dark"] body{color:var(--txt)}
html[data-theme="dark"] body::before{background:
  radial-gradient(42vmax 32vmax at 8% -8%,rgba(0,242,254,.14),transparent 62%),
  radial-gradient(46vmax 36vmax at 98% 20%,rgba(99,102,241,.2),transparent 62%),
  radial-gradient(40vmax 30vmax at 30% 110%,rgba(99,102,241,.12),transparent 64%),#09090b}
html[data-theme="dark"] body::after{display:none}
html[data-theme="dark"] :is(h1,h2,h3){color:#fff}
html[data-theme="dark"] :is(.app,.sheet,.ar-panel,.inner,.perfil,.ar-tabs,.faq details,.box){
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(17,17,24,.6)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.07),0 30px 70px -40px rgba(99,102,241,.45)!important}
html[data-theme="dark"] :is(.app,.sheet,.inner,.box)::after{background:radial-gradient(240px 240px at var(--mx,50%) var(--my,0%),rgba(0,242,254,.6),rgba(99,102,241,.35) 40%,transparent 70%)}
html[data-theme="dark"] .app aside{background:rgba(255,255,255,.02)!important}
html[data-theme="dark"] .app :is(.kpi,.case,.row,.box){background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .app .row{box-shadow:none!important}
html[data-theme="dark"] nav a.on{background:linear-gradient(90deg,rgba(0,242,254,.12),rgba(99,102,241,.12))}
html[data-theme="dark"] nav a.on::before{background:linear-gradient(180deg,#00f2fe,#6366f1)}
html[data-theme="dark"] :is(.area-switch a,.tema-btn){background:rgba(255,255,255,.04)!important;color:var(--muted);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important}
html[data-theme="dark"] :is(.area-switch a,.tema-btn):hover{color:#fff;background:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .area-switch a[aria-current="page"]{color:#fff;background:linear-gradient(90deg,rgba(0,242,254,.14),rgba(99,102,241,.14))!important;box-shadow:inset 0 0 0 1px rgba(0,242,254,.3)!important}
html[data-theme="dark"] .area-switch .area-home{color:#fff}
html[data-theme="dark"] :is(.b1,.btn:not(.ghost),.btn.full,.enter a.b1){background:#06b6d4!important;color:#000!important;font-weight:700;
  box-shadow:0 10px 25px -5px rgba(6,182,212,.3),0 8px 10px -6px rgba(6,182,212,.3)!important}
html[data-theme="dark"] :is(.b1,.btn:not(.ghost),.btn.full):hover{background:#22d3ee!important}
html[data-theme="dark"] :is(.b2,.btn.ghost){background:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
html[data-theme="dark"] :is(.tab.on,.seg button.on,.wh div.today b){color:#05060a}
html[data-theme="dark"] .bar i{background:linear-gradient(90deg,#00f2fe,#6366f1)}
html[data-theme="dark"] .rev{background:radial-gradient(60% 90% at 92% 0%,rgba(99,102,241,.18),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .v3d{background:radial-gradient(circle at 50% 45%,rgba(99,102,241,.2),transparent 70%),#0b0b10}
html[data-theme="dark"] header{background:rgba(9,9,11,.6)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
@media (prefers-reduced-transparency:reduce){
  html[data-theme="dark"] :is(.app,.sheet,.ar-panel,.inner,.perfil,.ar-tabs,.faq details,.box){background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#111116!important}
  html[data-theme="dark"] header{background:#0c0c0f!important}
}

/* Gráficos nos dois temas: as cores antigas das áreas viram a paleta ciano/índigo (vermelho fica só para cancelado) */
.chart [stop-color="#8b7cff"]{stop-color:#6366f1}.chart [fill="#8b7cff"]{fill:#6366f1}.chart [stroke="#8b7cff"]{stroke:#6366f1}
.chart [stop-color="#4fe3c1"]{stop-color:#22d3ee}.chart [fill="#4fe3c1"]{fill:#22d3ee}.chart [stroke="#4fe3c1"]{stroke:#22d3ee}
.chart [stop-color="#ffb547"]{stop-color:#00f2fe}.chart [fill="#ffb547"]{fill:#00f2fe}.chart [stroke="#ffb547"]{stroke:#00f2fe}