/* Reuse the existing header and navigation; desktop places them in one shared row. */
/* Account dropdown stays anchored without changing document flow. */
.panel-navigation-system .workspace-user > .user-menu {
 position:absolute;
 top:var(--account-menu-top, calc(100% + 8px));
 left:var(--account-menu-left, auto);
 right:auto;
 width:var(--account-menu-width, min(250px, calc(100vw - 24px)));
 min-width:0;
 max-height:var(--account-menu-height, calc(100dvh - 24px));
 box-sizing:border-box;
 overflow-y:auto;
 overflow-x:hidden;
 overscroll-behavior:contain;
 scrollbar-gutter:stable;
 animation:none;
}
.panel-navigation-system .workspace-user[open] > .user-menu:not([data-positioned]) { visibility:hidden; }
.panel-navigation-system .workspace-user > .user-menu :is(a,button,small) { overflow-wrap:anywhere; }
.panel-navigation-system .workspace-user > summary:focus-visible,
.panel-navigation-system .workspace-user > .user-menu :is(a,button):focus-visible { outline:3px solid #ffaa4d; outline-offset:2px; }
@media(min-width:1280px){
 .panel-navigation-system:has(>.workspace-navigation){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;min-height:78px;padding:10px 24px;margin-bottom:18px;border-radius:22px;background:radial-gradient(circle at 93% -20%,#ffffff08 0 140px,transparent 141px),linear-gradient(110deg,#071a3d,#123b74 70%,#255b89);box-shadow:0 8px 24px #071a3d12}
 .panel-navigation-system:has(>.workspace-navigation)>.workspace-header{display:contents}
 .panel-navigation-system:has(>.workspace-navigation)>.workspace-header::before,.panel-navigation-system:has(>.workspace-navigation)>.workspace-header::after{display:none}
 .panel-navigation-system:has(>.workspace-navigation) .panel-menu-toggle{display:none}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-commerce{grid-column:1;grid-row:1;min-width:0;display:flex;gap:12px;align-items:center}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-commerce-copy{min-width:0}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-commerce-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-commerce-name small{display:none}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-store{width:40px;height:40px;border-radius:12px}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-user{grid-column:3;grid-row:1;justify-self:end;min-width:0;margin:0;max-width:100%}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-user summary{min-height:44px;gap:8px}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-user summary>b{width:38px;height:38px}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-user summary>span{max-width:140px;overflow:hidden}
 .panel-navigation-system:has(>.workspace-navigation) .workspace-user summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .panel-navigation-system>.workspace-navigation{grid-column:2;grid-row:1;display:flex;width:auto;min-height:48px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;margin:0;gap:4px}
 .panel-navigation-system>.workspace-navigation .panel-nav-primary{gap:4px}
 .panel-navigation-system>.workspace-navigation .panel-nav-primary>a,.panel-navigation-system>.workspace-navigation>.more-menu>summary{min-width:0;min-height:48px;padding:0 12px;color:#e2eaf6;border-radius:10px;font-size:.85rem}
 .panel-navigation-system>.workspace-navigation .panel-nav-primary>a:hover,.panel-navigation-system>.workspace-navigation .panel-nav-primary>a.is-active,.panel-navigation-system>.workspace-navigation>.more-menu[open]>summary{background:#ffffff0c;color:#ffb56c}
 .panel-navigation-system>.workspace-navigation>.more-menu{margin-left:4px}
 .panel-navigation-system>.workspace-navigation .panel-nav-primary>a.nav-operation{color:#ffb56c}
 .panel-navigation-system>.workspace-navigation .panel-nav-primary>a.nav-operation>i{width:30px;height:30px;box-shadow:none}
 .panel-navigation-system>.workspace-navigation .panel-nav-primary>a::after,.panel-navigation-system>.workspace-navigation>.more-menu>summary::after{bottom:2px}
}
/* Between tablet and desktop, use the existing drawer rather than squeeze labels. */
@media(min-width:1025px) and (max-width:1279px){
 .panel-navigation-system{margin-bottom:18px;box-shadow:0 8px 24px #071a3d12;border-radius:22px}
 .panel-navigation-system>.workspace-navigation{display:none}
 .panel-navigation-system>.workspace-header-v4.no-commerce-logo{display:grid;grid-template-columns:44px minmax(0,1fr) auto;min-height:78px;padding:10px 18px;gap:14px;border-radius:22px}
 .panel-navigation-system .panel-menu-toggle{display:grid}
}