/* SolidIce Status — isolated page component */
.si-status{--si-good:#19d7bc;--si-warn:#ff9d00;--si-bad:#ff4057;--si-unknown:#95a8b9;color:#f1f8ff;max-width:1160px;margin:0 auto;padding:12px 0 60px}
.si-status *{box-sizing:border-box}
.si-status__intro{color:#a9bfd2;margin:0 0 34px;font-size:1rem}
.si-status__heading{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:0 0 22px}
.si-status__legend{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:30px}
.si-status__legend-item{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.94rem}
.si-status__dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--si-unknown)}
.si-status__dot[data-state="operational"]{background:var(--si-good)}
.si-status__dot[data-state="partial"]{background:var(--si-warn)}
.si-status__dot[data-state="outage"]{background:var(--si-bad)}
.si-status__legend-item--good{color:var(--si-good)}
.si-status__legend-item--warn{color:var(--si-warn)}
.si-status__legend-item--bad{color:var(--si-bad)}
.si-status__services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 42px}
.si-status__service{background:#0c2031;border:1px solid #243e54;border-radius:13px;padding:23px;min-width:0}
.si-status__service-top{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.si-status__service-name{margin:0;font-size:1.2rem}
.si-status__state{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--si-unknown);font-size:.9rem}
.si-status__state[data-state="operational"]{color:var(--si-good)}
.si-status__state[data-state="partial"]{color:var(--si-warn)}
.si-status__state[data-state="outage"]{color:var(--si-bad)}
.si-status__service-desc{color:#a9bfd2;margin:12px 0 0;line-height:1.55}
.si-status__lookup{max-width:650px}
.si-status__lookup h3{margin:0 0 15px;font-size:1.3rem}
.si-status__lookup-form{display:flex;gap:10px;flex-wrap:wrap}
.si-status__lookup-input{flex:1;min-width:210px;background:#151d29;color:#f1f8ff;border:1px solid #30435a;border-radius:8px;padding:13px 15px;font:inherit}
.si-status__lookup-input::placeholder{color:#94a8bc}
.si-status__button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:12px 20px;min-height:47px;background:#67d9ff;color:#07111e;font:inherit;font-weight:700;cursor:pointer}
.si-status__button:disabled{opacity:.55;cursor:not-allowed}
.si-status__note,.si-status__updated,.si-status__result{color:#a9bfd2;font-size:.91rem;line-height:1.6}
.si-status__updated{margin:0 0 18px}
.si-status__result{margin-top:14px;overflow-wrap:anywhere}
.si-status__result[hidden]{display:none}
.si-status__service p,.si-status__lookup p{max-width:none}
@media(max-width:720px){.si-status__services{grid-template-columns:1fr}.si-status__service{padding:19px}.si-status__lookup-form{flex-direction:column}.si-status__lookup-input,.si-status__button{width:100%}}

.si-status__details{margin-top:16px;border-top:1px solid #243e54;padding-top:12px;color:#a9bfd2}
.si-status__details summary{cursor:pointer;color:#67d9ff;font-weight:600}
.si-status__checks{display:grid;gap:10px;margin-top:15px}
.si-status__check{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.91rem}
.si-status__lookup[hidden]{display:none}
