/* Referência visual PMP: somente cores e tipografia. */
:root{
  color-scheme:light;
  --ink:#142D4E;
  --muted:#5D6B7C;
  --bg:#F3F5F7;
  --line:#DCE2E8;
  --white:#FFFFFF;
  --lime:#EAF2FA;
  --accent:#2563A6;
  --font-pmp:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{font-family:var(--font-pmp);font-size:14px;line-height:1.5;background:#F3F5F7;color:#263238}
button,input,select,textarea{font-family:var(--font-pmp)}
h1,h2,h3,.kpi-value,.amount,.store-metrics strong{color:#142D4E;font-weight:700}
h1{font-size:32px;line-height:1.25;letter-spacing:-.4px}
h2{font-size:18px;letter-spacing:0}
.brand{font-weight:700;letter-spacing:0}
.brand small,.side-label{letter-spacing:1px}
.sidebar{background:#142D4E;color:#E5EDF6}
.sidebar .brand{color:#FFFFFF}
.sidebar .brand small,.side-label,.side-bottom{color:#C1D0E1}
.side-bottom{border-top-color:#294665}
.side-bottom b{color:#FFFFFF}
.mark{background:#EAF2FA;color:#142D4E}
.nav button{color:#D0DEEE;font-weight:600}
.nav button:hover{background:#1C3B61;color:#FFFFFF}
.nav button.active{background:#EAF2FA;color:#142D4E}
.topbar{background:#FFFFFF;border-bottom-color:#DCE2E8}
.avatar,.client .avatar{background:#EAF1F8;color:#27496C}
.eyebrow{color:#2563A6;font-weight:600;letter-spacing:.9px}
.subtitle{font-size:14px;color:#5D6B7C}
.card,.scope,.user-item{background:#FFFFFF;border-color:#DCE2E8}
.button{color:#142D4E;background:#FFFFFF;border-color:#A6B4C4;font-weight:600}
.button:hover{background:#EDF3FA;border-color:#6C8AAF}
.button.primary{background:#2563A6;border-color:#2563A6;color:#FFFFFF}
.button.primary:hover{background:#1E528B;border-color:#1E528B}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#73A9DF}
.scope select,.filter,.period-fields input,.period-fields select,.search input,
.sort-controls select,.cnpj-filter-row select,.admin-form input:not([type=checkbox]),
.admin-form select,.client-sales-toolbar select,.cnpj-detail input,.contact-form input,
.preview-session select,.auth-card input{color:#263238;background:#FFFFFF;border-color:#A6B4C4}
.scope label,.period-fields label,.admin-form label.field{color:#5D6B7C;font-size:12px;font-weight:400;letter-spacing:0}
.search input{background:#FAFBFC;font-size:12px}
input::placeholder{color:#687789;opacity:1}
.period-fields :disabled{background:#F1F3F5;color:#697787;border-color:#D3DAE3}
.demo,.preview-session,.admin-help{background:#EAF2FA;border-color:#D0DEEE;color:#263F5B}
.preview-session p{color:#5D6B7C}
.kpi .tile,.count,.period-summary span,.sales-overview span,.admin-totals span,
.client-sale-metrics span{background:#EAF1F8;color:#27496C}
.kpi-label,.kpi-note,.section-head p,.sale-card p,.sale-card footer,.store-card footer,
.store-card .store-caption,.period-help,.scope-note,.sort-note,.foot{color:#5D6B7C}
.kpi-label{font-size:12px}
.kpi-note{font-size:11px}
.section-head p{font-size:12px}
.sale-card h2{font-size:18px}
.sale-card p{font-size:12px}
.sales-total-label{font-size:12px;color:#5D6B7C}
.store-card .store-mark{background:#EAF1F8;color:#2563A6}
.client-stores summary,.contact-add,.scope-chip{color:#205B99}
.contact-form,.cnpj-detail{background:#F8FAFD;border-color:#DCE2E8}
.admin-check input{accent-color:#2563A6}
.client b{font-size:12px}
.client small,.user-info{font-size:11px}
th{background:#EAF1F8;color:#27496C;font-size:10px}
td{color:#263238;font-size:12px}
th[aria-sort="ascending"],th[aria-sort="descending"]{background:#DCEAF8;color:#142D4E}
tbody tr:hover{background:#EDF3FA}
.toast{background:#142D4E;color:#FFFFFF}
.auth-card .brand{color:#142D4E}
.auth-card .link,.auth-card .password-toggle{color:#205B99}
.auth-card .password-toggle:hover{background:#EDF3FA;color:#142D4E}
.auth-card p{color:#5D6B7C}
.auth-card .message{color:var(--red)}
/* As cores semânticas de situação permanecem verdes, laranjas e vermelhas. */
.kpi.danger .kpi-value{color:var(--red)}
@media(max-width:800px){
  h1{font-size:26px}
  .sidebar{background:#142D4E;border-top-color:#294665}
  .nav button.active{border-top-color:#73A9DF}
  .subtitle{font-size:12px}
  .kpi-label{font-size:11px}
  .kpi-note{font-size:10px}
  .client b{font-size:12px}
  .client small{font-size:10px}
}
