/* deploy-impact — phone-width-first dashboard */
:root { --ink:#1a1a1a; --paper:#ffffff; --accent:#0b5fff; --danger:#cc0000; --warn:#a16000; --success:#2e7d32; }
* { box-sizing: border-box; }
body { margin:0; font-family:system-ui, sans-serif; color:var(--ink); background:var(--paper);
       line-height:1.5; }
main { max-width:100%; padding:1rem; }
a { color:var(--accent); }
a:focus-visible, button:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
.skip { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; white-space:nowrap; }
.skip:focus-visible { position:static; width:auto; height:auto; overflow:visible;
                      display:inline-block; padding:0.5rem 1rem; margin:0.5rem;
                      background:var(--paper); color:var(--ink); border:2px solid var(--accent); }
table { width:100%; border-collapse:collapse; margin:1rem 0; }
th, td { padding:0.5rem; text-align:left; border-bottom:1px solid #ddd; }
th { font-weight:600; }
caption { font-weight:600; margin-bottom:0.25rem; text-align:left; }
.empty { font-style:italic; color:#666; padding:2rem 0; }
.summary { font-weight:500; margin:0.25rem 0 0.5rem; padding:0.5rem 0.75rem;
           background:#f4f6f8; border-left:4px solid var(--accent); }
.ok { color:var(--success); font-style:italic; }
.degraded { color:var(--danger); font-weight:700; }
.status { display:inline-block; margin-top:0.5rem; }
@media (min-width: 48rem) { main { max-width:48rem; margin:0 auto; } }