.service-status-backdrop{z-index:1600}
.service-status-modal{width:min(540px,100%);background:#fff;border-radius:16px;padding:28px;box-shadow:0 24px 80px #15234726;color:#25334a}
.service-status-modal .modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.service-status-modal h2{margin:0;font-size:21px;color:#17243b}
.service-status-modal .modal-heading p{margin:7px 0 0;color:#526177}
.service-status-modal .icon-button{font-size:24px;flex-shrink:0}
.service-status-summary{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#f2f5fc;border:1px solid #dce4f5;border-radius:10px}
.service-status-summary h3{margin:0 0 6px;font-size:17px;color:#1d304f}
.service-status-summary p{margin:0;font-size:14px;line-height:1.75;color:#40536c}
.service-status-indicator{width:10px;height:10px;border-radius:50%;background:#4665c5;flex-shrink:0;margin-top:7px}
.service-status-summary.healthy .service-status-indicator{background:#20754b}
.service-status-summary.error{background:#fff7f7;border-color:#eed2d2}
.service-status-summary.error .service-status-indicator{background:#b43d3d}
.service-status-summary.error h3{color:#8d3030}
.service-status-details{margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.service-status-details>div{padding:12px 0;border-bottom:1px solid #e7ebf1}
.service-status-details dt{font-size:13px;color:#58677b;margin-bottom:6px}
.service-status-details dd{margin:0;font-size:14px;font-weight:600;color:#26374e;overflow-wrap:anywhere}
.service-status-note{font-size:13px;line-height:1.8;color:#526177;margin:18px 0 22px}
.service-status-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px}
.service-status-modal button:focus-visible{outline:2px solid #3659d9;outline-offset:3px}
.service-status-modal button:disabled{opacity:.7;cursor:wait}
@media(max-width:480px){.service-status-modal{padding:22px 18px}.service-status-details{gap:0 14px}}