/* 28/10 — tema CLARO (ele: 'essa cor do painel é muito pesada… eu gosto de branco'). Vale só com html[data-theme=light]; o escuro é o app.css puro. Paleta do painel Face. */
html[data-theme="light"]{--bg:#f5f6fa; --bg-deep:#eef0f5; --card:#ffffff; --card-2:#f8f9fc; --card-3:#eef0f5;
  --orange:#9d174d; --orange-soft:#9d174d; --blue-glow:transparent;
  --white:#0f172a; --gray:#64748b; --gray-2:#8a94a6;
  --ok:#15803d; --warn:#a16207; --bad:#b91c1c; --info:#1d4ed8; --idle:#64748b;
  --line:#e8eaf0; --line-2:#dfe3ea; --line-3:#cfd5df; --line-soft:#eef0f5;
  --r:12px; --r-sm:8px; --maxw:1360px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"DM Sans",sans-serif;
  --font-d:var(--font); --font-m:var(--font);
  color-scheme:light;}
html[data-theme="light"] body{font-size:14px}
html[data-theme="light"] ::selection{background:#fce7f3;color:#0f172a}
html[data-theme="light"] .hero{background:var(--card);border-bottom:1px solid var(--line)}
html[data-theme="light"] .hero::before{display:none}
html[data-theme="light"] .nav{padding-block:12px}
html[data-theme="light"] .nav-brand img{filter:none;width:28px}
html[data-theme="light"] .nav-brand span{text-transform:none;letter-spacing:0;font-weight:700;font-size:18px}
html[data-theme="light"] .nav-brand small{color:var(--gray);letter-spacing:.3px;text-transform:none;font-size:11px;font-weight:500}
html[data-theme="light"] .hero-in{padding-block:0 12px}
html[data-theme="light"] .overline, html[data-theme="light"] .h1, html[data-theme="light"] .lead{display:none}
html[data-theme="light"] .sync{background:var(--card);border-color:var(--line-2);color:var(--gray);letter-spacing:0;font-size:12px}
html[data-theme="light"] .sync:hover{border-color:var(--line-3);color:var(--white)}
html[data-theme="light"] .who a, html[data-theme="light"] .who button{color:var(--white);border-color:var(--line-2);letter-spacing:0;font-size:12px;background:var(--card)}
html[data-theme="light"] .who a:hover, html[data-theme="light"] .who button:hover{background:var(--card-2)}
html[data-theme="light"] .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;border:0;margin-top:12px}
html[data-theme="light"] .kpi{background:var(--card);border:1px solid var(--line)!important;border-radius:var(--r);padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
html[data-theme="light"] .kpi::after{display:none}
html[data-theme="light"] .kpi:hover{background:var(--card-2)}
html[data-theme="light"] .kpi small{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--gray)}
html[data-theme="light"] .kpi b{font-size:26px;letter-spacing:-.5px;color:var(--white)}
html[data-theme="light"] .kpi em{color:var(--gray)}
html[data-theme="light"] .kpi.hot b{color:var(--white)}
html[data-theme="light"] .kpi.alert b{color:var(--bad)}
html[data-theme="light"] body::before{display:none}
html[data-theme="light"] .bar{background:var(--bg);border-bottom:1px solid var(--line);backdrop-filter:none}
html[data-theme="light"] .tab{text-transform:none;letter-spacing:0;font-weight:600;font-size:14px;color:var(--gray);padding:8px 12px}
html[data-theme="light"] .tab:hover{color:var(--white);background:var(--card-2)}
html[data-theme="light"] .tab[aria-selected="true"]{color:var(--white);background:var(--card);border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,23,42,.04)}
html[data-theme="light"] .tab[aria-selected="true"]::after{display:none}
html[data-theme="light"] .tab .n{background:var(--card-3);color:var(--gray);letter-spacing:0}
html[data-theme="light"] .tab[aria-selected="true"] .n{background:var(--vinho2,#fce7f3);color:var(--orange)}
html[data-theme="light"] .btn{text-transform:none;letter-spacing:0;font-weight:600;font-size:13px;border-color:var(--line-2);background:var(--card);color:var(--white);border-radius:var(--r-sm)}
html[data-theme="light"] .btn:hover{border-color:var(--line-3);background:var(--card-2)}
html[data-theme="light"] .btn.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:none}
html[data-theme="light"] .btn.primary::after{display:none}
html[data-theme="light"] .btn.primary:hover{transform:none;box-shadow:none;filter:brightness(1.05);background:var(--orange)}
html[data-theme="light"] .btn.ghost{color:var(--gray);border-color:transparent;background:transparent}
html[data-theme="light"] .btn.danger{color:var(--bad);border-color:#fecaca}
html[data-theme="light"] .filters{padding-block:14px 4px}
html[data-theme="light"] .search input, html[data-theme="light"] .filters select, html[data-theme="light"] .sms-filters input[type=date], html[data-theme="light"] .sms-filters select, html[data-theme="light"] .dp-filtros input[type=date]{background:var(--card);border-color:var(--line-2);color:var(--white);font-size:13px;letter-spacing:0}
html[data-theme="light"] .search input:focus, html[data-theme="light"] .filters select:focus, html[data-theme="light"] .sms-filters input[type=date]:focus, html[data-theme="light"] .sms-filters select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fce7f3}
html[data-theme="light"] .chip-filter{background:var(--card);border-color:var(--line-2);color:var(--gray);letter-spacing:0;font-size:12.5px;font-weight:600}
html[data-theme="light"] .chip-filter[aria-pressed="true"]{background:var(--verm2,#fee2e2)}
html[data-theme="light"] .sms-filters .fdate{color:var(--gray);letter-spacing:0;font-size:12.5px}
html[data-theme="light"] .seg{border-color:var(--line-2);background:var(--card);border-radius:var(--r-sm);overflow:hidden;gap:0}
html[data-theme="light"] .seg button{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--white);padding:8px 14px}
html[data-theme="light"] .seg button:hover{color:var(--orange);background:var(--card-2)}
html[data-theme="light"] .seg button[aria-pressed="true"]{background:var(--orange);color:#fff}
html[data-theme="light"] .sms-filters .seg button[aria-pressed="true"]{color:#fff}
html[data-theme="light"] .niche{text-transform:none;letter-spacing:0;color:var(--gray);background:var(--card);border-color:var(--line-2)}
html[data-theme="light"] .niche b{background:var(--card-3);color:var(--white)}
html[data-theme="light"] .niche[aria-pressed="true"]{border-color:var(--orange);color:var(--orange);background:#fce7f3}
html[data-theme="light"] .kcards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
html[data-theme="light"] .kcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
html[data-theme="light"] .kcard::before{display:none}
html[data-theme="light"] .kcard small{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--gray)}
html[data-theme="light"] .kcard b{font-size:24px;letter-spacing:-.5px;color:var(--white);white-space:normal}
html[data-theme="light"] .kcard em{color:var(--gray);font-size:11.5px}
html[data-theme="light"] .kcard.hot b{color:var(--white)}
html[data-theme="light"] .kcard.good b{color:var(--ok)}
html[data-theme="light"] .kcard.mid b{color:var(--warn)}
html[data-theme="light"] .kcard.bad b{color:var(--bad)}
html[data-theme="light"] .kcard.gray b{color:var(--gray)}
html[data-theme="light"] .panel{background:var(--card);border-color:var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(15,23,42,.04)}
html[data-theme="light"] th{background:var(--card-2);color:var(--gray);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;padding:10px 12px}
html[data-theme="light"] td{padding:10px 12px;border-bottom-color:var(--line)}
html[data-theme="light"] tbody tr:hover, html[data-theme="light"] .static tbody tr:hover{background:var(--card-2)}
html[data-theme="light"] .static tbody tr:nth-child(even){background:transparent}
html[data-theme="light"] tfoot tr.total td{background:var(--card-2);border-top-color:var(--line-2)}
html[data-theme="light"] .sec-h h2{text-transform:none;letter-spacing:0;font-size:16px;font-weight:700}
html[data-theme="light"] .sec-h p{color:var(--gray)}
html[data-theme="light"] .ph{text-transform:none;letter-spacing:0;font-size:12px;color:var(--gray)}
html[data-theme="light"] .ph::before{content:""}
html[data-theme="light"] .faint{color:var(--gray-2)}
html[data-theme="light"] .muted{color:var(--gray)}
html[data-theme="light"] .pill{text-transform:none;letter-spacing:0;font-size:11px;font-weight:600;border-radius:999px;padding:3px 9px}
html[data-theme="light"] .pill::before{box-shadow:none}
html[data-theme="light"] .pill.ok{background:var(--verde2,#dcfce7)}
html[data-theme="light"] .pill.bad{background:var(--verm2,#fee2e2)}
html[data-theme="light"] .pill.warn{background:var(--amar2,#fef9c3)}
html[data-theme="light"] .tag{text-transform:none;letter-spacing:0;background:#fce7f3;color:var(--orange);border-color:#f9c6dd;font-weight:600}
html[data-theme="light"] .tag.det{background:#dbeafe;color:var(--info);border-color:#bfdbfe}
html[data-theme="light"] .chip{text-transform:none;letter-spacing:0;font-weight:600}
html[data-theme="light"] .est{text-transform:none;letter-spacing:0}
html[data-theme="light"] .sub2{color:var(--gray-2);letter-spacing:0}
html[data-theme="light"] .lines b{font-size:15px}
html[data-theme="light"] .bar-t{background:var(--card-3)}
html[data-theme="light"] .bar-f{background:var(--gray-2)}
html[data-theme="light"] .bar-f.hot{background:var(--orange)}
html[data-theme="light"] .bar-f.info{background:var(--info)}
html[data-theme="light"] .cl{background:var(--card-2);border:1px solid var(--line)}
html[data-theme="light"] .cl.total{background:var(--card)}
html[data-theme="light"] .cl .op{color:var(--gray)}
html[data-theme="light"] .cl.total .lbl{text-transform:none;letter-spacing:0}
html[data-theme="light"] .note-box, html[data-theme="light"] .syncinfo, html[data-theme="light"] .mini div, html[data-theme="light"] .akpis div, html[data-theme="light"] .dp-conta{background:var(--card-2);border-color:var(--line);color:var(--gray)}
html[data-theme="light"] .akpis small, html[data-theme="light"] .vt-n small{text-transform:none;letter-spacing:0;color:var(--gray)}
html[data-theme="light"] .vt{background:var(--card);border-color:var(--line)}
html[data-theme="light"] .vt h3{text-transform:none;letter-spacing:0;font-size:16px}
html[data-theme="light"] .vt .src{text-transform:none;letter-spacing:0}
html[data-theme="light"] .plan{background:var(--card);border-color:#fde68a}
html[data-theme="light"] .plan summary::before{content:""}
html[data-theme="light"] .plan summary b{color:var(--warn)}
html[data-theme="light"] .empty{background:var(--card);border-radius:var(--r)}
html[data-theme="light"] .empty h3{text-transform:none;letter-spacing:0}
html[data-theme="light"] .empty img{filter:none}
html[data-theme="light"] .ev{border-bottom-color:var(--line)}
html[data-theme="light"] .ev:hover{background:var(--card-2)}
html[data-theme="light"] .ev .dot{box-shadow:none}
html[data-theme="light"] .scrim{background:rgba(15,23,42,.35)}
html[data-theme="light"] .drawer{background:var(--card);border-left-color:var(--line);box-shadow:-20px 0 60px rgba(15,23,42,.15)}
html[data-theme="light"] .drawer::before{display:none}
html[data-theme="light"] .dh h2{text-transform:none;letter-spacing:0;font-size:18px}
html[data-theme="light"] .df{background:var(--card-2);border-top-color:var(--line)}
html[data-theme="light"] legend{text-transform:none;letter-spacing:0;color:var(--white);font-weight:700;font-size:13px}
html[data-theme="light"] legend::before{content:""}
html[data-theme="light"] .f label{color:var(--gray)}
html[data-theme="light"] .f input, html[data-theme="light"] .f select, html[data-theme="light"] .f textarea{background:var(--card);border-color:var(--line-2);color:var(--white)}
html[data-theme="light"] .f input:focus, html[data-theme="light"] .f select:focus, html[data-theme="light"] .f textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fce7f3}
html[data-theme="light"] .sub{border-top-color:var(--line)}
html[data-theme="light"] .sub h3{text-transform:none;letter-spacing:0;color:var(--white);font-weight:700;font-size:12.5px}
html[data-theme="light"] .sub.auto h4{text-transform:none;letter-spacing:0;color:var(--gray)}
html[data-theme="light"] .api{text-transform:none;letter-spacing:0;background:#dbeafe;color:var(--info);border-color:#bfdbfe}
html[data-theme="light"] .toast{background:var(--white);color:#fff;border-color:transparent;letter-spacing:0;box-shadow:0 12px 40px rgba(15,23,42,.25)}
html[data-theme="light"] .dp-regras b{color:var(--white)}
html[data-theme="light"] .dp-nav .chip-filter[aria-pressed="true"]{background:#fce7f3}
html[data-theme="light"] .dp-tab tr.dp-sub td{background:var(--card-2)}
html[data-theme="light"] .dp-ok{border-color:#bbf7d0}
html[data-theme="light"] .flash.bad{background:var(--verm2,#fee2e2);border-color:#fecaca}
html[data-theme="light"] .flash.ok{background:var(--verde2,#dcfce7);border-color:#bbf7d0}
html[data-theme="light"] .auth-card{background:var(--card);border-color:var(--line);box-shadow:0 20px 60px rgba(15,23,42,.12)}
html[data-theme="light"] .auth-card .logo{filter:none}
html[data-theme="light"] .auth-card p{color:var(--gray)}
html[data-theme="light"] .contas-compacta .sit .sub2{color:var(--gray)}
html[data-theme="light"] .kpi.hot b{color:var(--white)}
html[data-theme="light"] .th-toggle{border-color:var(--line-2)}
/* 28/10 (ele: "cade as cores? ta tudo branco e preto na aba branca"): a regra .kcard b do claro pintava tudo de preto; cores semânticas voltam */
html[data-theme="light"] .lb-big b{font-size:26px;white-space:nowrap}
html[data-theme="light"] .cblocos .lb-big b{font-size:20px}
html[data-theme="light"] .lb-big b.ok, html[data-theme="light"] .lb-n.ok b{color:var(--ok)}
html[data-theme="light"] .lb-big b.bad, html[data-theme="light"] .lb-n.bad b{color:var(--bad)}
html[data-theme="light"] .lb-big b.warn, html[data-theme="light"] .lb-n.warn b{color:var(--warn)}
html[data-theme="light"] .lb-big b.ms{color:var(--orange)}
html[data-theme="light"] .lb-n b{font-size:15px;letter-spacing:0}
html[data-theme="light"] .lb-nome b{font-size:16px;letter-spacing:0}
html[data-theme="light"] .lb-n.bad{color:var(--bad)}
html[data-theme="light"] .cb-total b{font-size:14px}
html[data-theme="light"] .lb-motivo{color:var(--bad)}

/* Cartões coloridos no tema claro (28/10) */
html[data-theme="light"] .lbloco.c-ok{background:#f0fdf4;border-color:#86efac}
html[data-theme="light"] .lbloco.c-warn{background:#fffbeb;border-color:#fcd34d}
html[data-theme="light"] .lbloco.c-bad{background:#fef2f2;border-color:#fca5a5}
html[data-theme="light"] .lbloco.c-idle{background:#f8fafc;border-color:#cbd5e1}
html[data-theme="light"] .lbloco::before{height:4px}
html[data-theme="light"] .lbloco .lb-head:hover{background:rgba(15,23,42,.03)}
html[data-theme="light"] .lbloco .lb-tab, html[data-theme="light"] .lbloco .oc-lista{background:var(--card)}

html[data-theme="light"] .chip-filter[aria-pressed="true"]{background:#fee2e2;border-color:var(--bad);color:var(--bad)}

html[data-theme="light"] .tab-copies tr.r-ok td{background:#f0fdf4}
html[data-theme="light"] .tab-copies tr.r-warn td{background:#fffbeb}
html[data-theme="light"] .tab-copies tr.r-bad td{background:#fef2f2}

html[data-theme="light"] .dp-tot .kcard{background:#f0fdf4;border-color:#86efac}
html[data-theme="light"] .dp-tot .kcard b{color:var(--ok);font-size:34px}

html[data-theme="light"] .cp-item.cp-ok{background:#f0fdf4;border-color:#86efac}
html[data-theme="light"] .cp-item.cp-bad{background:#fef2f2;border-color:#fca5a5}
html[data-theme="light"] .cp-pop{box-shadow:0 12px 40px rgba(15,23,42,.15)}

html[data-theme="light"] .fz-tab tr.rt-g2 td{background:#bbf7d0}
html[data-theme="light"] .fz-tab tr.rt-g1 td{background:#dcfce7}
html[data-theme="light"] .fz-tab tr.rt-g0 td{background:#f0fdf4}
html[data-theme="light"] .fz-tab tr.rt-red td{background:#fee2e2}