/* Original 596 × 198 logo: animate its existing symbol without redrawing it. */
html.nazafa-loading, html.nazafa-loading body { overflow: hidden !important; }
.nazafa-loader {
    position: fixed; inset: 0; z-index: 2147483000;
    display: grid; place-items: center; background: rgba(248, 250, 249, .55);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    opacity: 1; transition: opacity 400ms ease; touch-action: none;
}
.nazafa-loader.is-leaving { opacity: 0; pointer-events: none; }
.nazafa-loader__brand { position: relative; width: min(360px, 76vw); aspect-ratio: 596 / 198; mix-blend-mode: multiply; }
.nazafa-loader__brand img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.nazafa-loader__logo { opacity: 0; animation: nazafa-reveal 700ms ease 650ms forwards; }
.nazafa-loader__symbol {
    clip-path: inset(16% 42.7% 16% 34.8%);
    transform-origin: 46% 50%; opacity: 0;
    animation: nazafa-symbol 650ms cubic-bezier(.22, 1, .36, 1) forwards, nazafa-pulse 1100ms ease 950ms;
}
@keyframes nazafa-symbol { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } }
@keyframes nazafa-reveal { to { opacity: 1; } }
@keyframes nazafa-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .82; } }
@media (prefers-reduced-motion: reduce) {
    .nazafa-loader { transition-duration: 100ms; }
    .nazafa-loader__logo { opacity: 1; animation: none; }
    .nazafa-loader__symbol { display: none; animation: none; }
}

/* Logout confirmation uses the shared logo palette. */
.nazafa-logout-dialog { position: fixed; inset: 0; margin: auto; width: min(420px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 28px; border: 1px solid #dfe6eb; border-radius: 16px; background: white; color: #20313f; box-shadow: 0 12px 40px #20313f20; font: 15px/1.5 system-ui, sans-serif; }
.nazafa-logout-dialog::backdrop { background: #20313f55; backdrop-filter: blur(4px); }
.nazafa-logout-dialog form { margin: 0; }
.nazafa-logout-icon { display: grid; place-items: center; width: 44px; height: 44px; background: #fcecef; color: #981d29; border-radius: 12px; font-size: 26px; margin-bottom: 18px; }
.nazafa-logout-dialog h2 { margin: 0 0 8px; color: #20313f; font-size: 23px; }
.nazafa-logout-dialog p { margin: 0 0 24px; color: #607080; font-size: 14px; }
.nazafa-logout-actions { display: flex; gap: 12px; }
.nazafa-logout-actions button { flex: 1; min-height: 44px; padding: 10px 12px; border: 1px solid #dfe6eb; border-radius: 7px; background: #f5f7f9; color: #20313f; font: inherit; font-size: 14px; cursor: pointer; }
.nazafa-logout-actions button[value="yes"] { background: #dc293d; color: white; border-color: #dc293d; }
.nazafa-logout-actions button:focus-visible { outline: 2px solid #dc293d; outline-offset: 3px; }