/* Cooklayer shared identity. Last-loaded bridge for both existing page shells. */
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('../brand/cooklayer/PlusJakartaSans-variable.woff2') format('woff2')}
html[data-brand="cooklayer"]{
 --cooklayer-navy:#03111E;--cooklayer-yellow:#FFC51B;
 --font:'Plus Jakarta Sans',system-ui,sans-serif;--font-display:var(--font);
 --margherita:#FFC51B;--margherita-soft:#FFF5D8;--accent:#FFC51B;
 --acc:#173B53;--acc-ink:#173B53;--acc-lift:#FFC51B;--acc-soft:rgba(23,59,83,.09);
 --acc-grad-a:#03111E;--acc-grad-b:#173B53;
 --bg-page:#DFE6ED;--bg-card:#fff;--bg-chrome:#03111E;
 --text-1:#142C3D;--text-2:#526575;--text-3:#617484;
 --border:#C3CFD9;--border-soft:#DEE5EB;--surface-soft:#EFF3F7;
 --radius:10px;--radius-md:12px;--radius-lg:16px;
 --naly-r-card:16px;--naly-r-tile:14px;--naly-r-control:10px;
 --naly-surface:var(--bg-card);--naly-surface-border:var(--border);
 --naly-cta-bg:#173B53;--naly-cta-shadow:0 2px 4px #03111e12;
 --nav-active-bg:linear-gradient(90deg,rgba(255,197,27,.19),rgba(255,197,27,0));
 --nav-active-text:#FFE18A;
 --shadow:0 2px 4px #18374c06,0 8px 24px #18374c09;
}
html[data-brand="cooklayer"][data-theme="dark"]{
 --bg-page:#071622;--bg-card:#142B3C;--surface-soft:#102332;
 --text-1:#F1F6FA;--text-2:#C1D0DD;--text-3:#A1B5C5;
 --border:#344D60;--border-soft:#294254;
 --acc:#82B7D7;--acc-ink:#B7D7EB;--acc-soft:rgba(130,183,215,.12);
 --naly-cta-bg:#245371;
}
html[data-brand="cooklayer"] body{font-family:var(--font);background:var(--bg-page);color:var(--text-1)}
html[data-brand="cooklayer"] .dash-root{--dash-page-bg:var(--bg-page);--dash-text:var(--text-1);--dash-font:var(--font);background:var(--bg-page)}
html[data-brand="cooklayer"] :is(.naly-sidebar,.cooklayer-legacy-sidebar,.naly-drawer){background:#03111E;color:#fff;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column}
html[data-brand="cooklayer"] .naly-sidebar__brand{padding:25px 20px 20px;flex-shrink:0}
html[data-brand="cooklayer"] .cooklayer-wordmark{display:block;width:180px;max-width:100%;height:auto}
html[data-brand="cooklayer"] .naly-sidebar__nav{padding:0 12px 12px;gap:2px;overflow-y:auto;min-height:100px;scrollbar-width:thin;scrollbar-color:#294052 transparent;flex:1}
html[data-brand="cooklayer"] .naly-sidebar__section{padding:17px 12px 7px;font-size:10px;font-weight:650;letter-spacing:.12em;color:#8CA3B5}
html[data-brand="cooklayer"] .naly-sidebar__item{position:relative;min-height:38px;padding:9px 12px;border-radius:10px;color:#C3D0DB;font-size:12px;line-height:1.5;font-weight:550;gap:11px;flex-shrink:0;transition:background .15s,color .15s}
html[data-brand="cooklayer"] .naly-sidebar__item svg{width:18px;height:18px}
html[data-brand="cooklayer"] .naly-sidebar__item:hover{background:#14293A;color:white}
html[data-brand="cooklayer"] .naly-sidebar__item[aria-current="page"]{background:linear-gradient(90deg,#FFC51B30,#FFC51B00);color:#FFE18A;box-shadow:none;font-weight:700}
html[data-brand="cooklayer"] .naly-sidebar__item[aria-current="page"]::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#FFC51B}
html[data-brand="cooklayer"] .naly-sidebar__badge{font-size:10px;min-width:20px;background:#354758;color:white}
html[data-brand="cooklayer"] .naly-sidebar__user{flex-shrink:0;margin:8px 12px;padding:11px 10px;gap:9px;background:#0E2233;border:1px solid #253A4A;border-radius:12px}
html[data-brand="cooklayer"] .naly-sidebar__user>div{min-width:0}
html[data-brand="cooklayer"] .naly-sidebar__uname{font-size:11px;overflow-wrap:anywhere;color:#C3D0DB}
html[data-brand="cooklayer"] .naly-sidebar__urole{font-size:10px;color:#9FB2C2;margin-top:4px}
html[data-brand="cooklayer"] .cooklayer-workspace{font-size:12px;font-weight:700;margin-bottom:5px;overflow-wrap:anywhere;color:white}
html[data-brand="cooklayer"] .naly-sidebar__foot{flex-shrink:0;margin-top:0;padding:0 12px 12px}
html[data-brand="cooklayer"] .cooklayer-theme{border:0;background:transparent;width:100%;text-align:left;font-family:inherit;cursor:pointer}
html[data-brand="cooklayer"] .naly-sidebar__foot .naly-sidebar__item{min-height:32px;padding-top:6px;padding-bottom:6px;font-size:11px}
html[data-brand="cooklayer"] .naly-card,html[data-brand="cooklayer"] .naly-tile{box-shadow:0 2px 5px #15354b08}
html[data-brand="cooklayer"] :is(button,input,select,textarea){font-family:inherit}
html[data-brand="cooklayer"] :is(a,button,input,select,textarea):focus-visible{outline:3px solid #B88700;outline-offset:3px}
html[data-brand="cooklayer"] .cooklayer-workspace-title{font-size:12px;font-weight:650;color:var(--text-2)}
@media(max-width:1024px){html[data-brand="cooklayer"] .cooklayer-workspace-title{color:#C3D0DB}}
@media(min-width:1025px){
 html[data-brand="cooklayer"]{--sidebar-w:258px}
 html[data-brand="cooklayer"] :is(.naly-sidebar,.cooklayer-legacy-sidebar){display:flex;left:14px;top:14px;bottom:14px;width:230px;border-radius:23px;overflow:hidden}
 html[data-brand="cooklayer"] .dash-root{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
 html[data-brand="cooklayer"] .dash-main{padding:22px 26px 32px 10px}
 html[data-brand="cooklayer"] .topbar{margin-left:var(--sidebar-w);width:auto;background:var(--bg-page);border:0;box-shadow:none;padding-left:10px}
 html[data-brand="cooklayer"] .main-wrapper .topbar{margin-left:0}
 html[data-brand="cooklayer"] .main-wrapper{margin-left:var(--sidebar-w)}
 html[data-brand="cooklayer"] .main-container{padding-left:10px}
 html[data-brand="cooklayer"] .naly-drawer{display:none}
}
@media(min-width:1025px) and (max-width:1199px){
 html[data-brand="cooklayer"]{--sidebar-w:238px}
 html[data-brand="cooklayer"] :is(.naly-sidebar,.cooklayer-legacy-sidebar){width:210px}
 html[data-brand="cooklayer"] .naly-sidebar__brand{padding-left:18px;padding-right:18px}
 html[data-brand="cooklayer"] .dash-main{padding-right:18px}
}
@media(max-width:1024px){
 html[data-brand="cooklayer"] .naly-sidebar{display:none}
 html[data-brand="cooklayer"] .cooklayer-legacy-sidebar{width:280px;--sidebar-w:280px}
 html[data-brand="cooklayer"] .naly-drawer{background:#03111E;border-radius:0 22px 22px 0}
 html[data-brand="cooklayer"] .naly-sidebar__item{min-height:44px;font-size:13px}
 html[data-brand="cooklayer"] .naly-sidebar__foot .naly-sidebar__item{min-height:44px;font-size:12px}
 html[data-brand="cooklayer"] .naly-topbar{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 5px #03111e08}
}
@media(prefers-reduced-motion:reduce){html[data-brand="cooklayer"] .naly-sidebar__item{transition:none}}
@media(min-width:1025px){
 html[data-brand="cooklayer"] .topbar{--tb-ink:var(--text-1);--tb-ink-2:var(--text-2);--tb-pill-bg:var(--bg-card);--tb-pill-line:var(--border)}
 html[data-brand="cooklayer"] .topbar::after{display:none}
 html[data-brand="cooklayer"] .topbar-icon i{color:var(--text-1)}
}
html[data-brand="cooklayer"] .naly-page{background:var(--bg-page)}
html[data-brand="cooklayer"] .admin-switcher{--as-bg-surface:#0E2233;--as-bg-elev:#183448;--as-border:#304B60;--as-indigo:#FFC51B;--as-indigo-soft:#FFC51B20;--as-indigo-text:#FFE18A}
@media(min-width:1025px){
 html[data-brand="cooklayer"] .cooklayer-legacy-sidebar .admin-switcher__panel--sidebar{position:fixed;left:calc(var(--sidebar-w) + 14px);width:min(360px,calc(100vw - var(--sidebar-w) - 28px));min-width:300px;max-height:calc(100vh - 24px);overflow-y:auto}
}

@media(min-width:1025px){
 html[data-brand="cooklayer"] .topbar-chat{background:var(--bg-card);border-color:var(--border);color:var(--text-1)}
 html[data-brand="cooklayer"] .topbar-chat i{color:inherit}
 html[data-brand="cooklayer"] .topbar-chat:hover{background:var(--surface-soft);color:var(--text-1)}
}
html[data-brand="cooklayer"][data-theme="dark"] .hub-tab--hrs.active,html[data-brand="cooklayer"][data-theme="dark"] .hub-tab--hrs.active i{color:#77D9A5}

/* Mobile web identity: both shells keep their existing routes and safe-area
   positioning. Opaque surfaces avoid the iOS fixed-chrome scroll jitter. */
@media(max-width:1024px){
 html[data-brand="cooklayer"] body.naly-shell{--topbar-h:calc(72px + env(safe-area-inset-top,0px))}
 html[data-brand="cooklayer"] .naly-topbar-wrap{padding:calc(8px + env(safe-area-inset-top,0px)) 12px 0}
 html[data-brand="cooklayer"] :is(.naly-topbar,.topbar){background:#03111E;color:#F1F6FA;border-color:#263D4F;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 html[data-brand="cooklayer"] .naly-topbar{padding:8px;gap:8px;border-radius:16px}
 html[data-brand="cooklayer"] .naly-topbar__title{color:#F1F6FA;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html[data-brand="cooklayer"] .naly-topbar__subtitle{color:#B6C8D6;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html[data-brand="cooklayer"] :is(.naly-burger,.naly-bell){width:44px;height:44px;background:#102838;border:1px solid #294254;color:#E7EFF5;box-shadow:none;border-radius:12px}
 html[data-brand="cooklayer"] :is(.naly-burger,.naly-bell) svg{width:20px;height:20px}
 html[data-brand="cooklayer"] .naly-avatar{width:40px;height:40px;background:#23465D;box-shadow:none;border:1px solid #426079}
 html[data-brand="cooklayer"] :is(.naly-tabbar,.m-bottomnav){background:#03111E;color:#C3D0DB;border-color:#294254;box-shadow:0 -2px 10px rgb(3 17 30 / 10%);backdrop-filter:none;-webkit-backdrop-filter:none}
 html[data-brand="cooklayer"] :is(.naly-tab,.m-bottomnav-item){font-family:var(--font);color:#C3D0DB;font-size:11px;font-weight:600;line-height:1.3;min-height:44px;border-radius:12px}
 html[data-brand="cooklayer"] .naly-tab{flex:1;min-width:0;padding:4px 6px}
 html[data-brand="cooklayer"] .naly-tab svg{width:20px;height:20px}
 html[data-brand="cooklayer"] .naly-tab[aria-current="page"],
 html[data-brand="cooklayer"] .m-bottomnav-item.active{background:#FFC51B;color:#03111E;font-weight:750;box-shadow:none}
 html[data-brand="cooklayer"] .naly-tab:not([aria-current="page"]):hover,
 html[data-brand="cooklayer"] .m-bottomnav-item:not(.active):hover{background:#193446;color:#fff}
 html[data-brand="cooklayer"] :is(.naly-tabbar,.m-bottomnav,.naly-topbar,.topbar,.naly-drawer,.cooklayer-legacy-sidebar) :is(a,button):focus-visible{outline-color:#FFC51B;outline-offset:2px}
 html[data-brand="cooklayer"] .naly-drawer{width:min(300px,90vw);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 html[data-brand="cooklayer"] .cooklayer-legacy-sidebar{max-width:90vw;padding-bottom:env(safe-area-inset-bottom,0px)}
 html[data-brand="cooklayer"] .naly-drawer .naly-sidebar__nav{min-height:0}
 html[data-brand="cooklayer"] .naly-topbar .admin-switcher__trigger{min-height:40px;min-width:40px;box-shadow:none}
 html[data-brand="cooklayer"] .topbar{display:flex;justify-content:space-between;gap:6px}
 html[data-brand="cooklayer"] .topbar-left{min-width:0;flex:1;gap:6px}
 html[data-brand="cooklayer"] .topbar-right{flex-shrink:0;gap:4px}
 html[data-brand="cooklayer"] .cooklayer-workspace-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html[data-brand="cooklayer"] :is(.topbar-chat,.topbar-cart,.topbar-hamburger,.topbar-account){color:#E7EFF5}
 html[data-brand="cooklayer"] .topbar-chat i,html[data-brand="cooklayer"] .topbar-cart i{color:inherit}
}
@media(max-width:1024px){
 /* The employee launcher deliberately has its own header and no tabbar. */
 html[data-brand="cooklayer"] .employee-home-3d{--staff-navy:#03111E;--staff-navy-muted:#102838;--staff-navy-deep:#03111E;--staff-yellow:#FFC51B}
 html[data-brand="cooklayer"] .employee-home-3d :is(.staff3d,.staff3d__top){background:#03111E}
 html[data-brand="cooklayer"] .staff3d__burger{background:#102838;border-color:#294254;box-shadow:none}
 html[data-brand="cooklayer"] .staff3d__avatar{background:#23465D;box-shadow:none}
}