.monitor-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.monitor-tabs a{padding:10px 14px;border-radius:8px;background:white;border:1px solid var(--line)}.monitor-tabs .badge{margin-left:auto}.monitor-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;color:var(--muted)}.monitor-status small{display:block;margin-top:5px}.control-hero{background:linear-gradient(120deg,#153f36,#246852);border-radius:13px;padding:30px;color:#f3fff8;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.control-hero h2{font-size:25px;margin:0 0 10px}.control-hero p{margin:6px 0;color:#c9e5d6}.control-hero .eyebrow{color:#96c7b2;margin:0 0 10px}.control-hero small{color:#c9e5d6}.group-chips{display:flex;gap:10px;flex-wrap:wrap}.group-chips a{border:1px solid #cfe6da;padding:12px 18px;border-radius:8px;background:#f4faf6;font-weight:600}.problem-line{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:13px;align-items:flex-start}.problem-line p{margin:7px 0}.state,.severity{padding:6px 9px;border-radius:5px;display:inline-block;font-size:12px;white-space:nowrap}.state-available,.sev-0{color:#07734e;background:#e1f4e9}.state-unavailable,.sev-5{color:#a52236;background:#ffe4e9}.state-unknown,.state-disabled{color:#65746c;background:#edf1ee}.sev-0{color:#697780;background:#ecf0f2}.sev-1{color:#346ca0;background:#e8f2fc}.sev-2{color:#8b7000;background:#fff9d9}.sev-3{color:#ac6418;background:#fff0dc}.sev-4{color:#ba4530;background:#ffe9e0}.green{color:#087f68}.red{color:#b93249}.monitor-filters{margin-bottom:20px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.metric-value{padding:15px 0;border-top:1px solid var(--line)}.metric-value span,.metric-value strong,.metric-value small{display:block}.metric-value strong{font-size:24px;margin:9px 0}.metric-value strong small{display:inline;font-size:14px}.metric-chart{width:100%;max-height:250px;margin-top:15px}.monitor-stats .card{min-width:0}@media(max-width:700px){.control-hero{padding:22px;display:block}.control-hero .badge,.control-hero .state{margin-top:15px}.monitor-tabs .badge{margin-left:0}.monitor-status{align-items:flex-start}.monitor-status strong{display:block}.metric-grid{grid-template-columns:1fr;gap:0}.problem-line{flex-direction:column}.monitor-tabs a{font-size:12px;padding:9px 11px}.monitor-filters select{max-width:none}.monitor-stats strong{font-size:28px}}