.maintenance-popup {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(10, 16, 30, .24);
}
.maintenance-popup .maintenance-popup-header {
    padding: 20px 24px;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #e8eaf0;
}
.maintenance-content { padding: 24px; color: #172033; line-height: 1.6; }
.maintenance-intro { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.maintenance-intro p { margin: 0; font-size: 15px; }
.maintenance-icon {
    display: flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; flex-shrink: 0;
    border-radius: 14px; background: #fff3d0; color: #855b00;
}
.maintenance-schedule {
    display: grid; grid-template-columns: 1fr 1fr;
    background: #f5f6f9; border: 1px solid #e5e8ee; border-radius: 12px;
    margin-bottom: 20px;
}
.maintenance-slot { display: flex; flex-direction: column; gap: 6px; padding: 18px; }
.maintenance-slot + .maintenance-slot { border-left: 1px solid #e0e4eb; }
.maintenance-label { color: #626d80; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.maintenance-date { font-size: 13px; }
.maintenance-time { font-size: 23px; line-height: 1.3; }
.maintenance-time span { font-size: 12px; font-weight: 600; color: #626d80; }
.maintenance-content .maintenance-impact { margin: 0 0 8px; font-size: 14px; font-weight: 600; }
.maintenance-content .maintenance-thanks { margin: 0; color: #626d80; font-size: 14px; }
.maintenance-actions { width: 100%; padding: 16px 24px; display: flex; justify-content: flex-end; }
.maintenance-continue {
    padding: 12px 20px; border: 0; border-radius: 8px;
    background: #101524; color: #ffd15c; font: inherit; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: background .15s ease;
}
.maintenance-continue:hover { background: #263249; }
.maintenance-continue:focus-visible { outline: 3px solid #b07b00; outline-offset: 3px; }
@media (max-width: 440px) {
    .maintenance-content { padding: 20px; }
    .maintenance-schedule { grid-template-columns: 1fr; }
    .maintenance-slot + .maintenance-slot { border-left: 0; border-top: 1px solid #e0e4eb; }
    .maintenance-slot { padding: 14px 18px; }
    .maintenance-actions { padding: 16px 20px; }
    .maintenance-continue { width: 100%; }
}