.api-health-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.api-health-summary article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.api-health-summary span{display:block;color:var(--muted);font-size:12px;font-weight:700}.api-health-summary strong{display:block;font-size:28px;margin-top:7px}.api-health-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:16px;margin-bottom:16px}.api-health-layout.lower{grid-template-columns:1fr 1fr}.health-source-row{padding:17px 18px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(190px,.9fr) minmax(300px,1.25fr) minmax(180px,.8fr);gap:16px;align-items:center}.health-source-row:first-child{border-top:0}.health-source-main>div{display:flex;align-items:center;gap:10px}.health-source-main strong{font-size:15px}.health-source-main small,.health-source-tail small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.health-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#f0f3f8;color:#66748b}.health-status i,.health-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.health-status.healthy{background:#e9f8f2;color:#11875e}.health-status.healthy i,.health-dot.healthy{background:var(--success)}.health-status.degraded{background:#fff4df;color:#a96c00}.health-status.degraded i,.health-dot.degraded{background:var(--warning)}.health-status.down{background:#feecec;color:#c63737}.health-status.down i,.health-dot.down{background:var(--danger)}.health-source-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-source-metrics span{border:1px solid var(--line);background:#f8faff;border-radius:12px;padding:10px}.health-source-metrics small,.api-health-runtime small{display:block;color:var(--muted);font-size:10px;font-weight:700}.health-source-metrics b{display:block;margin-top:4px}.health-source-tail .btn{margin-top:8px}.api-health-runtime{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.api-health-runtime>div{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fafcff}.api-health-runtime strong{display:block;font-size:22px;margin-top:5px}.health-timeline-row,.health-incident{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.health-timeline-row:first-child,.health-incident:first-child{border-top:0}.health-timeline-row small,.health-incident small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.health-dot{display:block}.health-incident code{font-size:10px;color:#66748b}.health-empty{padding:24px;color:var(--muted);text-align:center}.sidebar-nav{min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent}.sidebar-nav>.nav-link{flex:0 0 auto}.nav-group{display:grid;gap:4px}.nav-group-toggle{width:100%;border:0;background:transparent;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:10px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;text-align:left}.nav-group-toggle:hover{background:rgba(255,255,255,.06);color:#fff}.nav-group-toggle .nav-group-chevron{margin-left:auto;transition:transform .18s ease}.nav-group.open .nav-group-chevron{transform:rotate(180deg)}.nav-group-body{display:grid;gap:4px}.nav-group-body[hidden]{display:none}.nav-group .nav-link{padding:10px 12px 10px 14px;font-size:12px}.nav-group .nav-link i{font-size:16px}.nav-group.active>.nav-group-toggle{color:#fff;background:rgba(255,255,255,.06)}
@media(max-width:1199px){.api-health-layout,.api-health-layout.lower{grid-template-columns:1fr}.health-source-row{grid-template-columns:1fr}.api-health-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.api-health-summary{grid-template-columns:1fr 1fr}.health-source-metrics,.api-health-runtime{grid-template-columns:1fr 1fr}}@media(max-width:480px){.api-health-summary{grid-template-columns:1fr}.health-source-metrics,.api-health-runtime{grid-template-columns:1fr}}