.service-status{border:1px solid var(--zf-hairline);border-inline-start:2px solid var(--sl-color-gray-4);border-radius:var(--zf-radius);background:color-mix(in oklch, var(--zf-rail) 2%, var(--sl-color-black));margin-block:1.5rem;transition:border-color .2s linear;overflow:hidden}.service-status[data-state=healthy]{border-inline-start-color:var(--zf-green)}.service-status[data-state=degraded],.service-status[data-state=unavailable]{border-inline-start-color:var(--sl-color-orange)}.service-status__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.15rem 1.35rem;display:flex}.service-status__summary{align-items:flex-start;gap:.85rem;min-width:0;display:flex}.service-status__headings{flex-direction:column;gap:.2rem;display:flex}.service-status__summary strong{color:var(--sl-color-white);font-family:var(--zf-font-display);font-size:var(--sl-text-lg);letter-spacing:-.01em;font-weight:600;line-height:1.3}.service-status__timestamp{color:var(--sl-color-gray-3);font-family:var(--zf-font-mono);font-variant-numeric:tabular-nums;font-size:.72rem}.service-status__indicator{background:var(--sl-color-gray-3);flex:none;width:.5rem;height:.5rem;margin-top:.45rem;position:relative}.service-status__indicator:before{content:"";color:var(--sl-color-gray-3);animation:2s cubic-bezier(.215,.61,.355,1) infinite zf-status-ring;position:absolute;inset:0;box-shadow:0 0 0 1px}[data-state=healthy] .service-status__indicator{background:var(--zf-green)}[data-state=healthy] .service-status__indicator:before{color:var(--zf-green)}[data-state=degraded] .service-status__indicator,[data-state=unavailable] .service-status__indicator{background:var(--sl-color-orange)}[data-state=degraded] .service-status__indicator:before{color:var(--sl-color-orange)}[data-state=unavailable] .service-status__indicator:before{content:none;animation:none}@keyframes zf-status-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.service-status__endpoint{border:1px solid var(--zf-hairline);border-radius:var(--zf-radius);background:color-mix(in oklch, var(--sl-color-gray-6) 50%, transparent);color:var(--sl-color-gray-2);font-family:var(--zf-font-mono);letter-spacing:.03em;flex:none;padding:.3rem .55rem;font-size:.72rem}.service-status__detail{color:var(--sl-color-gray-2);font-size:var(--sl-text-sm);margin:0;padding:0 1.35rem 1.15rem}.service-status__groups,.service-status__group+.service-status__group{border-top:1px solid var(--zf-hairline)}.service-status__group-heading{border-bottom:1px solid var(--zf-hairline);background:color-mix(in oklch, var(--sl-color-gray-6) 30%, transparent);justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 1.35rem;display:flex}.service-status h2.service-status__group-title{color:var(--sl-color-gray-3);font-family:var(--zf-font-display);letter-spacing:var(--zf-tracking-micro);text-transform:uppercase;border:none;align-items:center;gap:.55rem;margin:0;padding:0;font-size:.7rem;font-weight:600;display:flex}.service-status h2.service-status__group-title:before{content:"";background:var(--zf-rail);width:.55rem;height:.55rem;vertical-align:initial;margin:0;display:inline-block}.service-status__group-count{color:var(--sl-color-gray-3);font-family:var(--zf-font-mono);font-variant-numeric:tabular-nums;font-size:.72rem}.service-status__list{margin:0;padding:0;list-style:none;display:grid}.service-status__monitor{grid-template-columns:minmax(0,1fr) minmax(5rem,12rem) auto;align-items:center;gap:1.15rem;margin:0;padding:.8rem 1.35rem;transition:background .12s linear;display:grid}.service-status__monitor:hover{background:color-mix(in oklch, var(--sl-color-gray-6) 20%, transparent)}.service-status__monitor+.service-status__monitor{border-top:1px solid color-mix(in oklch, var(--zf-hairline) 55%, transparent)}.service-status__monitor-name{overflow-wrap:anywhere;color:var(--sl-color-gray-1);font-size:var(--sl-text-sm);font-weight:550}.service-status__meter{background:color-mix(in oklch, var(--sl-color-gray-5) 55%, transparent);height:3px;position:relative;overflow:hidden}.service-status__meter-fill{width:var(--zf-uptime,0%);background:var(--zf-green);position:absolute;inset-block:0;inset-inline-start:0}.service-status__monitor--degraded .service-status__meter-fill{background:var(--sl-color-orange)}.service-status__monitor-values{justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.service-status__uptime{min-width:9ch;color:var(--sl-color-gray-1);font-family:var(--zf-font-mono);font-variant-numeric:tabular-nums;text-align:end;font-size:.78rem}.service-status__monitor-state{border-radius:var(--zf-radius);font-family:var(--zf-font-mono);border:1px solid;padding:.16rem .5rem;font-size:.7rem;font-weight:500}.service-status__monitor-state--healthy{border-color:color-mix(in oklch, var(--zf-green) 30%, transparent);background:color-mix(in oklch, var(--zf-green) 10%, transparent);color:var(--zf-green)}.service-status__monitor-state--degraded{border-color:color-mix(in oklch, var(--sl-color-orange) 30%, transparent);background:color-mix(in oklch, var(--sl-color-orange) 10%, transparent);color:var(--sl-color-orange)}@media (width<=36rem){.service-status__endpoint{display:none}.service-status__monitor{grid-template-columns:minmax(0,1fr);gap:.45rem}.service-status__monitor-values{justify-content:space-between}.service-status__uptime{text-align:start;min-width:0}}@media (prefers-reduced-motion:reduce){.service-status__indicator:before{content:none;animation:none}}