/* DOT Header Controls 1.0.5 — shared, identical across products. */
:is(.user-menu,.account-panel,.admin-mobile-menu,.language-menu,#language-options){--hc-surface:var(--dot-surface,var(--surface,#fff));--hc-text:var(--dot-text,var(--ink,#17181a));--hc-border:var(--dot-border,var(--line,#dedfe0));--hc-tint:var(--dot-accent-tint,var(--tint,#fff1f1));background:var(--hc-surface);color:var(--hc-text);border:1px solid var(--hc-border);border-radius:15px;padding:10px;box-shadow:0 16px 55px #0002;font-family:var(--dot-font-ui,"DOT Plex Sans",Plex,"IBM Plex Sans",sans-serif);box-sizing:border-box;overscroll-behavior:contain}
:is(.user-menu,.account-panel,.admin-mobile-menu,#account-options){width:320px;max-width:calc(100vw - 36px);max-height:75dvh;overflow-y:auto}
:is(.user-menu,.account-panel,.admin-mobile-menu,#account-options) :is(a,button):not([data-copy-id]):not([data-copy-account-id]){display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--hc-text);font:700 12px/1.4 var(--dot-font-ui,"DOT Plex Sans",Plex,"IBM Plex Sans",sans-serif);text-align:left;text-decoration:none;box-sizing:border-box;cursor:pointer}
:is(.user-menu,.account-panel,.admin-mobile-menu,#account-options) :is(a,button):is(:hover,[aria-current=page],[aria-current=true],.selected){background:var(--hc-tint);color:var(--hc-text)}
:is(.user-menu,.account-panel,.admin-mobile-menu,#account-options) :is(.nav-icon,svg){width:18px;height:18px;flex:none}
:is(.user-menu,.account-panel,.admin-mobile-menu,#account-options) svg{stroke-width:1.8}
:is(.user-menu-person,.account-identity){display:grid;gap:4px;padding:10px 10px 16px;margin:0 0 7px;border-bottom:1px solid var(--hc-border)}
:is(.user-menu-person,.account-identity) strong{font-size:13px;line-height:1.4}
:is(.user-menu,.account-panel) :is(.logout-button,[data-logout]){border-top:1px solid var(--hc-border);border-radius:0;margin-top:8px;padding:15px 10px 8px}
:is(.account-dropdown>.avatar,.admin-avatar,.account-trigger .avatar){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:50%;font:700 12px/1 var(--dot-font-ui,"DOT Plex Sans",Plex,"IBM Plex Sans",sans-serif)}
:is(.account-dropdown>.avatar,.admin-avatar)[aria-expanded=true],.account-trigger[aria-expanded=true] .avatar,#account-pop:has(:popover-open) .avatar{outline:2px solid #ff0000;outline-offset:3px}
:is(.language-current,#language-toggle){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:48px;min-height:40px;padding:6px 9px;border:1px solid var(--dot-border,var(--line,#dedfe0));border-radius:9px;background:var(--dot-surface,var(--surface,#fff));color:var(--dot-text,var(--ink,#17181a));font:700 11px/1.4 var(--dot-font-ui,"DOT Plex Sans",Plex,"IBM Plex Sans",sans-serif);cursor:pointer;box-sizing:border-box}
:is(.sidebar-top,#header) :is(.language-current,#language-toggle){border-color:#56595c;background:#303235;color:#f6f6f5}
:is(.language-current,#language-toggle)[aria-expanded=true]{border-color:#ff0000}
:is(.language-current,#language-toggle)>:is(span,svg){width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:0}
:is(.language-current,#language-toggle)>span::after{content:"";width:5px;height:5px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg)}
:is(.language-menu,#language-options){width:145px;min-width:145px;display:grid;gap:2px;padding:5px;border-radius:10px}
:is(.language-menu,#language-options)[hidden]{display:none!important}
:is(.language-menu,#language-options) button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:37px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--hc-text);font:700 12px/1.4 var(--dot-font-ui,"DOT Plex Sans",Plex,"IBM Plex Sans",sans-serif);text-align:left;cursor:pointer}
:is(.language-menu,#language-options) button:is(:hover,[aria-current=true],.selected){background:var(--hc-tint)}
:is(.language-menu,#language-options) button span,.account-panel .check{color:#ff0000}
:is(.user-menu,.account-panel,.admin-mobile-menu,.language-picker,#language-pop) :is(a,button):focus-visible{outline:2px solid #ff0000;outline-offset:2px}
@media(max-width:760px){.account-panel[popover]{right:18px;left:auto;width:320px;max-width:calc(100vw - 36px);max-height:75dvh}}

@media(max-width:760px){.admin-header :is(.language-current,#language-toggle){border-color:#56595c;background:#303235;color:#f6f6f5}}

/* Shared scroll cue: reserved footer outside the scrolling rows. */
:is(#user-menu,#account-options,#admin-mobile-menu,.user-menu,.account-panel,.admin-mobile-menu).dot-scroll-menu{display:flex;flex-direction:column;overflow:hidden}
.dot-scroll-menu[hidden],.dot-scroll-menu[popover]:not(:popover-open){display:none!important}
.dot-menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:10px;-webkit-overflow-scrolling:touch}
.dot-menu-body{display:flow-root}
:is(#user-menu,#account-options,#admin-mobile-menu,.dot-scroll-menu).dot-scroll-menu.dot-menu-overflow{padding-bottom:34px}
:is(#user-menu,#account-options,#admin-mobile-menu,.dot-scroll-menu).dot-scroll-menu>button.dot-menu-more{position:absolute;bottom:7px;left:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:0;width:calc(100% - 20px);height:24px;min-height:24px;flex:none;padding:0;margin:0;border:0;border-radius:7px;background:var(--hc-surface,var(--dot-surface,var(--surface,#fff)));color:var(--dot-text-muted,var(--muted,#73777b));cursor:pointer}
.dot-scroll-menu>button.dot-menu-more[hidden]{display:none!important}
:is(#user-menu,#account-options,#admin-mobile-menu,.dot-scroll-menu).dot-scroll-menu>button.dot-menu-more:hover{background:var(--dot-bg,var(--bg,#f8f8f7));color:var(--dot-text,var(--ink,#17181a))}
.dot-scroll-menu>button.dot-menu-more svg{width:14px;height:14px;pointer-events:none}