/* A single vertical navigation shared by store and customer routes. */
body:is([data-page=client],[data-page=store]){--customer-rail:224px;--customer-header:78px}
body:is([data-page=client],[data-page=store]) .app-workspace{width:100%;margin:0;padding-left:var(--customer-rail);box-sizing:border-box;min-width:0}
body:is([data-page=client],[data-page=store]) .app-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:var(--customer-header);padding:14px 28px;gap:18px;background:#17181cf5;border-bottom:1px solid #373330}
body:is([data-page=client],[data-page=store]) .topbar-heading,body:is([data-page=client],[data-page=store]) #client-sidebar{display:none!important}
body:is([data-page=client],[data-page=store]) .storefront-brand{position:absolute;top:0;left:calc(-1 * var(--customer-rail));width:var(--customer-rail);height:var(--customer-header);padding:16px 22px;display:flex;align-items:center;gap:9px;color:#f5f2ed;font-size:24px;font-weight:750;letter-spacing:-1px;background:#17181c;border-right:1px solid #373330;border-bottom:1px solid #373330;flex-shrink:0;box-sizing:border-box}
body:is([data-page=client],[data-page=store]) .storefront-brand img{display:block;width:42px;height:42px;object-fit:contain}
body:is([data-page=client],[data-page=store]) .storefront-brand b{color:#ffad6b}
body:is([data-page=client],[data-page=store]) .app-topbar>.flex{margin-left:auto}
body:is([data-page=client],[data-page=store]) .customer-unified-nav{position:fixed;inset:var(--customer-header) auto 0 0;z-index:35;width:var(--customer-rail);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;padding:26px 16px;background:#17181c;border-right:1px solid #373330;overflow-y:auto;scrollbar-width:thin;box-sizing:border-box}
body:is([data-page=client],[data-page=store]) .customer-unified-nav:before{content:'TU ESPACIO';font-size:10px;font-weight:650;letter-spacing:.16em;color:#a08f80;padding:0 14px 17px}
body:is([data-page=client],[data-page=store]) .customer-unified-nav a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid transparent;border-radius:11px;font-size:13px;color:#beb4aa;flex-shrink:0;white-space:nowrap;min-height:48px}
body:is([data-page=client],[data-page=store]) .customer-unified-nav a.active{background:#ff8b3215;border-color:#9e5d2c;color:#ffb67e;font-weight:600}
body:is([data-page=client],[data-page=store]) .customer-unified-nav a:hover{background:#202125;color:#fff}
body:is([data-page=client],[data-page=store]) .customer-unified-nav svg{width:19px;height:19px;flex-shrink:0}
body:is([data-page=client],[data-page=store]) .customer-nav-toggle{display:none}
body[data-page=client] [data-customer-account].customer-workspace-shell{display:block;width:100%;min-width:0;max-width:1300px;padding:30px;margin-inline:auto;box-sizing:border-box}
body[data-page=client] [data-customer-account] .account-content{width:100%;min-width:0;margin:0;max-width:none}
body:is([data-page=client],[data-page=store]) .app-footer{margin-left:0}
@media(max-width:1100px) and (min-width:768px){body:is([data-page=client],[data-page=store]){--customer-rail:196px}body:is([data-page=client],[data-page=store]) .storefront-brand{padding-inline:15px;font-size:22px}body:is([data-page=client],[data-page=store]) .customer-unified-nav{padding-inline:12px}body:is([data-page=client],[data-page=store]) .customer-unified-nav a{font-size:12px}}
@media(max-width:767px){body:is([data-page=client],[data-page=store]){--customer-header:70px;--customer-rail:240px}body:is([data-page=client],[data-page=store]) .app-workspace{padding-left:0}body:is([data-page=client],[data-page=store]) .app-topbar{padding:12px 16px;min-height:70px;gap:10px}body:is([data-page=client],[data-page=store]) .storefront-brand{position:static;left:auto;width:auto;height:auto;padding:0;border:0;background:transparent;font-size:21px;gap:6px}body:is([data-page=client],[data-page=store]) .storefront-brand img{width:32px;height:32px}body:is([data-page=client],[data-page=store]) .customer-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #655343;border-radius:9px;background:#202125;color:#ffd0a6;flex-shrink:0}body:is([data-page=client],[data-page=store]) .customer-nav-toggle svg{width:17px;height:17px}body:is([data-page=client],[data-page=store]) .customer-unified-nav{transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s;box-shadow:20px 0 70px #0007}body:is([data-page=client],[data-page=store]) .customer-unified-nav.is-open{transform:translateX(0);visibility:visible}body[data-page=client] [data-customer-account].customer-workspace-shell{padding:24px 17px}body:is([data-page=client],[data-page=store]) #wallet-widget{padding:6px}body:is([data-page=client],[data-page=store]) #user-menu{padding-left:5px}}
@media(max-width:380px){body:is([data-page=client],[data-page=store]) .app-topbar{padding-inline:9px;gap:6px}body:is([data-page=client],[data-page=store]) .storefront-brand{font-size:17px}body:is([data-page=client],[data-page=store]) .storefront-brand img{width:27px;height:27px}body:is([data-page=client],[data-page=store]) #wallet-widget{gap:4px}body:is([data-page=client],[data-page=store]) #user-avatar{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){body:is([data-page=client],[data-page=store]) .customer-unified-nav{transition:none}}

/* A clear sign-out action in the shared desktop rail and mobile drawer. */
body:is([data-page=client],[data-page=store]) .customer-nav-logout{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-top:auto;min-height:48px;padding:14px;border:1px solid #514034;border-radius:11px;background:#ff8b320a;color:#ffc699;text-align:left;font-size:13px;cursor:pointer}
body:is([data-page=client],[data-page=store]) .customer-nav-logout:hover{background:#ff8b321a;border-color:#9e5d2c;color:#fff}
body:is([data-page=client],[data-page=store]) .customer-nav-logout:focus-visible{outline:2px solid #ffad6b;outline-offset:3px}
body:is([data-page=client],[data-page=store]) .customer-nav-logout.hidden{display:none}
body:is([data-page=client],[data-page=store]) #user-menu #btn-logout{display:none}