/* UNICORP REMS — Design System (DESIGN_SYSTEM.md; paleta literal do BRAND_AUDIT) */
:root{
  --brand:#FE6500; --brand-strong:#E45500; --brand-link:#C24A00; --brand-soft:#FFF1E8;
  --ink:#121212; --ink-soft:#4A5568; --ground:#F7F7F5; --surface:#FFFFFF;
  --ground-dark:#090D19; --neutral:#7E869E; --line:#E3E4E8;
  --ok:#2E7D4F; --ok-bg:#E6F2EA; --warn:#9A6B1F; --warn-bg:#F7EFDD;
  --crit:#A33C34; --crit-bg:#F7E6E4; --info:#1E5F8A; --info-bg:#E4EEF5;
  --r-sm:6px; --r-md:10px; --shadow:0 1px 3px rgba(9,13,25,.08);
  --font-display:'Poppins','Segoe UI',sans-serif; --font-body:'Segoe UI',system-ui,sans-serif;
  --font-mono:Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);
  font-size:15.5px;line-height:1.55}
a{color:var(--brand-link)} a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* header */
.topbar{background:var(--ground-dark);color:#FCFCFC;display:flex;align-items:center;
  gap:1.2rem;padding:.6rem 1.2rem;flex-wrap:wrap}
.topbar .logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.02em;
  color:#fff;text-decoration:none}
.topbar .logo b{color:var(--brand)}
.topbar nav{display:flex;gap:.2rem;flex-wrap:wrap}
.topbar nav a{color:#C9CFDA;text-decoration:none;padding:.3rem .6rem;border-radius:var(--r-sm);font-size:.88rem}
.topbar nav a:hover,.topbar nav a.on{background:rgba(254,101,0,.16);color:#fff}
.topbar .who{margin-left:auto;font-size:.82rem;color:#9AA3B2}
.topbar .who a{color:#C9CFDA}

.page{max-width:1180px;margin:0 auto;padding:1.4rem 1.2rem 4rem}
h1{font-family:var(--font-display);font-size:1.5rem;margin:.4rem 0 .8rem}
h2{font-family:var(--font-display);font-size:1.12rem;margin:1.4rem 0 .5rem}
h3{font-size:1rem;margin:1rem 0 .4rem}
.crumb{font-size:.82rem;color:var(--ink-soft);margin:.2rem 0 .6rem}
.crumb a{color:var(--ink-soft)}

/* cards e grids */
.grid{display:grid;gap:1rem}
.grid.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:1rem 1.1rem;box-shadow:var(--shadow)}
.card h3{margin-top:0;font-family:var(--font-display)}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.7rem .9rem}
.kpi .n{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--font-display)}
.kpi .l{font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}

/* chips de status: SEMPRE cor+ícone+texto */
.chip{display:inline-flex;align-items:center;gap:.3em;font-size:.78rem;padding:.12rem .55rem;
  border-radius:999px;white-space:nowrap;font-weight:600}
.chip.ok{background:var(--ok-bg);color:var(--ok)} .chip.warn{background:var(--warn-bg);color:var(--warn)}
.chip.crit{background:var(--crit-bg);color:var(--crit)} .chip.info{background:var(--info-bg);color:var(--info)}
.chip.none,.chip.nsa{background:#EEE;color:var(--ink-soft)}
.chip.p0{background:var(--crit);color:#fff}.chip.p1{background:var(--crit-bg);color:var(--crit)}
.chip.p2{background:var(--warn-bg);color:var(--warn)}.chip.p3{background:#EEE;color:var(--ink-soft)}

/* barra de prontidão */
.bar{height:8px;background:#E8E9EC;border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--ok))}
.disclaimer{font-size:.75rem;color:var(--ink-soft);font-style:italic}

/* tabelas */
.twrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);margin:.7rem 0}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-soft);text-align:left;padding:.45rem .6rem;border-bottom:2px solid var(--brand)}
td{padding:.45rem .6rem;border-bottom:1px solid var(--line);vertical-align:top;font-variant-numeric:tabular-nums}
tr:hover td{background:var(--brand-soft)}

/* formulários e botões */
label{display:block;font-size:.8rem;color:var(--ink-soft);margin:.5rem 0 .15rem}
input,select,textarea{width:100%;padding:.45rem .6rem;border:1px solid var(--line);
  border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--ink)}
textarea{min-height:7rem}
.btn{display:inline-block;background:var(--brand);color:#fff;border:none;border-radius:var(--r-sm);
  padding:.5rem 1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--brand-strong)}
.btn.ghost{background:transparent;color:var(--brand-link);border:1px solid var(--line)}
.btn.small{padding:.25rem .6rem;font-size:.8rem}
.inline-form{display:inline}
.error{background:var(--crit-bg);color:var(--crit);padding:.6rem .9rem;border-radius:var(--r-sm);margin:.6rem 0}
.note{background:var(--info-bg);border-left:3px solid var(--info);padding:.6rem .9rem;
  border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.88rem;margin:.8rem 0}
.mono{font-family:var(--font-mono);font-size:.82em}
.muted{color:var(--ink-soft);font-size:.85rem}

/* abas */
.tabs{display:flex;gap:.15rem;flex-wrap:wrap;border-bottom:2px solid var(--line);margin:.8rem 0}
.tabs a{padding:.35rem .7rem;font-size:.85rem;text-decoration:none;color:var(--ink-soft);
  border-radius:var(--r-sm) var(--r-sm) 0 0}
.tabs a.on{background:var(--surface);border:1px solid var(--line);border-bottom:2px solid var(--surface);
  margin-bottom:-2px;color:var(--ink);font-weight:600}
.tabs a:hover{color:var(--brand-link)}

/* modo avaliador */
.aval-hero{background:var(--ground-dark);color:#fff;padding:1.4rem;border-radius:var(--r-md);margin-bottom:1rem}
.aval-hero h1{color:#fff;margin:0}
.aval-hero .muted{color:#9AA3B2}
details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:.5rem .8rem;margin:.4rem 0}
summary{cursor:pointer;font-weight:600}
