/* Shared final surface tokens and navigation, after legacy page styles. */
:is(.invited-home>.header,.session-header){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:none;width:100%;min-height:92px;align-items:center;direction:ltr;padding:22px 32px;gap:20px}
:is(.invited-home>.header,.session-header)>.im-brand-group,:is(.invited-home>.header,.session-header)>.logo{grid-column:1;grid-row:1;justify-self:start}
:is(.invited-home>.header,.session-header)>.header-actions{grid-column:2;grid-row:1;justify-self:end;margin:0;display:flex;align-items:center;justify-content:flex-end;gap:20px;white-space:nowrap}
:is(.invited-home>.header,.session-header)>:is(#client-menu-toggle,#session-menu-toggle){position:relative;grid-column:1;grid-row:2;left:auto;top:auto;transform:none!important;justify-self:start;margin:0;width:48px;height:48px;min-height:48px;padding:0}
.menu-toggle .menu-bar{top:23px;left:12px;width:24px;height:2px;transition:transform .3s,opacity .2s}
.menu-toggle .menu-bar:nth-child(1){transform:translateY(-7px)!important}
.menu-toggle .menu-bar:nth-child(2){transform:none!important;opacity:1}
.menu-toggle .menu-bar:nth-child(3){transform:translateY(7px)!important}
.menu-toggle[aria-expanded=true] .menu-bar:nth-child(1){transform:rotate(45deg)!important}
.menu-toggle[aria-expanded=true] .menu-bar:nth-child(2){opacity:0;transform:scaleX(.4)!important}
.menu-toggle[aria-expanded=true] .menu-bar:nth-child(3){transform:rotate(-45deg)!important}
:is(.invited-home,.session-menu) .menu-links{display:flex;justify-content:center;align-items:stretch;gap:12px;padding:0 24px;overflow-x:auto}
:is(.invited-home,.session-menu) .menu-links :is(a,button){font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:50px;margin:0 0 18px;padding:13px 22px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--wine);cursor:pointer;text-decoration:none;transform:translateY(-6px);transition:transform .25s,background .2s,border-color .2s;box-shadow:none}
.invited-home .is-open .menu-links :is(a,button){transform:none}
:is(.invited-home,.session-menu) .menu-links :is(a,button):hover{background:#eadbd3;border-color:#b78e82;text-decoration:none}
:is(.invited-home,.session-menu) .menu-links :is(a,button):focus-visible{outline:2px solid var(--wine);outline-offset:3px}
html[data-theme=night]{--wine:#F5F0EB!important;--cream:#733635!important;--ink:#F5F0EB!important;--muted:#f0e6e0!important;--paper:#844946!important;--line:#ac7972!important;--night-surface:#844946;--night-inset:#572827;--night-line:#ac7972;--night-muted:#f0e6e0;--night-shadow:0 10px 28px #32151533}
html[data-theme=night] :is(.welcome-choice,.account-panel,.client-card,.profile-card,.invited-card,.plan,.how-step,.how-roles article,.how-privacy article,.space-options article){background:#844946!important;color:#F5F0EB!important;border-color:#ac7972!important;box-shadow:0 10px 28px #32151533!important}
html[data-theme=night] .choice-organizer{background:#915653!important;border-color:#bc8b82!important}
html[data-theme=night] :is(.welcome-heading h1,.choice-copy strong,.account-title h1,.account-panel h2,.invited-card h3,.events-dialog-head h2,.invited-empty h3,.client-card h2,.account-privacy h3){color:#F5F0EB!important}
html[data-theme=night] :is(.welcome-heading p,.choice-copy>span,.account-title p,.account-email,.account-privacy p,.account-security-row p,.invited-empty p,.invited-place,.invited-card-foot,.client-hint,.client-note,.subtitle){color:#f0e6e0!important}
html[data-theme=night] :is(.choice-icon,.invited-calendar,.account-photo-icon){background:#66302f!important;color:#F5F0EB!important;border-color:#b28279!important;box-shadow:inset 0 1px 3px #32151526}
html[data-theme=night] .events-dialog{background:#683230!important;border:1px solid #be9187!important;box-shadow:0 30px 100px #16090899!important;color:#F5F0EB!important}
html[data-theme=night] .events-dialog-head{background:#683230!important;border-color:#a9766d!important}
html[data-theme=night] .events-dialog::backdrop{background:#1d0c0bc2;backdrop-filter:blur(5px)}
html[data-theme=night] :is(.choice-open,.choice-open>span,.dialog-close,.invited-logout){color:#F5F0EB!important;border-color:#b28279!important}
html[data-theme=night] :is(.invited-tag,.account-badge,.client-message){background:#66302f!important;color:#F5F0EB!important;border-color:#b28279!important}
html[data-theme=night] :is(.invited-home .header,.invited-home>.header-menu,.account-header,.account-sidebar,footer){border-color:#a9766d!important}
html[data-theme=night] :is(.invited-home,.session-menu) .menu-links :is(a,button){background:#844946!important;border:1px solid #ac7972!important;color:#F5F0EB!important;box-shadow:0 4px 12px #32151526!important}
html[data-theme=night] :is(.invited-home,.session-menu) .menu-links :is(a,button):hover{background:#9a605b!important;border-color:#cfaaa0!important}
html[data-theme=night] .menu-toggle{background:#844946!important;border-color:#ac7972!important}
html[data-theme=night] .menu-bar{background:#F5F0EB!important}
html[data-theme=night] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#572827!important;color:#F5F0EB!important;border-color:#b28279!important}
html[data-theme=night] :is(input,textarea)::placeholder{color:#d9bdb4!important;opacity:1}
html[data-theme=night] .account-nav button[aria-current]{background:#F5F0EB!important;color:#733635!important}
html[data-theme=night] .account-nav button:not([aria-current]){color:#F5F0EB!important}
html[data-theme=night] .account-avatar{background:#F5F0EB!important;color:#733635!important}
@media(max-width:750px){:is(.invited-home>.header,.session-header){grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px 18px;gap:14px;align-items:start}:is(.invited-home>.header,.session-header)>.header-actions{grid-column:2;gap:10px;flex-wrap:wrap;justify-content:flex-end}:is(.invited-home>.header,.session-header)>:is(#client-menu-toggle,#session-menu-toggle){grid-column:1;grid-row:2}:is(.invited-home,.session-menu) .menu-links{justify-content:center;flex-wrap:wrap;gap:10px;padding:0 16px}:is(.invited-home,.session-menu) .menu-links :is(a,button){flex:1 1 200px;margin-bottom:10px;font-size:14px;padding:12px 14px}.invited-home .header-actions .button{font-size:13px!important;padding:10px 12px!important}.invited-home .invited-logout{font-size:13px}.invited-home .im-brand-group{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.menu-toggle .menu-bar,:is(.invited-home,.session-menu) .menu-links :is(a,button){transition:none!important}}

/* Account actions keep their physical position while text follows its language. */
#pricing>.session-header,#how>.session-header{display:grid}
#home>.header{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);direction:ltr}
#home>.header>.im-brand-group{grid-column:1;grid-row:1}
#home>.header>.menu-toggle{grid-column:2;grid-row:1;justify-self:center}
#home>.header>.header-actions{grid-column:3;grid-row:1;justify-self:end}
@media(max-width:750px){#home>.header{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px 18px;gap:14px;align-items:start}#home>.header>.header-actions{grid-column:2}#home>.header>.menu-toggle{grid-column:1;grid-row:2}#home>.header .im-brand-group{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.plan-ribbon{transform:translate(-50%,-50%)!important}}
[data-client-session-nav]{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.session-menu{width:100%;max-width:none;border-bottom:1px solid var(--line)}
.session-header .header-actions{margin:0;gap:20px}
.session-header .logo{white-space:nowrap}
[dir=rtl] :is(.header-actions,.menu-links){direction:rtl}
@media(max-width:750px){.session-header .im-brand-group{flex-wrap:nowrap;gap:5px}.session-header .im-brand-group>.logo{font-size:18px;gap:5px}.session-header .im-brand-group>.logo:before{width:16px;height:16px;border-width:2px}.session-header .im-theme-toggle{flex-basis:40px;width:40px;height:40px;min-height:40px}}
@media(max-width:750px){.session-header .im-brand-group{flex-wrap:nowrap}.session-header .header-actions{gap:10px}.session-header .header-actions .button{font-size:13px;padding:10px 12px}.session-header .invited-logout{font-size:13px}}