.maintenance-dialog {
    box-sizing: border-box;
    width: min(474px, calc(100% - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 42px 36px 36px;
    border: 1px solid #f4f4f4;
    border-radius: 16px;
    background: #f4f4f4;
    color: #101729;
    text-align: center;
    box-shadow: 0 24px 80px #0006, inset 0 1px 0 #ffffff04;
}
.maintenance-dialog::backdrop {
    background: #030713d9;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.maintenance-icon { display: block; width: 56px; height: 56px; margin: 0 auto 23px; }
.maintenance-dialog h2 { margin: 0 0 14px; font-size: 21px; line-height: 1.5; font-weight: 700; }
.maintenance-dialog p { margin: 0; color: #949494; font-size: 14px; line-height: 1.8; }
.maintenance-actions { display: flex; gap: 12px; margin-top: 26px; }
.maintenance-actions button { min-height: 42px; border-radius: 8px; padding: 10px 18px; font-size: 14px; line-height: 1.5; }
.maintenance-refresh { flex: 1; border: 1px solid #3799ef; background: #3799ef; color: #fff; font-weight: 600; }
.maintenance-refresh:hover { background: #60b1f6; border-color: #60b1f6; }
.maintenance-later { border: 1px solid #253047; background: transparent; color: #101729; }
.maintenance-later:hover { background: #1b253a; color: #fff; }
.maintenance-actions button:focus-visible { outline: 2px solid #94cfff; outline-offset: 4px; }
@media (max-width: 480px) {
    .maintenance-dialog { padding: 32px 24px 28px; }
    .maintenance-actions { gap: 10px; }
    .maintenance-actions button { padding-inline: 14px; }
}