/* ===== DocSite v2 — Modern CSS ===== */
:root{
  --bg:#0b1320; --card:#0f172a; --muted:#94a3b8; --text:#e2e8f0; --border:#1f2a44;
  --brand:#60a5fa; --brand-2:#7dd3fc; --ok:#34d399; --warn:#fbbf24; --bad:#f87171;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(180deg,#0b1320 0%,#0b1320 60%,#0e1627 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:inherit}
.container{max-width:1200px;margin:24px auto;padding:0 16px}
.nav{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:16px;padding:12px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.nav .title{display:flex;align-items:center;gap:10px;font-weight:700}
.badge{font-size:.8rem;color:#0b1320;background:linear-gradient(90deg,var(--brand),var(--brand-2));padding:.25rem .6rem;border-radius:999px}
.grid{display:grid;grid-template-columns:340px 1fr;gap:16px;margin-top:16px}
@media(max-width:980px){.grid{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:16px;padding:16px}
.card h2{margin:.2rem 0 1rem 0;font-size:1.1rem}
.sidebar .section + .section{margin-top:12px}
hr{border:none;border-top:1px solid var(--border);margin:12px 0}
input,textarea,select{width:100%;background:#0b1425;border:1px solid var(--border);color:var(--text);padding:.7rem;border-radius:12px}
textarea{min-height:200px}
.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:#0b1425;padding:.6rem .9rem;border-radius:12px;cursor:pointer}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none;color:#0b1320;font-weight:700}
.btn.ghost{background:transparent}
.btn.danger{background:#2a0c0f;border-color:#4a1c22;color:#ffd5d8}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi .box{border:1px solid var(--border);border-radius:14px;padding:12px;background:#0b1425}
.kpi .num{font-size:1.6rem;font-weight:800}
.progress{height:10px;background:#0b1425;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--brand));width:0}
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{border-top:1px solid var(--border);padding:10px;vertical-align:top}
.table th{font-weight:600;color:var(--muted);text-align:left}
.status{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border);font-size:.8rem}
.status[data-s="Pendente"]{background:rgba(251,191,36,.08);color:#fbbf24;border-color:#f59e0b}
.status[data-s="Em Desenvolvimento"]{background:rgba(96,165,250,.12);color:#93c5fd;border-color:#60a5fa}
.status[data-s="Concluído"]{background:rgba(52,211,153,.12);color:#6ee7b7;border-color:#34d399}
.flex{display:flex;gap:10px;align-items:center}
.right{display:flex;gap:8px;justify-content:flex-end}
.small{color:var(--muted);font-size:.85rem}
pre,code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace}
pre{background:#0b1425;border:1px solid var(--border);padding:12px;border-radius:12px;overflow:auto}
.footer{margin:16px auto;color:var(--muted);text-align:center}
.tag{display:inline-block;padding:.2rem .5rem;border:1px solid var(--border);border-radius:999px;font-size:.75rem;color:var(--muted)}
.toolbar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.search{flex:1}