/* Sign-out confirmation modal (assets/js/logout_modal.js) */
#ve-logout-modal .modal-dialog { max-width: 400px; }
@media (max-width: 575.98px) { #ve-logout-modal .modal-dialog { margin: 16px; max-width: none; } }
#ve-logout-modal .modal-content {
    background: var(--ve-surface, #17181b);
    border: 1px solid var(--ve-line-strong, rgba(255,255,255,.14));
    border-radius: var(--ve-radius, 6px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}
#ve-logout-modal .modal-body { padding: 28px; color: var(--ve-text, #f2f3f5); }
#ve-logout-modal .ve-logout-modal__title { margin: 0 0 8px; color: var(--ve-text-strong,#fff); font-size: 1.25rem; font-weight: 700; letter-spacing: -0.01em; }
#ve-logout-modal .ve-logout-modal__text { margin: 0 0 24px; color: var(--ve-text-muted, #a3a7b0); font-size: .9375rem; line-height: 1.5; }
#ve-logout-modal .ve-logout-modal__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0; }
#ve-logout-modal .ve-logout-modal__actions .btn { height: 42px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; }
#ve-logout-modal .btn-ve-secondary { background: transparent; border: 1px solid var(--ve-line-strong, rgba(255,255,255,.14)); color: var(--ve-text, #f2f3f5); }
#ve-logout-modal .btn-ve-secondary:hover,
#ve-logout-modal .btn-ve-secondary:focus-visible { background: var(--ve-surface-2, #1f2024); border-color: rgba(var(--ve-ov,255,255,255),0.24); color: var(--ve-text-strong,#fff); }


/* Guest accounts: saving is the main action, signing out is a quiet secondary link. */
#ve-logout-modal.is-guest .ve-logout-modal__actions { grid-template-columns: 1fr; gap: 8px; }
#ve-logout-modal [hidden] { display: none !important; }
#ve-logout-modal .ve-logout-modal__actions .btn .fad { margin-right: 8px; }
#ve-logout-modal .ve-logout-modal__link { height: 40px; padding: 0; border: 0; background: none; color: var(--ve-text-muted, #a3a7b0); font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; transition: color .15s ease; }
#ve-logout-modal .ve-logout-modal__link:hover,
#ve-logout-modal .ve-logout-modal__link:focus-visible { color: var(--ve-text-strong,#fff); text-decoration: underline; text-underline-offset: 3px; }