.status-backdrop { position:absolute; inset:0; z-index:-2; background:url('./assets/lum-wallpaper.jpg') center/cover no-repeat; }
.status-backdrop::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(245,250,254,.18),rgba(245,250,254,.5) 24%,rgba(245,250,254,.89) 45%,rgba(245,250,254,.91)); }
.status-intro { padding:38px 0 42px; }
.status-intro h1 { font:400 clamp(32px,4.2vw,60px)/1.35 var(--art); letter-spacing:-1.5px; margin:15px 0 18px; }
.status-intro h1 span { font-size:.48em; letter-spacing:-.5px; color:var(--muted); }
.intro-note { font-size:12px; letter-spacing:2px; margin:0; }
.status-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.status-tabs { display:flex; gap:32px; }
.status-tabs a { position:relative; padding:20px 0; color:var(--muted); font-size:12px; }
.status-tabs span { margin-left:10px; font:10px var(--mono); letter-spacing:1.2px; }
.status-tabs a[aria-current] { color:var(--ink); }
.status-tabs a[aria-current]::after { content:''; position:absolute; height:2px; bottom:-1px; left:0; right:0; background:var(--blue); }
.verdict { display:flex; align-items:center; gap:9px; font-size:11px; }
.verdict b { font-weight:500; }
.dot { width:5px; height:5px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 3px rgba(38,112,87,.09); }
.verdict.bad .dot { background:var(--blue); }
/* Loading or failed checks use a neutral blue marker, never a healthy green one. */
.shell:not(:has(#checks > div,.job)) .dot,
.shell:has(#checks .warn,.st.fail) .dot { background:var(--blue); box-shadow:0 0 0 3px rgba(33,108,186,.1); }
.report-meta { display:flex; justify-content:space-between; gap:24px; padding:13px 0 32px; font:10px/1.7 var(--mono); color:var(--muted); }
.report-meta p { margin:0; }
.section-label em { margin-left:auto; font:400 11px var(--sans); font-style:normal; letter-spacing:1px; }
.health-layout,.board-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:7%; padding:0 0 54px; }
.health-aside,.archive-section { border-left:1px solid var(--line); padding-left:44px; }
.chk { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); column-gap:24px; }
.chk > div { border-bottom:1px solid var(--line); padding:13px 0; font:12px/1.65 var(--mono); overflow-wrap:anywhere; }
.chk > div:nth-child(even) { text-align:right; color:var(--ok); font-size:11px; }
.chk > div.warn { color:var(--blue); }
.sub { font:10px/1.8 var(--mono); color:var(--muted); margin:0; letter-spacing:.4px; }
.lum-kpi { display:flex; flex-wrap:wrap; gap:28px; margin:18px 0 24px; }
.lum-kpi > div { font:10px/1.6 var(--mono); letter-spacing:1.4px; color:var(--muted); }
.lum-kpi b { display:block; font:400 clamp(16px,1.7vw,25px)/1.6 var(--art); color:var(--ink); letter-spacing:-.7px; }
.meter { margin-top:20px; }
.meter span { display:flex; justify-content:space-between; gap:16px; font:10px/1.5 var(--mono); color:var(--muted); letter-spacing:1px; }
.meter i { font-style:normal; }
.lum-bar { height:2px; background:rgba(29,85,127,.15); margin:10px 0; overflow:hidden; }
.lum-bar i { display:block; height:100%; width:var(--v,0%); background:linear-gradient(90deg,var(--ink),var(--blue),#90caee); }
.history-section { margin-top:34px; padding-top:26px; border-top:1px solid var(--line); }
.history-data { display:grid; grid-template-columns:1fr; gap:16px; }
.grid90 { display:grid; grid-template-columns:repeat(30,1fr); gap:3px; }
.grid90 i { display:block; aspect-ratio:1; background:#68a58d; }
.grid90 i.bad { background:var(--blue); }
.grid90 i.empty { background:rgba(29,85,127,.1); }
.rate { font:400 26px/1.5 var(--art); letter-spacing:-1px; }
.rate small { font:12px var(--mono); }
.board-layout { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); }
.job { padding:16px 0; border-bottom:1px solid var(--line); }
.job:first-child { padding-top:0; }
.job .r1 { display:flex; align-items:baseline; gap:20px; }
.job .nm { flex:1; min-width:0; font:12px/1.6 var(--mono); overflow-wrap:anywhere; }
.job .iv { font:10px var(--mono); color:var(--muted); min-width:26px; }
.job .st { font:10px var(--mono); color:var(--ok); text-align:right; }
.job .st.pending { color:var(--muted); }
.job .st.fail { color:var(--blue); }
.job .r2 { display:flex; align-items:center; gap:18px; margin-top:9px; font:10px var(--mono); color:var(--muted); }
.job .lr { min-width:100px; }
.job .lum-bar { flex:1; margin:0; height:1px; }
.job .pct { min-width:30px; text-align:right; }
.archive-kpi { flex-direction:column; gap:24px; margin-top:32px; }
.archive-kpi b { font-size:34px; }
.archive-caption { font-size:12px; color:var(--muted); line-height:2; margin-top:42px; }
@media(min-width:1600px) { .status-intro { padding-top:50px; padding-bottom:54px; } }
@media(max-width:1000px) { .health-layout,.board-layout { gap:5%; } .health-aside,.archive-section { padding-left:24px; } .lum-kpi { gap:18px; } .chk { column-gap:16px; } .chk>div { font-size:11px; } .section-label { letter-spacing:1.4px; gap:10px; } .section-label em { display:none; } }
@media(max-width:700px) {
  .status-backdrop { background-position:62% top; }
  .status-backdrop::after { background:linear-gradient(180deg,rgba(245,250,254,.45),rgba(245,250,254,.9) 36%); }
  .status-intro { padding:32px 0; }
  .status-intro h1 { font-size:36px; letter-spacing:-1px; }
  .status-intro h1 span { display:block; font-size:17px; margin-top:5px; letter-spacing:0; }
  .intro-note { font-size:11px; letter-spacing:1px; }
  .status-tabs { gap:22px; }
  .status-tabs a { padding:16px 0; }
  .status-tabs span { display:none; }
  .status-toolbar { gap:12px; }
  .report-meta { flex-direction:column; gap:4px; padding:16px 0 28px; font-size:9px; }
  .health-layout,.board-layout { display:block; padding-bottom:36px; }
  .health-aside,.archive-section { border-left:0; padding:30px 0 0; margin-top:32px; border-top:1px solid var(--line); }
  .section-label { margin-bottom:22px; }
  .section-label em { display:inline; }
  .chk { column-gap:18px; }
  .chk > div { font-size:11px; padding:12px 0; }
  .chk > div:nth-child(even) { font-size:10px; }
  .lum-kpi { justify-content:space-between; gap:16px; }
  .lum-kpi b { font-size:20px; }
  .grid90 { grid-template-columns:repeat(18,1fr); }
  .archive-kpi { flex-direction:row; }
  .archive-kpi b { font-size:24px; }
  .archive-caption { margin-top:24px; }
  .job .r1 { gap:12px; }
  .job .nm { font-size:11px; }
  .job .st { font-size:9px; }
}