/* PAINEL CERTO PREMIUM 325 — VISUAL ONLY. This layer never changes DOM, JS or endpoints.
   Personalizacao segue a cor --brand ja definida pela identidade de cada empresa/White Label. */
:root{
 --p325-primary:var(--brand,#2563eb);
 --p325-secondary:color-mix(in srgb,var(--p325-primary) 72%,#a855f7);
 --p325-accent:color-mix(in srgb,var(--p325-primary) 44%,#22d3ee);
 --p325-bg:#0a0e1a;--p325-card:#111827;--p325-elevated:#172237;
 --p325-border:#263450;--p325-text:#f0f5ff;--p325-muted:#9cacc8;
 --p325-side:#101827;--p325-ring:color-mix(in srgb,var(--p325-primary) 22%,transparent);
 --p325-glow:0 20px 45px rgba(1,5,18,.37),0 0 0 1px color-mix(in srgb,var(--p325-primary) 8%,transparent);
 --p325-gradient:linear-gradient(116deg,var(--p325-primary),var(--p325-secondary));
 color-scheme:dark;
}
html{background:var(--p325-bg)}
body{--bg:var(--p325-bg);--ink:var(--p325-text);--muted:var(--p325-muted);--line:var(--p325-border);--side:var(--p325-side);
 background:var(--p325-bg)!important;color:var(--p325-text)!important;
 font-family:'Plus Jakarta Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body :is(h1,h2,h3,h4){color:var(--p325-text);letter-spacing:-.035em}
body :is(.muted,.hint,.help,.subheading,small){color:var(--p325-muted)}
body :is(button,.btn,[role=button],summary){-webkit-tap-highlight-color:transparent}
body :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
 background:#19243a!important;color:var(--p325-text)!important;
 border:1px solid #35435d!important;border-radius:13px!important;
 box-shadow:inset 0 2px 4px #02071333;transition:border-color .18s ease,box-shadow .18s ease;
}
body :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus-visible{
 border-color:var(--p325-accent)!important;box-shadow:0 0 0 3px var(--p325-ring),inset 0 2px 4px #02071333!important;
}
body :is(input,textarea)::placeholder{color:#91a3c1!important}
body input[type=color]{background:transparent!important;min-height:40px;border-radius:11px!important;cursor:pointer}
body :is(input[type=checkbox],input[type=radio]){accent-color:var(--p325-primary)}
body :is(button,.btn,.button){border-radius:12px;transition:filter .15s,box-shadow .16s,border-color .16s,transform .16s}
body :is(button,.btn,.button):not(.secondary):not(.danger):not(.ghost):not(.outline):not(.navbutton):not(.r320-navbtn){
 box-shadow:0 5px 14px color-mix(in srgb,var(--p325-primary) 15%,transparent);
}
body :is(button,.btn,.button):focus-visible,body a:focus-visible{outline:2px solid var(--p325-accent)!important;outline-offset:2px}
body :is(button,.btn,.button):disabled{filter:none;box-shadow:none;transform:none}
body label{color:#b5c5e0}
body :is(.panel,.stat,.card,.tile,.widget,.v31-panel){border-radius:19px;border-color:var(--p325-border);background:var(--p325-card);color:var(--p325-text);box-shadow:var(--p325-glow)}
body :is(.badge,.tag,.chip,.pill){border-radius:999px}
body :is(table,td,tr){color:var(--p325-text)}
body th{background:#19243a;color:#a8b9d4;border-color:var(--p325-border)}
body td{border-color:var(--p325-border)}
body tbody tr:hover{background:color-mix(in srgb,var(--p325-primary) 7%,transparent)}
body :is(dialog,.modal,.modalbox){background:#131c30;color:var(--p325-text);border:1px solid #314363;border-radius:20px;box-shadow:0 30px 110px #020713bb}
body dialog::backdrop{background:#030816bf;backdrop-filter:blur(5px)}
/* Keep the existing [hidden] contract unconditionally. Never conceal any functional feature. */
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){body :is(button,.btn,.button,input,select,textarea){transition:none!important}}
