/* Use existing SAFA Cinema font shipped on each authorized installation. */
@font-face {
    font-family: 'safa-maintenance-cinema';
    src: url('../fonts/w_Cinema.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
.safa-maintenance-overlay[hidden] { display: none !important; }
.safa-maintenance-overlay {
    position: fixed; inset: 0; z-index: 2147483600; display: flex;
    justify-content: center; align-items: center; padding: 16px;
    background: rgba(219, 227, 235, .65); backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px); font-family: 'safa-maintenance-cinema', 'w_Cinema', sans-serif !important;
}
.safa-maintenance-card {
    text-align: center; background: rgba(255,255,255,.97); border-radius: 22px;
    box-shadow: 0 20px 64px rgba(27,35,65,.18); color: #191e3b;
    width: min(420px, 100%); padding: 28px 24px;
}
.safa-maintenance-brand {
    display: inline-block; color: white; background: #4260f6; border-radius: 13px;
    font-weight: 900; font-size: 30px; line-height: 1.8; padding: 0 26px;
}
/* v220: maintenance-only, horizontally aligned existing spinner and exact label. */
.safa-maintenance-row {
    display: flex; flex-direction: row; align-items: center;
    justify-content: center; gap: 16px;
}
.safa-maintenance-card .safa-maintenance-spinner {
    display: block; margin: 0; flex: 0 0 auto;
}
.safa-maintenance-title { font-size: clamp(26px, calc(3vw + 4px), 36px); font-weight: 900; }
.safa-maintenance-message { display: inline-flex; align-items: center; gap: 8px;
    margin-top: 28px; font-size: 16px; font-weight: 700; color: #475569;
    padding: 10px 18px; background: #f7f9fc; border: 1px solid #e5eaf2; border-radius: 40px; }
.safa-maintenance-dot { width: 9px; height: 9px; border-radius: 50%; background: #4260f6; }

/* Explicit selectors prevent CORK, PWA or theme rules overriding maintenance Cinema. */
.safa-maintenance-overlay .safa-maintenance-card,
.safa-maintenance-overlay .safa-maintenance-brand,
.safa-maintenance-overlay .safa-maintenance-title,
.safa-maintenance-overlay .safa-maintenance-message {
    font-family: 'safa-maintenance-cinema', 'w_Cinema', sans-serif !important;
    font-weight: normal !important;
}