/* Painel Face Excellence: mesmo design system do painel da Nero, com a identidade da Face
   (preto e dourado, Montserrat nos números e títulos, Inter no texto). Só tokens e ajustes de marca. */
:root{
  --bg:#f4f3f2; --surface:#fff; --surface-2:#fbf8f0; --surface-3:#f1ece0;
  --border:#e6e0d2; --border-strong:#d4cbb6;
  --text:#14120d; --text-2:#4a4538; --muted:#7a7262;
  --ink:#0a0907; --primary:#0a0907; --primary-hover:#2a2416;
  --link:#9c7a0c; --focus:rgba(221,176,30,.40);
  --gold:#ddb01e; --gold-hi:#f6de58; --gold-deep:#9c7a0c;
  --c1:#ddb01e; --c2:#2a78d6; --c3:#1baf7a; --c4:#eb6834; --c5:#e87ba4; --c6:#6250d6; --c7:#9c7a0c; --c8:#e34948;
  --side:#0a0907; --side-2:#16130d; --side-3:#231e14; --side-text:#d6cfbd; --side-muted:#8b8474;
}
h1,h2,h3{font-family:"Montserrat",system-ui,sans-serif}
.kp b,.adm-kpis b{font-weight:800;letter-spacing:-.01em}

/* barra lateral: logo da Face e item ativo em dourado */
.side{border-right-color:#000}
.side__brand{gap:12px}
.side__brand img{width:auto;height:34px}
.side__brand em{color:var(--gold);border-color:rgba(221,176,30,.35)}
.side__nav a[aria-current]{background:var(--side-3);color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.side__nav a:hover{color:var(--gold-hi)}
.side__group{color:var(--gold-deep)}

/* botão principal: dourado com texto preto (como os botões do site) */
.a-btn{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:800}
.a-btn:hover{background:var(--gold-hi);border-color:var(--gold-hi);color:var(--ink)}
.a-btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}
.a-btn--ghost:hover{background:var(--surface-3);border-color:var(--gold-deep);color:var(--text)}
.avatar{background:var(--ink)!important;color:var(--gold)!important}
.tabs a[aria-current]{border-color:var(--gold)}

/* login */
.adm-login{background:radial-gradient(60% 60% at 50% 0%,rgba(221,176,30,.30) 0%,transparent 70%),var(--side)}
.adm-login__box{border-top:3px solid var(--gold)}
.adm-login__box img{width:220px;height:auto;justify-self:center;background:var(--ink);padding:12px 16px;border-radius:var(--r)}
.adm-login__box h1{text-align:center}
