/* EA CloudPOS DS1.1: brand palette and dark application navigation. */
:root {
 --ea-navigation:#171c23; --ea-navigation-elevated:#222934;
 --ea-navigation-border:#36404d; --ea-navigation-text:#edf0f5;
 --ea-navigation-muted:#aab5c3; --ea-navigation-heading:#91a0b1;
 --ea-red:#d90c24; --ea-workspace:#f5f6f8; --ea-surface:#fff;
 --ea-text:#212936; --ea-stroke:#e4e7ec;
}
body{background:var(--ea-workspace);color:var(--ea-text)}
.side{background:var(--ea-navigation);border-right:1px solid var(--ea-navigation-border);color:var(--ea-navigation-text)}
.side>.brand-strip,.side>.sidebar-bottom{background:var(--ea-navigation);border-color:var(--ea-navigation-border)}
.side>.edition{color:var(--ea-navigation-muted)}
.side>nav#primaryNav{scrollbar-color:#556271 transparent}
.nav-heading{color:var(--ea-navigation-heading)}
.nav-link{color:var(--ea-navigation-text)}
.nav-link:hover,.nav-link:focus-visible{background:var(--ea-navigation-elevated);color:#fff}
.nav-link.active{background:var(--ea-red);color:#fff}
.nav-link.active .nav-icon{color:#fff}
.nav-group+.nav-group,.shell.is-collapsed .nav-group+.nav-group{border-color:var(--ea-navigation-border)}
.identity-text,.identity-text strong{color:var(--ea-navigation-text)}
.identity-text span{color:var(--ea-navigation-muted)}
.identity-avatar{background:#3d2530;color:#fff}
.signout{background:transparent;color:var(--ea-navigation-text)}
.signout:hover,.signout:focus-visible{background:var(--ea-navigation-elevated);color:#fff}
.logo-full{width:205px;height:auto;max-height:70px;object-position:left center}
.logo-mark{width:38px;height:38px}
.brand-strip{min-height:64px}
/* DS1.2: edition-specific dark-safe approved wordmarks, no light logo plate. */
.brand{background:transparent;border-radius:0;padding:0;min-height:48px;display:flex;align-items:center;overflow:hidden}
.logo-full{width:100%;max-width:220px;max-height:63px;object-fit:contain;object-position:left center}
.brand-strip{min-height:75px;padding-block:12px}
.shell.is-collapsed .brand{background:transparent;padding:0}
.logo-mark,.shell.is-collapsed .logo-mark{background:transparent;padding:0;width:38px;height:38px;object-fit:contain}
.side>.sidebar-bottom{border-top:1px solid var(--ea-navigation-border);position:relative;z-index:5;padding:8px 6px max(8px,env(safe-area-inset-bottom))}
/* Fixed account footer with a disclosure menu that opens upward. */
.account-menu-toggle{display:flex;align-items:center;width:100%;gap:10px;padding:9px;border:0;border-radius:10px;background:transparent;color:var(--ea-navigation-text);cursor:pointer;text-align:left;min-height:51px}
.account-menu-toggle:hover,.account-menu-toggle:focus-visible{background:var(--ea-navigation-elevated)}
.account-menu-toggle:focus-visible{outline:2px solid #f4a5ae;outline-offset:2px}
.account-menu-toggle .identity-text{display:flex;flex-direction:column;min-width:0;flex:1}
.account-menu-toggle .identity-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.account-menu-toggle[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.account-menu{position:absolute;bottom:calc(100% + 7px);left:8px;right:8px;background:#252d39;border:1px solid var(--ea-navigation-border);border-radius:12px;padding:7px;box-shadow:0 15px 35px #0007;z-index:20}
.account-menu[hidden]{display:none!important}
.account-menu-heading{font-size:12px;color:var(--ea-navigation-muted);overflow-wrap:anywhere;padding:8px 9px;border-bottom:1px solid var(--ea-navigation-border);margin-bottom:4px}
.account-menu .signout{display:flex;align-items:center;gap:10px;width:100%;padding:11px;border:0;border-radius:8px;text-align:left}
.shell.is-collapsed .account-menu-toggle{justify-content:center;padding:8px 0}
.shell.is-collapsed .account-menu-toggle .identity-text,.shell.is-collapsed .account-chevron{display:none}
.shell.is-collapsed .account-menu{left:calc(100% + 6px);right:auto;bottom:8px;width:240px}
@media(min-width:768px) and (max-width:1100px){.brand{background:transparent;padding:0}.logo-mark{background:transparent;padding:0}.account-menu-toggle{justify-content:center}.account-menu-toggle .identity-text,.account-menu-toggle .account-chevron{display:none}.account-menu{left:calc(100% + 6px);right:auto;bottom:8px;width:240px}}
@media(max-width:767px){.brand{background:transparent}.side>.brand-strip{background:var(--ea-navigation)}.account-menu{bottom:calc(100% + 6px)}.shell.is-collapsed .account-menu-toggle{justify-content:flex-start;padding:9px}.shell.is-collapsed .account-menu-toggle .identity-text,.shell.is-collapsed .account-chevron{display:flex}.shell.is-collapsed .account-menu{left:8px;right:8px;bottom:calc(100% + 6px);width:auto}}
/* All headings use Cal Sans and control text uses National Park from local WOFF2. */
h1,h2,h3,h4,h5,h6,.page-header h1{font-family:var(--ea-font-heading)}
body,button,input,select,textarea,.nav-link,.nav-heading,.edition{font-family:var(--ea-font-body)}

/* DS1.5: navigation overflow/accessibility regression hardening */
.side>nav#primaryNav{scrollbar-gutter:stable;overscroll-behavior-y:contain}
.side>.brand-strip,.side>.sidebar-bottom{flex-shrink:0}
.account-menu-toggle:focus-visible,.nav-link:focus-visible,.mobile-close:focus-visible,.menu-button:focus-visible{outline:2px solid #f9a7b3;outline-offset:2px}
@media(max-width:767px){.side>nav#primaryNav{scrollbar-gutter:auto}}