/* HoloInvestor · sidestil for body[data-page="status"].
   Lenkes bare fra status.html, rett etter style.css.
   Regler som flere sider bruker, ligger i components.css. */

/* HoloInvestor — sidespesifikke regler. Scopes med body[data-page="…"] når sidene får det (Fase B);
   inntil da lever de gamle sidespesifikke klassene her. */

/* Driftsstatus (status.html): 2 px kant etter nivå */

.status-green { border-left: 2px solid var(--gain); }

.status-yellow { border-left: 2px solid var(--gold); }

.status-red { border-left: 2px solid var(--loss); }

/* ===== Driftsstatus ===== */

body[data-page="status"] #status-level { margin-bottom: var(--s4); background: none; border: 0; border-left-width: 2px; border-left-style: solid; border-radius: 0; padding: var(--s2) var(--s4); font-family: var(--font-mono); }

body[data-page="status"] #status-level strong { font-weight: 500; }

body[data-page="status"] #status-level.status-green { border-left-color: var(--gain); }

body[data-page="status"] #status-level.status-yellow { border-left-color: var(--gold); }

body[data-page="status"] #status-level.status-red { border-left-color: var(--loss); }

body[data-page="status"] .table td code { font-size: 0.85rem; }