/* Shared header dropdowns. Native popovers and radios keep the preview HTML/CSS only. */
.header-language-button,.header-profile-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;border-radius:7px;color:var(--ui-muted, #526680);padding:5px 7px;font:inherit;font-size:calc(13px * var(--ui-font-scale,1));cursor:pointer;white-space:nowrap;height:40px}
.header-language-button:hover,.header-profile-button:hover{background:var(--ui-accent-soft, #f0f5fc);color:var(--ui-accent-text, var(--color-primary))}
.header-language-button>svg,.header-profile-button>svg,.header-menu-item>svg{width:18px;height:18px;flex:none}
.header-language-button>svg:last-child,.header-profile-button>svg{width:12px;height:12px}
.header-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:var(--ui-accent-soft, var(--color-accent-soft));color:var(--ui-muted, #3662a6);font-size:calc(12px * var(--ui-font-scale,1));font-weight:600}
.header-language-button{anchor-name:--language-trigger}.header-profile-button{anchor-name:--profile-trigger}
.header-dropdown{position:fixed;inset:60px 36px auto auto;margin:0;width:240px;max-width:calc(100vw - 24px);padding:6px;border:1px solid var(--ui-border, #e2e9f3);border-radius:12px;background:var(--ui-surface, #fff);color:var(--ui-text, #20324d);box-shadow:0 10px 35px #1b355326;font:calc(13px * var(--ui-font-scale,1))/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.language-dropdown{right:92px}.profile-dropdown{width:250px}
@supports(top:anchor(bottom)){
.header-dropdown{top:calc(anchor(bottom) + 8px);right:anchor(right);left:auto;bottom:auto;position-try-fallbacks:flip-inline}
.language-dropdown{position-anchor:--language-trigger}.profile-dropdown{position-anchor:--profile-trigger}
}
.header-language-option{display:flex;align-items:center;gap:10px;position:relative;padding:10px;border-radius:7px;cursor:pointer}
.header-language-option:hover,.header-language-option:focus-within{background:var(--color-surface-soft);color:var(--color-text)}.header-language-option:has(input:checked){background:var(--ui-accent-soft, var(--color-accent-soft));color:var(--ui-accent-text, var(--color-primary))}
.header-language-option input{position:absolute;width:1px;height:1px;opacity:0}.header-language-option:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}
.language-code{display:grid;place-items:center;flex:none;width:29px;height:23px;border:1px solid var(--ui-border, #dbe4f2);border-radius:5px;font-size:calc(10px * var(--ui-font-scale,1));font-weight:700;background:var(--ui-surface, #fff);color:var(--ui-muted, #587095)}
.language-check{margin-left:auto;color:var(--ui-accent-text, var(--color-primary));visibility:hidden}.header-language-option:has(input:checked) .language-check{visibility:visible}
.language-en-label{display:none}body:has(#header-language input[value=en]:checked) .language-id-label{display:none}body:has(#header-language input[value=en]:checked) .language-en-label{display:inline}
.header-profile-info{display:flex;align-items:center;gap:11px;padding:12px 10px 16px;margin-bottom:5px;border-bottom:1px solid var(--ui-border, #edf1f7)}.header-profile-info strong{font-size:calc(13px * var(--ui-font-scale,1));font-weight:600}
.header-menu-item{display:flex;align-items:center;gap:11px;padding:11px 10px;width:100%;border:0;border-radius:7px;background:transparent;color:var(--ui-muted, #526680);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.header-menu-item:hover{background:var(--ui-accent-soft, var(--color-accent-soft));color:var(--ui-accent-text, var(--color-primary))}.header-signout{color:#b64d57;margin-top:5px}.header-signout:hover{background:var(--ui-surface, #fff2f3);color:#a9293b}
.header-action-preview{width:min(400px,calc(100vw - 32px));padding:24px;border:1px solid var(--ui-border, #e2e9f3);border-radius:14px;color:var(--ui-text, #20324d);box-shadow:0 18px 65px #1b355330;font:calc(14px * var(--ui-font-scale,1))/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.header-action-preview::backdrop{background:#20324d33}.header-action-preview h2{font-size:calc(20px * var(--ui-font-scale,1));margin:0 0 10px}.header-action-preview p{color:var(--ui-muted, #62748e)}.header-action-preview button{padding:9px 16px;border:0;border-radius:7px;background:var(--color-primary);color:var(--ui-on-primary, white);font:inherit;cursor:pointer}
@media(max-width:600px){.header-language-button .language-id-label,.header-language-button .language-en-label{display:none!important}.header-language-button{gap:5px;padding:5px}.header-profile-button{padding:3px}.topbar .top-actions,.topbar .top-right{gap:10px}.header-dropdown{right:12px}.language-dropdown{right:60px}}

/* Company picker reuses the profile fieldset and radio-option presentation. */
.profile-company-logo{width:48px;height:36px;object-fit:contain;border-radius:4px;flex:none}
.profile-company-logo[data-company-logo="esmart"]{background:var(--company-logo-color);padding:4px}
.profile-company-option span{min-width:0}
.profile-company-option input{accent-color:var(--color-primary)}

.profile-company-logo[data-company-logo="bplearning"]{background:#fff;padding:3px}