/* Account chrome shared across products, independent of the event dashboard. */
.shared-account { background:var(--ev-bg); color:var(--ev-text); font-size:14px; }
.shared-account-header { position:fixed; z-index:1030; inset:0 0 auto; height:68px; display:flex; align-items:center; gap:16px; padding:12px 24px; background:var(--ev-surface); border-bottom:1px solid var(--ev-border); }
.shared-account-brand { display:inline-flex; align-items:center; width:196px; flex-shrink:0; }
.shared-account-brand img { width:120px; height:36px; object-fit:contain; }
.shared-account-logo-dark, html.night-mode .shared-account-logo-light { display:none; }
html.night-mode .shared-account-logo-dark { display:block; }
.shared-account-tools { display:flex; align-items:center; gap:12px; margin-left:auto; }
.shared-account-header button { border:1px solid var(--ev-border); border-radius:8px; background:var(--ev-surface); color:var(--ev-text); min-width:40px; min-height:40px; }
.shared-account-header #night-mode { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:1px solid var(--ev-border); border-radius:8px; background:var(--ev-surface); color:var(--ev-text); font-size:16px; line-height:1; cursor:pointer; }
.shared-account-menu { display:none; }
.shared-account-nav { position:fixed; z-index:1020; top:68px; bottom:0; left:0; width:232px; padding:20px 12px; border-right:1px solid var(--ev-border); background:var(--ev-surface); overflow-y:auto; }
.shared-account-nav ul { padding:0; margin:0; list-style:none; }
.shared-account-nav a { display:flex; align-items:center; gap:12px; padding:12px; border-radius:8px; color:var(--ev-text); text-decoration:none; font-size:14px; font-weight:400; }
.shared-account-nav a i { width:20px; text-align:center; }
.shared-account-nav a:hover { background:var(--ev-surface-muted); }
.shared-account-nav a[aria-current] { background:var(--ev-brand-soft); color:var(--ev-brand-strong); font-weight:500; }
.shared-account-nav .shared-account-back { margin-top:24px; border-top:1px solid var(--ev-border); border-radius:0; }
.shared-account > main.wrapper, .shared-account.account-security-standalone > main.wrapper, .shared-account > main.account-security-standalone { margin:68px 0 0 232px; width:calc(100% - 232px); padding:28px 24px 48px; flex:1 0 auto; transition:none; }
.shared-account .dashboard-body, .shared-account .account-about-shell, .shared-account.account-security-standalone .account-about-shell { width:auto; max-width:none; padding:0; margin:0; }
.shared-account .container-fluid { padding:0; }
.shared-account .wallet-page, .shared-account .pd-page { max-width:1200px; margin:0; padding-top:0; }
.shared-account .account-about-grid { max-width:1200px; }
.shared-account h1 { font-size:24px; font-weight:600; }
.shared-account h2 { font-size:18px; font-weight:600; }
.shared-account h3 { font-size:16px; font-weight:600; }
.shared-account input, .shared-account select, .shared-account textarea, .shared-account input::placeholder { font-size:16px; }
.shared-account :is(a,button,input,select,textarea):focus-visible { outline:2px solid var(--ev-brand); outline-offset:3px; }
/* Auth pages share the header without reserving space for an account sidebar. */
body.shared-account-guest { padding-top:68px; }
.shared-account-header-guest { font:400 14px/1.5 system-ui, sans-serif; box-sizing:border-box; }
.shared-account-header-guest .shared-account-brand { width:auto; }
.shared-account-header-guest .shared-account-back { display:inline-flex; align-items:center; gap:8px; min-height:40px; color:var(--ev-text); text-decoration:none; font-weight:500; }
.shared-account-header-guest :is(a,button,select):focus-visible { outline:2px solid var(--ev-brand); outline-offset:3px; }
.shared-account-guest.auth-body .auth-shell { min-height:calc(100dvh - 68px); padding:32px 24px; }
.shared-account-guest.staff-auth-body { padding:100px 16px 32px; }
.shared-account-header .shows-language-switcher { margin:0; width:auto; }
.shared-account-header .shows-language-switcher label { margin:0; }
.shared-account-header .shows-language-switcher__select { width:auto; max-width:150px; min-height:40px; padding:6px 10px; border:1px solid var(--ev-border); border-radius:8px; background:var(--ev-surface); color:var(--ev-text); font:inherit; font-size:16px; }
.shared-account-guest .app-form-content { margin-left:0; width:100%; }
.shared-account-guest .registration-title { font-size:24px; font-weight:600; }
@media(max-width:767px) {
 body.shared-account-guest { padding-top:64px; }
 .shared-account-guest.auth-body .auth-shell { min-height:calc(100dvh - 64px); padding:24px 16px; }
 .shared-account-guest.staff-auth-body { padding:88px 16px 24px; }
 .shared-account-header-guest .shared-account-tools { gap:12px; }
 .shared-account-header-guest .shared-account-back span { display:none; }
 .shared-account-header-guest .shared-account-back { justify-content:center; min-width:40px; }
 .shared-account-header { height:64px; padding:12px 16px; gap:8px; }
 .shared-account-brand { width:auto; }
 .shared-account-brand img { width:106px; }
 .shared-account-menu { display:inline-block; }
 .shared-account-tools { gap:8px; }
 .shared-account-nav { top:64px; width:min(280px,85vw); visibility:hidden; transform:translateX(-100%); }
 .shared-account.nav-open .shared-account-nav { visibility:visible; transform:none; }
 .shared-account > main.wrapper, .shared-account.account-security-standalone > main.wrapper, .shared-account > main.account-security-standalone { margin:64px 0 0; width:100%; padding:24px 16px 40px; }
 .shared-account h1 { font-size:22px; }
}
@media(max-width:380px) {
 .shared-account-header-guest { padding-inline:12px; }
 .shared-account-header-guest .shared-account-brand img { width:88px; }
 .shared-account-header-guest .shared-account-tools { gap:8px; }
}
