.maintenance-banner{background:#edf3f4;border-block:1px solid #c2d3d7;padding:.8rem 0;color:#173942;position:sticky;top:0;z-index:50;font-size:.95rem}
.maintenance-banner[data-urgent="true"]{background:#fff1cc;border-color:#dab660;color:#48380d}
.maintenance-banner[hidden]{display:none}
.maintenance-message{margin:0;max-width:80ch;line-height:1.5}
.maintenance-schedule{border-left:3px solid #49735d;padding:.6rem .9rem;margin:.75rem 0;background:#f3f7f4;border-radius:0 .35rem .35rem 0;color:#173942}
.maintenance-schedule[hidden]{display:none}
.maintenance-schedule-label{font-size:.82rem;font-weight:600;display:block;margin-bottom:.25rem}
.maintenance-schedule-details{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;line-height:1.5}
.maintenance-schedule-date,.maintenance-schedule-range{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.maintenance-schedule-meta{font-size:.85rem}
.maintenance-banner .maintenance-schedule{background:transparent;border-color:currentColor;margin-bottom:0}
@media(max-width:480px){.maintenance-schedule-meta{flex-basis:100%}.maintenance-schedule-range{white-space:normal}}
.recovery-status{margin:.7rem 0}.recovery-status [data-error="true"]{color:#992e26}
.recovery-offer{border:1px solid #c2d3d7;padding:.75rem;margin:.5rem 0;border-radius:.4rem}
.recovery-offer button{margin:.4rem .5rem 0 0}.recovery-status button{font:inherit}