:root{--color-blue-950:#071b2f;--color-blue-900:#0b2945;--color-blue-700:#164b73;--color-mint-400:#59e0bd;--color-mint-200:#a5f3df;--color-neutral-50:#f7f9fb;--color-neutral-100:#eef2f5;--color-neutral-500:#647384;--color-neutral-900:#17212b;--color-focus:#59e0bd;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-md:.75rem;--shadow-card:0 .75rem 2rem #071b2f1f;color:var(--color-neutral-900);background:var(--color-neutral-100);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-neutral-100);min-width:20rem}body{min-width:20rem;min-height:100vh;margin:0}a:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.app-shell{background:var(--color-neutral-100);min-height:100vh}.app-header{padding:var(--space-4);color:var(--color-neutral-50);background:var(--color-blue-950)}.brand{gap:var(--space-3);color:inherit;align-items:center;text-decoration:none;display:inline-flex}.brand h1{margin:0;font-size:1.25rem}.brand-mark{width:2.25rem;height:2.25rem;color:var(--color-blue-950);background:var(--color-mint-400);border-radius:50%;place-items:center;font-weight:800;display:grid}.app-navigation{padding:0 var(--space-4);color:var(--color-neutral-50);background:var(--color-blue-900);overflow-x:auto}.app-navigation ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.app-navigation a{padding:var(--space-4) var(--space-3);color:inherit;white-space:nowrap;font-weight:650;text-decoration:none;display:block}.app-navigation a:hover{color:var(--color-mint-200)}main{width:100%;max-width:72rem;padding:var(--space-6) var(--space-4);margin:0 auto}.overview{min-width:0;padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-neutral-50);box-shadow:var(--shadow-card);border:1px solid #6473843d}.overview h2{margin:var(--space-2) 0;color:var(--color-blue-950)}.overview__intro{color:var(--color-neutral-500)}.section-heading{margin:var(--space-8) 0 var(--space-3);color:var(--color-blue-950);font-size:1rem}.card-grid{gap:var(--space-4);min-width:0;display:grid}.status-card,.collector-card{min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-md);overflow-wrap:anywhere;border:1px solid #6473844d}.status-card__heading{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.status-card h4,.collector-card h4{color:var(--color-blue-950);margin:0;font-size:1.125rem}.freshness,.service-state,.collector-state{font-weight:750}.freshness--stale,.service-state--unknown,.collector-state--partial{color:#815600}.service-state--operational,.collector-state--succeeded{color:#14633f}.service-state--degraded,.service-state--major_outage,.service-state--critical_outage,.collector-state--failed,.collector-state--cancelled{color:#a02a2a}.status-card dl,.collector-card dl{gap:var(--space-3);margin-bottom:0;display:grid}.status-card dt,.collector-card dt{color:var(--color-neutral-500);text-transform:uppercase;font-size:.75rem;font-weight:700}.status-card dd,.collector-card dd{margin:var(--space-1) 0 0}.visually-supported-status{margin-bottom:0;font-size:.875rem}.eyebrow{color:var(--color-blue-700);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.fleet-page,.site-detail{min-width:0}.fleet-page h2,.site-detail h2,.fleet-site h3{color:var(--color-blue-950)}.fleet-filters{z-index:1;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-neutral-50);border:1px solid #6473843d;display:grid;position:sticky;top:0;box-shadow:0 .25rem 1rem #071b2f14}.fleet-filters label{gap:var(--space-1);color:var(--color-blue-950);font-size:.875rem;font-weight:700;display:grid}.fleet-filters select{min-width:0;padding:var(--space-3);border:1px solid var(--color-neutral-500);font:inherit;background:#fff;border-radius:.375rem}.fleet-filters select:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.125rem}.fleet-grid{gap:var(--space-4);display:grid}.fleet-site,.site-detail__group{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-neutral-50);box-shadow:var(--shadow-card);overflow-wrap:anywhere;border:1px solid #6473844d}.fleet-site__heading,.site-detail__heading{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.fleet-site h3,.site-detail h2{margin:var(--space-1) 0}.fleet-site a,.site-detail a{color:var(--color-blue-700);font-weight:700}.freshness-badge{padding:var(--space-1) var(--space-2);background:var(--color-neutral-100);border-radius:999px;font-size:.875rem;font-weight:800;display:inline-flex}.freshness-badge--fresh{color:#14633f}.freshness-badge--stale,.freshness-badge--unknown{color:#815600}.fleet-site__facts{gap:var(--space-3);margin:var(--space-4) 0;display:grid}.fleet-site__facts dt{color:var(--color-neutral-500);text-transform:uppercase;font-size:.75rem;font-weight:700}.fleet-site__facts dd{margin:var(--space-1) 0 0}.device-list,.host-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.device-summary,.host-list li{gap:var(--space-1);padding:var(--space-3);background:var(--color-neutral-100);border-radius:.375rem;display:grid}.site-detail__group{margin-top:var(--space-4);box-shadow:none}.site-detail__group h3{margin-top:0}.empty-state{padding:var(--space-8);text-align:center}.fleet-pagination{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.fleet-pagination label{gap:var(--space-2);align-items:center;display:inline-flex}@media (width>=40rem){.app-header,.app-navigation,main{padding-right:var(--space-8);padding-left:var(--space-8)}.overview{padding:var(--space-8)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.fleet-filters,.fleet-site__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.device-summary,.host-list li{grid-template-columns:2fr repeat(5,minmax(0,1fr));align-items:center}}@media (width>=64rem){.app-header,.app-navigation{padding-right:max(var(--space-8), calc((100vw - 72rem) / 2));padding-left:max(var(--space-8), calc((100vw - 72rem) / 2))}main{padding-top:3rem}}
