:root{
  --sd-bg:#071520;
  --sd-surface:#0b1d2a;
  --sd-surface-2:#102635;
  --sd-panel:#0a1b28;
  --sd-border:rgba(128,177,204,.14);
  --sd-border-2:rgba(128,177,204,.24);
  --sd-text:#eaf5fb;
  --sd-soft:#9cb9c8;
  --sd-accent:#45ddde;
  --sd-accent-2:#46a4ff;
  --sd-good:#76dfbf;
  --sd-warn:#f6cb67;
  --sd-danger:#ff8f8f;
}

/* serious homepage dashboard */
.di3-dashboard.serious,
.px-hero-console.serious,
.px-shell.serious{
  background:linear-gradient(180deg,#081621 0%,#06111a 100%);
  border:1px solid var(--sd-border-2);
  box-shadow:0 28px 90px rgba(0,0,0,.45);
}
.serious .di3-dash-top,
.px-hero-console.serious .px-console-head,
.px-shell.serious .px-topbar{
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.serious .di3-dash-main{gap:14px}
.serious .di3-kpis{grid-template-columns:repeat(6,minmax(0,1fr));}
.serious .di3-kpis article{padding:14px 14px 12px;background:linear-gradient(180deg,#0a2230,#091a26)}
.serious .di3-kpis article b{font-size:1.55rem}
.serious .di3-kpis article small{display:block;color:#8fb7c6;font-size:.72rem;margin-top:6px}
.serious .di3-kpis article i{height:6px;margin:10px 0 0}
.serious .di3-kpis article i::after{width:var(--fill,72%)}
.serious .di3-dash-panels{grid-template-columns:1.3fr .9fr}
.serious .di3-dash-lower{grid-template-columns:1fr 1fr}

.sd-chart,
.sd-table,
.sd-stack,
.sd-map,
.sd-trend,
.sd-feed,
.sd-metric-list{
  background:linear-gradient(180deg, rgba(9,28,41,.98), rgba(7,20,31,.98));
  border:1px solid var(--sd-border);
  border-radius:22px;
  padding:16px;
}
.sd-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.sd-header b{color:#fff;font-size:1rem}
.sd-header span{color:var(--sd-soft);font-size:.78rem}
.sd-chart svg{width:100%;height:240px;display:block;border-radius:18px;background:linear-gradient(180deg,#081521,#091b29);border:1px solid rgba(120,170,198,.12)}
.sd-axis{stroke:rgba(128,177,204,.18);stroke-width:1}
.sd-grid{stroke:rgba(128,177,204,.10);stroke-width:1}
.sd-line-a{fill:none;stroke:#45ddde;stroke-width:3}
.sd-line-b{fill:none;stroke:#46a4ff;stroke-width:3;stroke-dasharray:5 5}
.sd-area-a{fill:url(#areaA)}
.sd-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.sd-legend span{display:flex;align-items:center;gap:8px;color:#b9d0dc;font-size:.78rem}
.sd-legend i{width:16px;height:4px;border-radius:999px;display:inline-block;background:#45ddde}
.sd-legend i.forecast{background:#46a4ff}

.sd-metric-list{display:grid;gap:10px}
.sd-metric-list div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(128,177,204,.08)}
.sd-metric-list b{color:#fff;font-size:.9rem}
.sd-metric-list small{display:block;color:var(--sd-soft);margin-top:2px}
.sd-metric-list span{color:#dff4fb;font-weight:700}

.sd-table table{width:100%;border-collapse:collapse}
.sd-table th,.sd-table td{padding:10px 0;text-align:left;border-bottom:1px solid rgba(128,177,204,.10);font-size:.82rem}
.sd-table th{color:#8fb7c6;font-weight:600}
.sd-table td{color:#e6f1f6}
.sd-table .status{display:inline-flex;padding:5px 10px;border-radius:999px;border:1px solid rgba(118,223,191,.26);color:#7fe0c0;background:rgba(118,223,191,.08);font-size:.73rem;font-weight:700}
.sd-table .warn{border-color:rgba(246,203,103,.26);color:#f6cb67;background:rgba(246,203,103,.08)}

.sd-stack .row{display:grid;grid-template-columns:1.2fr 2fr auto;gap:12px;align-items:center;margin:10px 0}
.sd-stack .label{color:#dcecf3;font-size:.82rem}
.sd-stack .bar{position:relative;height:12px;background:rgba(96,123,138,.18);border-radius:999px;overflow:hidden}
.sd-stack .bar i{position:absolute;inset:0 auto 0 0;height:100%}
.sd-stack .bar .a{background:#45ddde}
.sd-stack .bar .b{background:#46a4ff;opacity:.8}
.sd-stack .bar .c{background:#76dfbf;opacity:.65}
.sd-stack .val{color:#fff;font-size:.78rem;font-weight:700}

.sd-map{min-height:230px}
.sd-map .ellipse{height:120px;border-radius:999px;border:1px dashed rgba(112,172,205,.16);position:relative;background:radial-gradient(circle at 50% 50%, rgba(69,221,222,.16), rgba(69,221,222,.03) 45%, transparent 46%)}
.sd-map .dot{position:absolute;width:9px;height:9px;border-radius:999px;background:#5bf0da;box-shadow:0 0 14px rgba(91,240,218,.5)}
.sd-map .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.sd-map .stats div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(128,177,204,.08)}
.sd-map .stats b{display:block;color:#fff;font-size:1.25rem}
.sd-map .stats small{color:var(--sd-soft);font-size:.74rem}

.sd-feed{display:grid;gap:10px}
.sd-feed .item{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid rgba(128,177,204,.08)}
.sd-feed .item b{display:block;color:#fff;font-size:.88rem;margin-bottom:3px}
.sd-feed .item p{margin:0;color:#b4ced9;font-size:.78rem;line-height:1.45}
.sd-feed .item span{white-space:nowrap;color:#8ce6d2;font-size:.72rem;font-weight:700}

/* stronger dashboard page hero */
.px-hero-console.serious{padding:18px;border-radius:28px;display:grid;gap:14px}
.px-hero-console.serious .px-console-head{padding:0 0 12px;border-bottom:1px solid rgba(128,177,204,.12)}
.px-hero-console.serious .px-console-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.px-hero-console.serious .px-console-kpis div{padding:14px;border-radius:18px;background:linear-gradient(180deg,#0b2231,#081824);border:1px solid var(--sd-border)}
.px-hero-console.serious .px-console-kpis small{display:block;color:#8fb7c6;font-size:.72rem;margin-bottom:8px}
.px-hero-console.serious .px-console-kpis strong{display:block;color:#fff;font-size:1.55rem;letter-spacing:-.04em}
.px-hero-console.serious .px-console-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.px-hero-console.serious .px-console-foot{display:flex;justify-content:space-between;gap:12px;padding-top:6px;color:#9ebaca}
.px-mini-table table{width:100%;border-collapse:collapse}
.px-mini-table th,.px-mini-table td{padding:9px 0;border-bottom:1px solid rgba(128,177,204,.10);font-size:.78rem;text-align:left}
.px-mini-table th{color:#8fb7c6}
.px-mini-table td{color:#eaf5fb}
.px-mini-table .up{color:#7fe0c0}
.px-mini-table .watch{color:#f6cb67}

/* mission control shell stronger */
.px-shell.serious{padding:18px 18px 20px;border-radius:30px}
.px-shell.serious .px-topbar{border-bottom:1px solid rgba(128,177,204,.12);padding-bottom:14px;margin-bottom:14px}
.px-shell.serious .px-panel{background:linear-gradient(180deg,#091c29,#081723);border:1px solid var(--sd-border);border-radius:22px}
.px-shell.serious .px-panel-head{padding:16px 16px 0}
.px-shell.serious .px-panel-body{padding:14px 16px 16px}
.px-shell.serious .px-grid{gap:14px}

@media (max-width: 1180px){
 .serious .di3-kpis,.px-hero-console.serious .px-console-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .serious .di3-dash-panels,.px-hero-console.serious .px-console-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
 .serious .di3-kpis,.px-hero-console.serious .px-console-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .serious .di3-dash-lower{grid-template-columns:1fr}
}