/* ══════════════════════════════════════════════════════════════════════════
   AlertaGestor — tema-safira.css  (v3.9.2)  ·  IDENTIDADE VISUAL "SAFIRA"
   Carregado DEPOIS do main.css: só redefine cores e o acabamento dos
   componentes. Nenhuma classe, ID ou lógica foi alterada. Para voltar ao visual
   anterior basta remover a linha <link> deste arquivo no index.html.
   Paleta: azul-tinta com destaque azul elétrico; status em tons limpos
   (vencido vermelho · hoje laranja · amanhã âmbar · 2-3 dias violeta ·
   4-7 dias azul · em dia/pago verde).
   ══════════════════════════════════════════════════════════════════════════ */
:root{
  --bg:#f2f4fa; --bg-2:#ecf0f8; --surface:#ffffff; --surface-2:#f5f7fc; --surface-3:#ebeff9;
  --line:#dfe5f1; --line-2:#c8d1e4; --txc:#0a1124; --tx-2c:#44516c; --tx-3c:#5b6882;
  --sidebar:#44599a; --sidebar2:#394d89;
  --ac:#2f56d8; --ac2:#2444bb; --ac-soft:rgba(58,99,234,.12);
  --pri-bg:linear-gradient(135deg,#4f7dff,#3d5df0); --pri-fg:#ffffff;
  --pri-shadow:0 6px 16px rgba(61,93,240,.26); --pri-shadow-h:0 9px 22px rgba(61,93,240,.34);
  --sb-on:rgba(255,255,255,.18); --sb-on-ic:#ffffff; --sb-brand:#c3d6ff; --sb-tx:#e2e8f9; --sb-sec:#bcc8e8; --sb-line:rgba(255,255,255,.14);
  --st-vencido:#dd3b53; --st-hoje:#e97c16; --st-amanha:#d99a0b; --st-urgente:#7a5af0; --st-pago:#14a36c; --st-pend:#d99a0b; --st-info:#2f7bf0;
  --re:#c42c44; --gr:#0f8f5e;
  --green:#14a36c; --orange:#e97c16; --amber:#d99a0b; --indigo:#4f6df0; --red:#dd3b53; --blue:#2f7bf0;
  --k-blue:#2f6fe4; --k-red:#dd3b53; --k-orange:#e0700f; --k-teal:#0e9a88; --k-green:#14a36c; --k-violet:#7550ee; --k-ind:#4a63e8; --k-amber:#c98a00; --k-wpp:#17a85a; --k-sky:#0f86c9;
  --i-red:#b3243b; --i-orange:#a24c08; --i-amber:#845500; --i-violet:#5b3dcb; --i-green:#0a7550; --i-blue:#2150c4;
  --g-indigo:var(--pri-bg);
  --g-blue:linear-gradient(135deg,#4e90f7,#2f65e2);
  --g-red:linear-gradient(135deg,#f24d63,#d12a47);
  --g-orange:linear-gradient(135deg,#ee7f18,#cc5b0b);
  --g-amber:linear-gradient(135deg,#f5bd30,#dc980c);
  --g-green:linear-gradient(135deg,#34d89a,#16b47c);
  --g-violet:linear-gradient(135deg,#8f77f6,#6a49e2);
  --g-wpp:linear-gradient(135deg,#2fd673,#17b55d);
  --hero1:#e8effc; --hero2:#dde8fb; --hero-line:#cad7f0; --hero-glow:rgba(79,125,255,.16); --hero-shadow:0 8px 24px rgba(40,70,140,.10); --hero-tx:#0a1124; --hero-tx2:#3f4c68;
  --aurora:radial-gradient(38% 30% at 88% -4%,rgba(79,125,255,.10),transparent 65%),radial-gradient(30% 26% at 0% 100%,rgba(20,180,160,.05),transparent 65%);
  --card-shadow:0 1px 2px rgba(15,25,60,.05),0 8px 24px rgba(15,25,60,.06); --card-shadow-h:0 2px 4px rgba(15,25,60,.06),0 14px 32px rgba(15,25,60,.11);
  --login-bg:radial-gradient(60% 50% at 80% 0%,rgba(79,125,255,.16),transparent 65%),#eef1f9; --login-card:#ffffff; --login-line:#dbe2f0;
  --shadow:var(--card-shadow); --shadow-lg:0 24px 56px rgba(15,25,60,.18);
}
body.dark-mode{
  --g-indigo:var(--pri-bg);
  --bg:#070a13; --bg-2:#0a0e1a; --surface:#0f1424; --surface-2:#141b30; --surface-3:#1b2442;
  --line:#1f2943; --line-2:#2c385c; --txc:#f3f6fc; --tx-2c:#b0bad2; --tx-3c:#8291b2;
  --sidebar:#1d2d54; --sidebar2:#17254a;
  --ac:#6f98ff; --ac2:#4f7dff; --ac-soft:rgba(111,152,255,.16);
  --sb-on:rgba(255,255,255,.14); --sb-tx:#d3dcf3; --sb-sec:#a3b1d6;
  --pri-shadow:0 6px 18px rgba(61,93,240,.34); --pri-shadow-h:0 10px 26px rgba(61,93,240,.45);
  --st-vencido:#ff6379; --st-hoje:#ffa03f; --st-amanha:#f6c744; --st-urgente:#a68cff; --st-pago:#3ddc97; --st-pend:#f6c744; --st-info:#5fa8ff;
  --re:#ff6379; --gr:#3ddc97;
  --green:#3ddc97; --orange:#ffa03f; --amber:#f6c744; --indigo:#8aa6ff; --red:#ff6379; --blue:#5fa8ff;
  --k-blue:#69aaff; --k-red:#ff6379; --k-orange:#ffa03f; --k-teal:#2dd4bf; --k-green:#3ddc97; --k-violet:#a68cff; --k-ind:#86a4ff; --k-amber:#f6c744; --k-wpp:#3fdc83; --k-sky:#45bdf5;
  --i-red:#ffa3b0; --i-orange:#ffc48a; --i-amber:#f8da80; --i-violet:#c6b6ff; --i-green:#7aeab9; --i-blue:#a3c8ff;
  --hero1:#172540; --hero2:#1e3358; --hero-line:rgba(140,170,255,.18); --hero-glow:rgba(111,152,255,.16); --hero-shadow:0 14px 36px rgba(2,6,20,.45); --hero-tx:#ffffff; --hero-tx2:#c4cfe8;
  --aurora:radial-gradient(40% 32% at 88% -6%,rgba(79,125,255,.16),transparent 65%),radial-gradient(34% 28% at 0% 104%,rgba(20,190,170,.07),transparent 65%);
  --card-shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35); --card-shadow-h:0 2px 4px rgba(0,0,0,.45),0 16px 36px rgba(0,0,0,.5);
  --login-bg:radial-gradient(60% 50% at 80% 0%,rgba(79,125,255,.22),transparent 65%),radial-gradient(50% 40% at 0% 100%,rgba(20,190,170,.08),transparent 65%),#070a13; --login-card:#0f1424; --login-line:#222d4b;
  --shadow:var(--card-shadow); --shadow-lg:0 28px 64px rgba(0,0,0,.65);
}

/* ═══ TEMA PREMIUM — componentes (usa só os tokens acima) ═══ */
::selection{background:color-mix(in srgb,var(--ac) 38%,transparent);color:inherit}
body::before,body.dark-mode::before{animation:none!important;opacity:1!important;filter:none!important;background:var(--aurora)!important}

/* ── menu lateral: sempre tinta escura (contraste alto nos dois temas) ── */
body .sidebar,body:not(.dark-mode) .sidebar{background:radial-gradient(130% 36% at 0% 0%,rgba(150,185,255,.20),transparent 62%),linear-gradient(180deg,var(--sidebar),var(--sidebar2))!important;
  border-right:1px solid var(--sb-line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sb-n1,body:not(.dark-mode) .sb-n1,.sb-name{color:#fff!important}
.sb-n2,body:not(.dark-mode) .sb-n2{color:var(--sb-brand)!important}
body .sb-section,body:not(.dark-mode) .sb-section{color:var(--sb-sec)!important}
body .nav,body:not(.dark-mode) .nav{color:var(--sb-tx)!important;background:transparent}
body .nav:hover,body:not(.dark-mode) .nav:hover{color:#fff!important;background:rgba(255,255,255,.06)!important;transform:none}
body .nav.on,body:not(.dark-mode) .nav.on{color:#fff!important;background:var(--sb-on)!important;box-shadow:none!important;font-weight:600}
body .nav.on svg{color:var(--sb-on-ic);stroke:var(--sb-on-ic)}
body .nav-badge,body:not(.dark-mode) .nav-badge,body .nav.on .nav-badge,body:not(.dark-mode) .nav.on .nav-badge{background:#e0364f!important;color:#fff!important;box-shadow:none!important}
body .sb-bot,body:not(.dark-mode) .sb-bot{border-top-color:var(--sb-line)!important}
body .sb-bot .nav,body:not(.dark-mode) .sb-bot .nav{color:#ff8e9e!important}
body .sb-bot .nav:hover,body:not(.dark-mode) .sb-bot .nav:hover{background:rgba(255,99,121,.12)!important;color:#ffb3be!important}
body .sb-toggle-btn,body:not(.dark-mode) .sb-toggle-btn{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#cdd3e6!important}
body .sb-version,body:not(.dark-mode) .sb-version{color:#6a7390!important}
.sb-icon{box-shadow:none!important}

/* ── títulos ── */
.ph h1{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--tx)!important;letter-spacing:-.8px}

/* ── hero: azul-tinta profundo nos dois temas ── */
body .hero,body:not(.dark-mode) .hero{background:linear-gradient(120deg,var(--hero1),var(--hero2))!important;border:1px solid var(--hero-line)!important;box-shadow:var(--hero-shadow)!important}
body .hero::before,body:not(.dark-mode) .hero::before{inset:0!important;background:radial-gradient(58% 150% at 94% -20%,var(--hero-glow),transparent 62%)!important;filter:none!important;animation:none!important;opacity:1!important}
body .hero canvas{opacity:.55}
body:not(.dark-mode) .hero canvas{opacity:.75}
body .hero h2,body:not(.dark-mode) .hero h2{color:var(--hero-tx)!important}
body .hero p,body:not(.dark-mode) .hero p{color:var(--hero-tx2)!important}

/* ── KPIs e atalhos: cartão limpo, cor só no ícone/gráfico ── */
.sc-blue{--mx:var(--k-blue)!important}.sc-red{--mx:var(--k-red)!important}.sc-or{--mx:var(--k-orange)!important}
.sc-ye{--mx:var(--k-teal)!important}.sc-gr{--mx:var(--k-green)!important}.sc-pu{--mx:var(--k-violet)!important}
body .mx-kpi,body.cards-soft .mx-kpi{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--card-shadow)!important}
body .mx-kpi:hover{transform:translateY(-2px)!important;box-shadow:var(--card-shadow-h)!important;border-color:color-mix(in srgb,var(--mx) 45%,var(--line))!important}
body .mx-kpi .mx-chip{background:color-mix(in srgb,var(--mx) 15%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--mx) 30%,transparent)!important;box-shadow:none!important}
body .mx-kpi .mx-val{color:var(--tx)!important;font-size:24px;letter-spacing:-.8px}
body .mx-kpi .mx-lbl{color:var(--tx2)!important;font-weight:600}
.qa-blue{--qc:var(--k-ind)}.qa-blue2{--qc:var(--k-sky)}.qa-violet{--qc:var(--k-violet)}.qa-teal{--qc:var(--k-teal)}.qa-green{--qc:var(--k-green)}.qa-orange{--qc:var(--k-orange)}
body .qa,body:not(.dark-mode) .qa,body.dark-mode .qa,body.cards-soft .qa{background:var(--surface)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:var(--card-shadow)!important}
body .qa:hover,body.dark-mode .qa:hover{border-color:color-mix(in srgb,var(--qc) 45%,var(--line))!important;box-shadow:var(--card-shadow-h)!important}
body .qa-ic,body:not(.dark-mode) .qa-ic,body.dark-mode .qa-ic{background:color-mix(in srgb,var(--qc) 15%,var(--surface))!important;border:1px solid color-mix(in srgb,var(--qc) 28%,transparent);box-shadow:none!important}
body .qa-ic svg,body.dark-mode .qa-ic svg{stroke:var(--qc)!important}
body .qa-tx b{color:var(--tx)!important}body .qa-tx span{color:var(--tx2)!important}

/* ── cartões e ícones de título ── */
.card{border-color:var(--line);box-shadow:var(--card-shadow)}
.card-title svg{background:color-mix(in srgb,var(--ct-c,var(--k-ind)) 15%,var(--surface))!important;stroke:var(--ct-c,var(--k-ind))!important;color:var(--ct-c,var(--k-ind))!important;
  border:1px solid color-mix(in srgb,var(--ct-c,var(--k-ind)) 28%,transparent);box-shadow:none!important}
.card-title .btn svg,.card-title button svg{border:none;background:transparent!important;stroke:currentColor!important}
.card-title.ct-green{--ct-c:var(--k-green)}.card-title.ct-blue{--ct-c:var(--k-blue)}.card-title.ct-violet{--ct-c:var(--k-violet)}
.card-title.ct-teal{--ct-c:var(--k-teal)}.card-title.ct-red{--ct-c:var(--k-red)}.card-title.ct-amber{--ct-c:var(--k-amber)}
.card-title.ct-wpp{--ct-c:var(--k-wpp)}.card-title.ct-sky{--ct-c:var(--k-sky)}

/* ── botões ── */
body .btn-blue{background:var(--pri-bg)!important;color:var(--pri-fg)!important;box-shadow:var(--pri-shadow)!important}
body .btn-blue:hover:not(:disabled){transform:translateY(-1px)!important;box-shadow:var(--pri-shadow-h)!important}
.btn-green,.btn-wpp,.btn-sv{color:#04281a!important;box-shadow:none!important}
.btn-green:hover:not(:disabled),.btn-wpp:hover:not(:disabled){transform:translateY(-1px)!important}
.btn-red{background:color-mix(in srgb,var(--st-vencido) 12%,transparent)!important;border-color:color-mix(in srgb,var(--st-vencido) 34%,transparent)!important;color:var(--i-red)!important}
.btn-icon{background:var(--surface-2)}
.btn-icon-alert svg{fill:var(--k-wpp)!important}.btn-icon-edit svg{stroke:var(--k-blue)!important}
.btn-icon-arq svg{stroke:var(--tx3)!important}.btn-icon-del svg{stroke:var(--st-vencido)!important}
.situ-act-pago svg{stroke:var(--k-green)!important}.situ-act-pend svg{stroke:var(--k-amber)!important}
.btn-icon-alert:hover{background:color-mix(in srgb,var(--k-wpp) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--k-wpp) 45%,transparent)!important;box-shadow:none!important}
.btn-icon-edit:hover{background:color-mix(in srgb,var(--k-blue) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--k-blue) 45%,transparent)!important;box-shadow:none!important}
.btn-icon-arq:hover{background:var(--surface-3)!important;border-color:var(--line-2)!important;box-shadow:none!important}
.btn-icon-del:hover{background:color-mix(in srgb,var(--st-vencido) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--st-vencido) 45%,transparent)!important;box-shadow:none!important}
.situ-act-pago:hover{background:color-mix(in srgb,var(--k-green) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--k-green) 45%,transparent)!important;box-shadow:none!important}
.situ-act-pend:hover{background:color-mix(in srgb,var(--k-amber) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--k-amber) 45%,transparent)!important;box-shadow:none!important}
.btn-icon-alert:hover svg{fill:var(--k-wpp)!important}.btn-icon-edit:hover svg{stroke:var(--k-blue)!important}.btn-icon-del:hover svg{stroke:var(--st-vencido)!important}
.btn-icon-arq:hover svg{stroke:var(--tx)!important}.situ-act-pago:hover svg{stroke:var(--k-green)!important}.situ-act-pend:hover svg{stroke:var(--k-amber)!important}

/* ── chips e campos ── */
body .chip.sel,body .chip.on{background:var(--pri-bg)!important;color:var(--pri-fg)!important;border-color:transparent!important;box-shadow:none!important}
.chip i{box-shadow:none!important}
.inp:focus{border-color:var(--ac)!important;box-shadow:0 0 0 3px var(--ac-soft)!important}

/* ── clientes: barra lateral fina, avatar e selos limpos ── */
.c-row{border:1px solid var(--line);border-left-width:4px}
.c-row.st-vencido{border-left-color:var(--st-vencido)}.c-row.st-hoje{border-left-color:var(--st-hoje)}.c-row.st-amanha{border-left-color:var(--st-amanha)}
.c-row.st-urgente,.c-row.st-proximo{border-left-color:var(--st-urgente)}.c-row.st-pago,.c-row.st-ok{border-left-color:var(--st-pago)}
.c-av{box-shadow:none!important;border-radius:14px}
.c-row.st-amanha .c-av{background:var(--g-amber);color:#2b1c00}
.c-row.st-pago .c-av,.c-row.st-ok .c-av{background:linear-gradient(135deg,#1fbf86,#0b9a64)}
.c-row.st-proximo .c-av{background:var(--g-blue)}
.venc{box-shadow:none!important}
.venc.v-hoje{background:var(--g-orange)!important}.venc.v-amanha{background:var(--g-amber)!important;color:#2b1c00}
.venc.v-urgente{background:var(--g-violet)!important}.venc.v-proximo{background:var(--g-blue)!important}
.venc.v-futuro{background:linear-gradient(135deg,#1fb3a0,#0c8a79)!important}
.c-per.per-2{background:linear-gradient(135deg,#6f7cf2,#4f5ae0)}.c-per.per-3{background:linear-gradient(135deg,#3aa0f0,#2478d6)}
.c-per.per-4{background:linear-gradient(135deg,#e8932a,#c9700f)}.c-per.per-6{background:linear-gradient(135deg,#9a6df0,#7448dc)}
.c-per.per-12{background:linear-gradient(135deg,#1fbf86,#0b9a64)}
.b-re{background:color-mix(in srgb,var(--st-vencido) 14%,transparent)!important;color:var(--i-red)!important}
.b-or{background:color-mix(in srgb,var(--st-hoje) 15%,transparent)!important;color:var(--i-orange)!important}
.b-ye,.b-am,.b-pend{background:color-mix(in srgb,var(--st-amanha) 17%,transparent)!important;color:var(--i-amber)!important}
.b-ur{background:color-mix(in srgb,var(--st-urgente) 15%,transparent)!important;color:var(--i-violet)!important}
.b-gr{background:color-mix(in srgb,var(--st-pago) 15%,transparent)!important;color:var(--i-green)!important}
.b-bl{background:color-mix(in srgb,var(--st-info) 14%,transparent)!important;color:var(--i-blue)!important}
body.dark-mode .b-re,body.dark-mode .b-or,body.dark-mode .b-ye,body.dark-mode .b-am,body.dark-mode .b-pend,body.dark-mode .b-ur,body.dark-mode .b-gr,body.dark-mode .b-bl{}
.log-ic{box-shadow:none!important}

/* ── login: mantém o efeito de canvas (fundo azul-marinho com grade e partículas) ── */
.login-card{background:rgba(18,27,50,.72)!important;border:1px solid rgba(150,175,235,.20)!important;box-shadow:0 26px 60px rgba(4,8,22,.45)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.login-card::before{display:none!important}
.login-h{color:#f3f6fc!important}.login-sub{color:#aab6d6!important}.login-card label{color:#aab6d6!important}
.login-card .inp{background:rgba(255,255,255,.06)!important;border-color:rgba(140,170,255,.26)!important;color:#f3f6fc!important}
.login-card .inp::placeholder{color:#7f8db0}
.login-card .inp:focus{border-color:#6f98ff!important;box-shadow:0 0 0 3px rgba(111,152,255,.22)!important}
.login-card .btn-blue{background:linear-gradient(135deg,#5f8bf5,#4f72e6)!important;color:#fff!important;box-shadow:0 6px 16px rgba(79,114,230,.28)!important}
.login-version{color:#7f8db0!important}
#login-err{color:#ffa3b0!important;background:rgba(255,99,121,.12)!important;border-color:rgba(255,99,121,.32)!important}

/* ── celular ── */
.mob-nav-btn.on>svg{filter:none!important;color:var(--sb-on-ic)}
.mob-nav-fab{background:var(--pri-bg)!important;color:var(--pri-fg)!important;box-shadow:none!important}
.mob-nav-main.on .mob-nav-fab{box-shadow:0 0 0 3px rgba(255,255,255,.16)!important}
.mob-badge{background:#e0364f!important;box-shadow:0 0 0 2px var(--sidebar2)!important}
@media(max-width:768px){
  #stats-row{grid-template-columns:1fr 1fr!important;gap:10px!important}
  body .mx-kpi{padding:13px!important}
  body .mx-kpi .mx-head{gap:9px}
  body .mx-kpi .mx-chip{width:34px;height:34px;flex-shrink:0}
  body .mx-kpi .mx-val{font-size:22px}
  body .mx-kpi .mx-lbl{font-size:11px}
}

/* ── título da página: sólido, sem degradê ── */
.tb-title{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--tx)!important;letter-spacing:-.8px}
.tb-eyebrow{color:var(--tx3)}
.tb-ava{background:var(--pri-bg)!important;color:var(--pri-fg)!important;box-shadow:none!important}
.tb-icon-btn{border-width:1px}
/* chips: ponto colorido no lugar do emoji */
.chip i.dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:none;flex-shrink:0}
.chip.sel i.dot,.chip.on i.dot{box-shadow:0 0 0 2px rgba(255,255,255,.35)}

/* ── cores gravadas direto no HTML pelo JS: levadas para tons legíveis nos dois temas ── */
[style*="color:#f87171"]{color:var(--i-red)!important}
[style*="color:#4ade80"]{color:var(--i-green)!important}
[style*="color:#f97316"],[style*="color:#f4511e"]{color:var(--i-orange)!important}
[style*="color:#818cf8"]{color:var(--i-blue)!important}
[style*="color:#9a6ad1"]{color:var(--i-violet)!important}
[style*="color:#f2b03e"],[style*="color:#fbbf24"]{color:var(--i-amber)!important}
.mx-trend{color:var(--mx)!important}
span[style*="background:var(--ac)"]{background:var(--pri-bg)!important;color:var(--pri-fg)!important}
#toast{background:var(--pri-bg)!important;color:var(--pri-fg)!important;box-shadow:var(--shadow-lg)!important}
body .nav-badge,body:not(.dark-mode) .nav-badge,body .nav.on .nav-badge,body:not(.dark-mode) .nav.on .nav-badge,.mob-badge{background:#d02b45!important}
[style*="color:#ef4a4a"]{color:var(--i-red)!important}
[style*="color:#7c6cf0"]{color:var(--i-violet)!important}
[style*="color:#3ee8a8"]{color:var(--i-green)!important}
.sit.s-pend,body.dark-mode .sit.s-pend{color:var(--i-amber)!important}
.tb-icon-btn.tb-ctx-add{background:var(--pri-bg)!important;color:var(--pri-fg)!important;border-color:transparent!important;box-shadow:var(--pri-shadow)!important}
.tb-icon-btn.tb-ctx-add svg{stroke:currentColor!important}
.tb-icon-btn.tb-ctx-del{background:color-mix(in srgb,var(--st-vencido) 14%,transparent)!important;border-color:color-mix(in srgb,var(--st-vencido) 32%,transparent)!important;color:var(--i-red)!important}
.btn-blue svg{stroke:currentColor}

/* v3.9.1 — troca de tema sem travada: suspende as transições enquanto a classe .tema-troca existe */
html.tema-troca *,html.tema-troca *::before,html.tema-troca *::after{transition:none!important}
/* v3.9.1 — as 15 janelas (pop-ups) ficam invisíveis, mas cada uma mantinha um desfoque de tela cheia ligado;
   isso pesava em toda repintura (principalmente na troca de tema). O desfoque agora só existe com o pop-up aberto. */
.overlay:not(.open){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* v3.9.2 — botão da linha do tempo e barra de disco no padrão Safira */
.btn-icon-tl svg{stroke:var(--k-violet)!important}
.btn-icon-tl:hover{background:color-mix(in srgb,var(--k-violet) 16%,var(--surface))!important;border-color:color-mix(in srgb,var(--k-violet) 45%,transparent)!important;box-shadow:none!important}
.disco-ok{background:var(--st-pago)}.disco-warn{background:var(--st-amanha)}.disco-crit{background:var(--st-vencido)}
/* v3.9.2 — textos coloridos escritos direto pelo JS (Métricas e Histórico) passam pelo mesmo padrão de leitura */
[style*="color:#16a34a"]{color:var(--i-green)!important}
[style*="color:#2563eb"]{color:var(--i-blue)!important}
[style*="color:#e5484d"]{color:var(--i-red)!important}
[style*="color:#0891b2"]{color:var(--i-blue)!important}
[style*="color:#7c3aed"]{color:var(--i-violet)!important}
body code{color:var(--i-violet)!important}