/* DEA Provision — identidade CMOS Drake (amarelo + cinzas + azuis) */
:root{
  --bg:#f4f6f7; --superficie:#ffffff; --ink:#1b1f22; --ink-2:#4a5257; --ink-3:#7d868c;
  --linha:#e0e5e8; --amarelo:#f5c400; --amarelo-escuro:#8a6d00;
  --azul:#295f7a; --azul-2:#2f8897; --azul-3:#32aac3;
  --ok:#1d7a46; --ok-bg:#e8f5ee; --erro:#b3261e; --erro-bg:#fdecea;
  --info:#295f7a; --info-bg:#e9f2f6;
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink);
  font:400 15px/1.6 Ubuntu,"Segoe UI",system-ui,sans-serif; }
main{ max-width:960px; margin:0 auto; padding:28px 20px 80px; }
h1{ font-size:1.5rem; font-weight:700; margin:.4em 0 .5em; }
h2{ font-size:1.05rem; font-weight:700; margin:0 0 .4em; }
a{ color:var(--azul-2); }
.mudo{ color:var(--ink-3); }

.topo{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  background:var(--ink); color:#fff; padding:12px 22px; }
.marca{ display:flex; align-items:center; gap:10px; font-size:1.02rem; }
.marca .sub{ color:#aeb7bc; font-size:.8rem; font-weight:300; }
.quadrado{ width:14px; height:14px; background:var(--amarelo); display:inline-block; border-radius:2px; }
.topo nav{ display:flex; align-items:center; gap:18px; }
.topo nav a{ color:#e8ebec; text-decoration:none; font-size:.92rem; }
.topo nav a:hover{ color:var(--amarelo); }

.cartao{ background:var(--superficie); border:1px solid var(--linha); border-radius:8px;
  padding:20px 22px; }
.cartao.login{ max-width:430px; margin:8vh auto 0; }
.grade{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; margin-top:18px; }

form label{ display:block; margin:12px 0 4px; font-weight:500; font-size:.92rem; }
input,select{ width:100%; padding:9px 11px; border:1px solid var(--linha); border-radius:6px;
  font:inherit; background:var(--bg); color:var(--ink); }
input:focus,select:focus{ outline:2px solid var(--azul-3); outline-offset:1px; border-color:var(--azul-3); }
button{ margin-top:14px; padding:10px 18px; border:0; border-radius:6px; cursor:pointer;
  background:var(--amarelo); color:#1b1f22; font:700 .95rem Ubuntu,"Segoe UI",sans-serif; }
button:hover{ filter:brightness(.96); }
button.link{ background:none; color:#e8ebec; font-weight:400; padding:0; margin:0; font-size:.92rem; }
button.link:hover{ color:var(--amarelo); }
button.mini{ margin:0; padding:5px 10px; font-size:.8rem; background:var(--superficie);
  border:1px solid var(--linha); color:var(--azul); font-weight:500; }
button.mini:hover{ border-color:var(--azul-3); }
.botao{ display:inline-block; margin-top:8px; padding:8px 16px; background:var(--amarelo);
  color:#1b1f22; border-radius:6px; text-decoration:none; font-weight:700; font-size:.9rem; }
.inline{ display:inline; }
.linha-form{ display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:12px; align-items:end; }
.linha-form label{ margin:0 0 4px; }
.linha-form button{ margin:0; }
@media (max-width:760px){ .linha-form{ grid-template-columns:1fr; } }

.alerta{ background:var(--erro-bg); color:var(--erro); border-radius:6px; padding:10px 14px;
  margin:10px 0; font-size:.92rem; }
.alerta.ok{ background:var(--ok-bg); color:var(--ok); }
.alerta.info{ background:var(--info-bg); color:var(--info); }
code.senha{ font-size:1.05rem; background:#fff; border:1px dashed var(--ok); padding:2px 8px; border-radius:4px; user-select:all; }

.tag{ display:inline-block; font-size:.72rem; font-weight:700; padding:2px 10px; border-radius:999px; }
.tag.ativo{ background:var(--ok-bg); color:var(--ok); }
.tag.inativo{ background:var(--erro-bg); color:var(--erro); }
.tag.pendente{ background:#fdf0e4; color:#b4540a; }
.tag.embreve{ background:var(--info-bg); color:var(--info); }

.tblwrap{ overflow-x:auto; background:var(--superficie); border:1px solid var(--linha);
  border-radius:8px; margin-top:16px; }
table{ border-collapse:collapse; width:100%; font-size:.92rem; }
th{ text-align:left; font-size:.75rem; letter-spacing:.07em; text-transform:uppercase;
  color:var(--ink-2); border-bottom:2px solid var(--linha); padding:12px 14px 8px; white-space:nowrap; }
td{ border-bottom:1px solid var(--linha); padding:10px 14px; vertical-align:top; }
tr:last-child td{ border-bottom:0; }
td.acoes{ white-space:nowrap; } td.acoes form{ margin-right:6px; }

.mono{ font-family:Consolas,ui-monospace,monospace; font-variant-numeric:tabular-nums; }
.acoes-jiga{ display:flex; align-items:center; gap:14px; margin-top:6px; }
.grava-log{ margin-left:8px; font-size:.85rem; }
td.acoes{ white-space:nowrap; }

footer{ text-align:center; color:var(--ink-3); font-size:.78rem; padding:24px; }
:focus-visible{ outline:2px solid var(--azul-3); outline-offset:2px; }