/* risco.css — folha comum dos módulos de RISCO & CONFIABILIDADE das plataformas GD
   Identidade GD: Petróleo #082A32 (dominante) + Ouro #C9A15F (destaque), fundo marfim.
   Usada por ATLAS, RIGOR, PÓRTICUS, FABRIKAR e ALTUS — um visual só, mantido num arquivo só. */
:root { --petroleo:#082A32; --petroleo2:#0d3b47; --ouro:#C9A15F; --ouro-claro:#e2c68f; --marfim:#FBF9F4;
  --texto:#16232a; --suave:#5a6a72; --linha:#e2dccd; --vermelho:#9d2b21; --verde:#1c6b45; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--marfim); color:var(--texto); line-height:1.55; }
header { background:linear-gradient(160deg,var(--petroleo),var(--petroleo2)); color:#fff; padding:22px 20px 26px; }
.wrap { max-width:1120px; margin:0 auto; }
header h1 { margin:0 0 4px; font-size:1.45rem; letter-spacing:.02em; font-weight:800; }
header h1 span { color:var(--ouro); }
header p { margin:6px 0 0; color:#cfe0e6; font-size:.92rem; max-width:78ch; }
.voltar { display:inline-block; margin-bottom:12px; color:var(--ouro-claro); text-decoration:none; font-size:.82rem; font-weight:600; }
.voltar:hover { text-decoration:underline; }
main { max-width:1120px; margin:0 auto; padding:18px 20px 60px; }
.card { background:#fff; border:1px solid var(--linha); border-radius:12px; padding:16px 18px; margin:16px 0; box-shadow:0 1px 3px rgba(8,42,50,.05); }
.card > h2 { margin:0 0 4px; font-size:1.06rem; color:var(--petroleo); display:flex; align-items:center; gap:9px; }
.card > h2 .n { background:var(--petroleo); color:var(--ouro); width:25px; height:25px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center; font-size:.82rem; flex:none; }
.ajuda { color:var(--suave); font-size:.85rem; margin:6px 0 12px; max-width:88ch; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(185px,1fr)); gap:10px; }
label { display:flex; flex-direction:column; font-size:.76rem; color:var(--suave); gap:3px; font-weight:600; }
input, select { font:inherit; font-size:.9rem; padding:7px 9px; border:1px solid var(--linha); border-radius:7px; background:#fff; color:var(--texto); width:100%; }
input:focus, select:focus { outline:2px solid var(--ouro); outline-offset:1px; }
textarea { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.8rem; width:100%; min-height:110px; padding:9px; border:1px solid var(--linha); border-radius:7px; }
.btn { font:inherit; font-weight:700; font-size:.86rem; padding:9px 16px; border-radius:8px; border:1px solid var(--petroleo); background:var(--petroleo); color:#fff; cursor:pointer; }
.btn:hover { background:var(--petroleo2); }
.btn.sec { background:#fff; color:var(--petroleo); }
.btn.sec:hover { background:#f0ece2; }
.btns { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; align-items:center; }
.kpis { display:flex; gap:10px; flex-wrap:wrap; margin:12px 0; }
.kpi { flex:1; min-width:158px; background:var(--marfim); border:1px solid var(--linha); border-top:3px solid var(--ouro); border-radius:9px; padding:9px 12px; }
.kpi .r { font-size:.68rem; text-transform:uppercase; letter-spacing:.05em; color:var(--suave); font-weight:700; }
.kpi .v { font-size:1.24rem; font-weight:800; color:var(--petroleo); }
.kpi .s { font-size:.73rem; color:var(--suave); }
.kpi.mau { border-top-color:var(--vermelho); } .kpi.bom { border-top-color:var(--verde); }
table { border-collapse:collapse; width:100%; font-size:.82rem; margin-top:8px; }
th, td { border-bottom:1px solid var(--linha); padding:6px 8px; text-align:left; }
th { background:var(--marfim); font-size:.72rem; text-transform:uppercase; letter-spacing:.03em; color:var(--suave); }
td.num, th.num { text-align:right; font-variant-numeric:tabular-nums; }
.memoria { background:var(--marfim); border-left:3px solid var(--ouro); padding:9px 12px; font-size:.79rem; color:#3b4a52; border-radius:0 7px 7px 0; margin-top:10px; }
.memoria strong { color:var(--petroleo); }
.alerta { background:#fdf6ec; border-left:3px solid var(--ouro); padding:9px 12px; font-size:.82rem; border-radius:0 7px 7px 0; margin:8px 0; }
.grave { background:#fbeceb; border-left-color:var(--vermelho); }
.ok { background:#eef6f1; border-left-color:var(--verde); }
details summary { cursor:pointer; font-weight:700; font-size:.85rem; color:var(--petroleo); padding:4px 0; }
footer { border-top:1px solid var(--linha); margin-top:26px; padding:16px 20px 30px; font-size:.76rem; color:var(--suave); }
footer strong { color:var(--petroleo); }
.assin { font-style:italic; color:var(--ouro); }
@media print { header{background:var(--petroleo)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .btns,.voltar{display:none} .card{break-inside:avoid} }
