/* Two presentations, the same verified account and existing permission checks. */
#header-account{position:relative}.account-dropdown .account-avatar{position:relative;overflow:visible;flex-shrink:0}.account-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-mode-mark{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:20px;height:20px;background:#7842bb;border:2px solid white;border-radius:7px;color:#fff;font-size:12px}.profile-shop .profile-mode-mark{background:#d75b24}.profile-shop .account-avatar{background:#fff1e7;color:#ad4c20;border-radius:13px}.account-dropdown .account-greeting small{font-size:11px;line-height:1.35;letter-spacing:.01em;color:#6b617b}.profile-shop .account-greeting small{color:#965a36}.account-dropdown .account-greeting strong{max-width:190px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown .account-popover{width:min(370px,calc(100vw - 32px));padding:0;overflow:auto;max-height:calc(100dvh - 150px);border:1px solid #e3ddec;border-radius:22px;background:#fff;box-shadow:0 18px 60px #26334c26;z-index:90}.account-dropdown .account-popover-heading{display:flex;flex-direction:column;gap:7px;padding:24px;background:linear-gradient(120deg,#f3eafb,#f8f7ff);border:0;border-radius:22px 22px 0 0}.profile-shop .account-popover-heading{background:linear-gradient(120deg,#fff0e1,#fff9ed)}.account-popover-heading>strong{font-size:20px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.account-popover-heading>small{font-size:14px;font-weight:425;color:#66677a}.profile-state-label{font-size:10px;letter-spacing:.09em;font-weight:800;color:#74429e}.profile-shop .profile-state-label{color:#a35826}.profile-menu-group{padding:10px;border-bottom:1px solid #eceaf2}.account-dropdown .account-popover nav{padding:0;display:block}.account-dropdown .account-popover nav :is(button,a){display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:12px!important;margin:0;border:0;border-radius:12px;background:white;color:#24334b;min-height:54px;font:inherit;text-decoration:none}.account-popover nav :is(button,a)>span:nth-child(2){flex:1;min-width:0}.account-popover nav :is(button,a)>span:last-child{color:#9992a5;font-size:18px}.account-popover nav strong{display:block;font-size:14px;font-weight:650}.account-popover nav small{display:block;margin-top:3px;font-size:11px;line-height:1.4;font-weight:425;color:#6d7484}.account-popover nav .profile-action-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#f2edf9;color:#7541b3;border-radius:10px;font-size:18px}.profile-shop .account-popover nav .profile-menu-group:first-child .profile-action-icon{background:#fff0e3;color:#bc5a20}.account-dropdown .account-popover nav :is(button,a):hover{background:#f6f3fc}.account-dropdown .account-popover nav .account-logout{width:calc(100% - 20px);margin:10px;color:#a53d4b}.account-popover nav .account-logout .profile-action-icon{background:#fff0f1;color:#a53d4b}.account-dropdown :focus-visible{outline:3px solid #8f63c8;outline-offset:2px}@media(max-width:680px){.account-dropdown .account-greeting strong{max-width:115px}.account-dropdown .account-greeting small{max-width:120px;font-size:9px}.account-dropdown .account-popover{position:absolute;right:0;max-height:calc(100dvh - 170px)}.account-dropdown .account-popover-heading{padding:20px}}
/* Explicit layout keeps the dropdown out of header flow in every host surface. */
.account-dropdown{position:relative}.account-dropdown>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:8px 12px;border:1px solid #e8e4ed;border-radius:16px;background:#fff;min-height:60px}.account-dropdown>summary::-webkit-details-marker{display:none}.account-dropdown .account-avatar{display:grid;place-items:center;width:44px;height:44px;background:#f0e9fa;color:#7142a9;border-radius:50%;font-size:16px;font-weight:800;line-height:1}.account-dropdown .account-greeting{display:block;line-height:1.4}.account-dropdown .account-greeting strong{font-size:14px;font-weight:800}.account-dropdown .account-chevron{color:#8b8296;font-size:15px}.account-dropdown .account-popover{position:absolute;right:0;top:calc(100% + 12px);max-height:min(620px,65dvh)}.profile-shop .account-avatar{background:#fff0e0;color:#a95322;border-radius:13px}
@media(max-width:680px){.account-dropdown .account-greeting{display:none!important}.account-dropdown>summary{gap:8px;padding:8px}.account-dropdown .account-popover{position:fixed;top:auto;right:16px;bottom:16px;width:calc(100vw - 32px);max-height:min(620px,calc(100dvh - 32px))}}

/* Keep the signed-in person recognizable, including compact mobile headers. */
@media(max-width:680px){.account-dropdown .account-greeting{display:block!important}.account-dropdown .account-greeting strong{font-size:12px;max-width:125px}.account-dropdown .account-greeting small{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown>summary{gap:10px}.account-dropdown .account-avatar{width:36px;height:36px}}
/* Equal, shrinkable mobile columns keep the real person's name inside the header. */
@media(max-width:680px){.shop-header:has(#header-account:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.shop-header #header-account{min-width:0;width:100%}.shop-header .brand{min-width:0}.shop-header .brand strong{font-size:20px}.shop-header .brand strong span{font-size:11px;margin-left:6px;padding-left:6px}.shop-header .account-dropdown>summary{width:100%;max-width:none;min-width:0;gap:8px;padding:8px}.shop-header .account-greeting{min-width:0;flex:1;overflow:hidden}.shop-header .account-greeting :is(strong,small){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-header .account-avatar{width:32px;height:32px}.shop-header .account-chevron{font-size:10px;flex-shrink:0}}
@media(max-width:380px){.shop-header:has(#header-account:not([hidden])) .brand strong span{display:none}}