.status-page{display:flex;flex-direction:column;gap:20px}.status-hero{display:flex;align-items:center;gap:20px;padding:20px 0}.status-hero img{width:72px;height:72px}.status-hero h1{margin:0 0 8px}.status-hero p{margin:0;color:var(--text-muted)}.status-actions{display:flex;gap:12px;flex-wrap:wrap}.status-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--border)}.status-summary div{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-right:1px solid var(--border)}.status-summary div:last-child{border-right:none}.status-summary strong{font-size:28px}.status-summary span{color:var(--text-muted);font-size:13px}.health-summary{border-top:none}.status-error{color:#d03050}.status-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;align-items:end;grid-gap:16px;gap:16px;padding:16px}.status-filters label{display:flex;flex-direction:column;gap:6px}.status-filters label span,.status-result-count{color:var(--text-muted);font-size:13px}.status-filters input,.status-filters select{width:100%;height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.status-result-count{padding-bottom:10px;white-space:nowrap}.status-routes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.status-routes li{display:flex;flex-direction:column;gap:12px;padding:16px}.status-route-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px}.status-route-head img{width:30px;height:30px}.status-route-head div{min-width:0}.status-route-head div>span,.status-route-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-route-head div>span{margin-top:2px;color:var(--text-muted);font-size:12px}.status-badge{padding:4px 8px;border-radius:999px;font-size:12px}.status-badge.available{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}.status-badge.ok{background:color-mix(in srgb,#18a058 12%,var(--surface));color:#18a058}.status-badge.degraded{background:color-mix(in srgb,#f0a020 14%,var(--surface));color:#b56b00}.status-badge.error,.status-badge.offline{background:color-mix(in srgb,#d03050 12%,var(--surface));color:#d03050}.status-route-meta{display:flex;gap:8px;flex-wrap:wrap}.status-route-meta span{padding:4px 8px;border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:12px}.status-routes p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.5}.status-routes a{color:var(--accent);word-break:break-all;font-size:13px}.status-offline-message{color:#d03050;font-size:13px}@media (max-width:768px){.status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.status-summary div:nth-child(2){border-right:none}.status-summary div:nth-child(-n+2){border-bottom:1px solid var(--border)}.status-filters{grid-template-columns:1fr;align-items:stretch}.status-result-count{padding-bottom:0}}