/* Uses the CP workspace palette pinned at main 1f0905c (workspace.css). */
#cp-maintenance-root {
    --cp-nav-border: #d2dbe5;
    --cp-nav-ink: #213244;
    --cp-nav-muted: #4f6072;
    --cp-nav-blue: #2d6fa9;
    font: 14px/1.55 Helvetica, Arial, Verdana, sans-serif;
    color: var(--cp-nav-ink);
}
#cp-maintenance-root [hidden] { display: none !important; }
#cp-maintenance-root .cp-maintenance-shade {
    position: fixed; inset: 0; z-index: 2147483000;
    background: rgba(23, 38, 55, .48);
    display: flex; align-items: center; justify-content: center;
    padding: 20px; box-sizing: border-box;
}
#cp-maintenance-root .cp-maintenance-dialog {
    width: 510px; max-width: 100%; max-height: calc(100dvh - 40px); overflow: auto;
    box-sizing: border-box; padding: 28px 32px 26px;
    border: 1px solid var(--cp-nav-border); border-radius: 5px;
    background: #fff; box-shadow: 0 14px 46px rgba(13, 35, 57, .25);
}
#cp-maintenance-root .cp-maintenance-brand {
    color: var(--cp-nav-blue); font-size: 11px; font-weight: 700; letter-spacing: 1.4px;
}
#cp-maintenance-root h2 { margin: 12px 0 14px; font-size: 21px; line-height: 1.3; font-weight: 600; }
#cp-maintenance-root p { margin: 0 0 16px; }
#cp-maintenance-root .cp-maintenance-clock {
    color: var(--cp-nav-blue); background: #f1f3f6; border: 1px solid #e4eaf0;
    border-radius: 4px; text-align: center; font: 500 48px/1.55 Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums; margin: 20px 0 16px;
}
#cp-maintenance-root #cp-maintenance-note { color: var(--cp-nav-muted); font-size: 12px; }
#cp-maintenance-root .cp-maintenance-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; margin-top: 22px; }
#cp-maintenance-root button { cursor: pointer; font: 13px/1.4 Helvetica, Arial, sans-serif; }
#cp-maintenance-root .cp-maintenance-actions button {
    background: #fff; color: var(--cp-nav-blue); border: 1px solid var(--cp-nav-border);
    border-radius: 3px; padding: 9px 14px;
}
#cp-maintenance-root .cp-maintenance-actions button[data-action="reload"],
#cp-maintenance-root[data-phase="warning"] .cp-maintenance-actions button[data-action="return"] {
    background: var(--cp-nav-blue); border-color: var(--cp-nav-blue); color: #fff;
}
#cp-maintenance-root button:focus-visible { outline: 3px solid #80b9e6; outline-offset: 3px; }
#cp-maintenance-root .cp-maintenance-banner {
    position: fixed; bottom: 16px; right: 18px; z-index: 2147482999;
    max-width: calc(100vw - 36px); padding: 11px 16px;
    background: #fff; color: var(--cp-nav-blue); border: 1px solid var(--cp-nav-border);
    border-left: 4px solid var(--cp-nav-blue); border-radius: 3px;
    box-shadow: 0 3px 15px rgba(13, 35, 57, .15);
}
#cp-maintenance-root .cp-maintenance-connection { color: #8b5800; font-size: 12px; }
@media (max-width: 520px) {
    #cp-maintenance-root .cp-maintenance-dialog { padding: 24px 20px; }
    #cp-maintenance-root h2 { font-size: 19px; }
}