/* Dashboard viewer shell */
:root{
  --ink:#0B1220; --muted:#5B6675; --line:#E7E9EE; --bg:#F1F2F5;
  --blue:#1D4ED8; --blue-tint:#EEF3FF; --green:#15803D; --amber:#B45309;
  --sans:'Plus Jakarta Sans',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{ box-sizing:border-box; }
body{ margin:0; font-family:var(--sans); background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; }
a{ text-decoration:none; color:inherit; }

.dbar{
  position:sticky; top:0; z-index:30; background:rgba(255,255,255,.86); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line); display:flex; align-items:center; gap:22px;
  padding:0 clamp(16px,4vw,40px); height:62px;
}
.dbar .brand{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:17px; letter-spacing:-.02em; }
.dbar .mark{ width:28px; height:28px; border-radius:8px; flex:none; background:linear-gradient(135deg,var(--blue),#1FA34E 140%); display:grid; place-items:center; color:#fff; }
.dbar .mark svg{ width:16px; height:16px; }
.back{ display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:600; color:var(--muted); }
.back:hover{ color:var(--blue); }
.back svg{ width:16px; height:16px; }
.divr{ width:1px; height:24px; background:var(--line); }

.tabs{ display:flex; gap:4px; margin-left:auto; background:#F4F5F7; border:1px solid var(--line); border-radius:999px; padding:4px; }
.tabs a{ font-size:13.5px; font-weight:600; padding:7px 15px; border-radius:999px; color:var(--muted); transition:.15s; white-space:nowrap; }
.tabs a:hover{ color:var(--ink); }
.tabs a.active{ background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(13,22,38,.12); }
.tabs a.active.pub{ color:var(--green); }
.tabs a.active.gov{ color:var(--blue); }
.tabs a.active.ven{ color:var(--amber); }

.dcaption{ max-width:1322px; margin:26px auto 0; padding:0 clamp(16px,4vw,40px); }
.dcaption .role{ font-family:var(--mono); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; font-weight:500; }
.dcaption.pub .role{ color:var(--green); }
.dcaption.gov .role{ color:var(--blue); }
.dcaption.ven .role{ color:var(--amber); }
.dcaption h1{ font-size:26px; letter-spacing:-.02em; margin:7px 0 6px; }
.dcaption p{ font-size:14.5px; color:var(--muted); margin:0; max-width:680px; line-height:1.55; }

.shot-wrap{ max-width:1322px; margin:22px auto 60px; padding:0 clamp(16px,4vw,40px); }
.shot{ border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 30px 70px -34px rgba(13,22,38,.3); background:#fff; }
.shot img{ display:block; width:100%; }

@media (max-width:680px){
  .dbar{ gap:12px; flex-wrap:wrap; height:auto; padding-block:10px; }
  .tabs{ margin-left:0; width:100%; justify-content:center; }
}