.status-page{--status-green:var(--color-success);--status-line:color-mix(in srgb, var(--color-border) 76%, transparent);background:var(--color-surface)}.service-state__dot{position:relative;display:inline-block;width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:currentColor}.service-state__dot::after{position:absolute;border:1px solid currentColor;border-radius:inherit;content:"";inset:-5px;animation:status-signal-pulse 1.9s var(--ease-out) infinite}.status-services{padding-block:var(--page-start-space)}.status-services__heading{max-width:850px}.status-ledger{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.status-group+.status-group{border-block-start:1px solid var(--color-border)}.status-group__header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-8);background:var(--color-surface-soft)}.status-group__icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary-700)}.status-group__icon .icon{width:1.45rem;height:1.45rem}.status-group__header h2{color:var(--color-ink);font-size:var(--text-xl);font-weight:950;line-height:var(--leading-headline)}.status-group__header p{margin-block-start:var(--space-1);color:var(--color-muted);font-size:var(--text-sm)}.status-group__count{padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-xs);font-weight:900;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:var(--space-8)}.service-row{display:flex;min-width:0;min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-4);border-block-end:1px solid var(--status-line)}.service-row:nth-last-child(-n+2){border-block-end:0}.service-row:nth-child(odd){padding-inline-end:var(--space-8)}.service-row:nth-child(even){padding-inline-start:var(--space-8);border-inline-start:1px solid var(--status-line)}.service-row__name{min-width:0;color:var(--color-text);font-size:var(--text-sm);font-weight:800;line-height:1.6;overflow-wrap:anywhere;text-align:start}.service-row__states{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-2);direction:ltr}.service-state{display:inline-flex;min-height:28px;align-items:center;gap:7px;padding-inline:10px;border:1px solid color-mix(in srgb,var(--status-green) 28%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--status-green) 8%,transparent);color:var(--status-green);font-family:var(--font-family-heading);font-size:var(--text-micro);font-weight:900;line-height:1}.service-state--healthy .service-state__dot::after{animation-delay:650ms}.status-note{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:var(--space-5);margin-block-start:var(--space-8);padding:var(--space-6) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.status-note__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--status-green) 10%,transparent);color:var(--status-green)}.status-note h2{color:var(--color-ink);font-size:var(--text-md);font-weight:900}.status-note p{margin-block-start:var(--space-1);color:var(--color-muted);font-size:var(--text-sm);line-height:1.8}.status-note__link{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-sm);color:var(--color-primary-700);font-size:var(--text-sm);font-weight:850;white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast)}.status-note__link:hover{background:var(--color-primary-100)}.status-note__link .icon{width:1rem;height:1rem;transition:translate var(--transition-fast)}[dir="rtl"] .status-note__link:hover .icon{translate:-3px 0}[dir="ltr"] .status-note__link .icon{scale:-1 1}[dir="ltr"] .status-note__link:hover .icon{translate:3px 0}@keyframes status-signal-pulse{0%{opacity:.8;scale:.55}72%,100%{opacity:0;scale:1.55}}@media (max-width:767px){.status-group__header{grid-template-columns:48px minmax(0,1fr);padding-inline:var(--space-5)}.status-group__count{grid-column:2;justify-self:start}.service-grid{grid-template-columns:minmax(0,1fr);padding-inline:var(--space-5)}.service-row:nth-child(n){padding-inline:0;border-inline-start:0}.service-row:nth-last-child(2){border-block-end:1px solid var(--status-line)}.status-note{grid-template-columns:48px minmax(0,1fr);padding-inline:var(--space-5)}.status-note__link{grid-column:2;justify-self:start;padding-inline:0}}@media (max-width:520px){.status-ledger{margin-inline:calc(var(--gutter) * -0.35);border-radius:var(--radius-md)}.service-row{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding-block:var(--space-5)}.status-note{grid-template-columns:minmax(0,1fr)}.status-note__link{grid-column:1}}@media (prefers-reduced-motion:reduce){.service-state__dot::after{animation:none}.status-note__link .icon{transition:none}}