/* brand.css - Rhythm N Booked logos
 * Every logo is rendered twice: .logo-light (black art) and .logo-dark (light art).
 * body.dark-mode decides which one shows. Source art: internal/RhythmNBooked_Logo/.
 * Images live in /brand/, not /image/: the urlReplace rule (settings #8) rewrites
 * <img src="/image/... to DocInfo's S3 sitegraphics bucket, where these don't exist.
 */
.logo-dark { display: none !important; }
body.dark-mode .logo-light { display: none !important; }
body.dark-mode .logo-dark { display: inline-block !important; }

/* Logged-in header: pick + wordmark */
.logoMenuCompact { height: 42px; width: auto; vertical-align: middle; }

/* Login / register card */
.logoLogin { width: 250px; max-width: 100%; height: auto; }
.logoLoginMobile { width: 220px; max-width: 100%; height: auto; }

/* Account notices under the menu (view/menu2.inc): unconfirmed email, pending manager request */
.account-banner { background: #eef3fa; border-bottom: 1px solid #b8cce6; color: #1a1d23; padding: 8px 20px; font-size: 0.92rem; }
.account-banner-item + .account-banner-item { margin-top: 4px; }
.account-banner-btn { margin-left: 8px; border: 1px solid #1d72c2; background: transparent; color: #1d5fb4; border-radius: 6px; padding: 2px 10px; cursor: pointer; }
.account-banner-btn:disabled { opacity: 0.5; cursor: default; }
.account-banner-msg { margin-left: 8px; color: #1d5fb4; }
body.dark-mode .account-banner { background: var(--dm-surface-2); border-color: var(--dm-border-accent); color: var(--dm-text); }
body.dark-mode .account-banner-btn { border-color: #93c5fd; color: #93c5fd; }
body.dark-mode .account-banner-msg { color: #93c5fd; }