/* Shared, initially collapsed navigation for public and staff HAIR pages. */
.hair-menu,.hair-menu *{box-sizing:border-box}
.hair-menu{position:fixed!important;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:10050;margin:0!important;padding:0!important;border:0!important;font:15px/1.5 Tahoma,sans-serif;color:#2d2024}
.hair-menu>.hair-menu-toggle{display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:48px;padding:8px 14px!important;border:1px solid #d7bcc7!important;border-radius:12px!important;background:#fff!important;color:#6f1833!important;box-shadow:0 3px 12px #35101e18;cursor:pointer;list-style:none;font-weight:700;font-size:16px}
.hair-menu-toggle>span:first-child{font-size:25px;line-height:1}.hair-menu-toggle::-webkit-details-marker{display:none}.hair-menu-toggle::marker{content:''}.hair-menu-toggle:after{content:none!important}
.hair-menu>.hair-menu-panel{display:none!important}
.hair-menu[open]>.hair-menu-panel{display:flex!important;flex-direction:column;position:absolute;right:0;top:calc(100% + 8px);width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 88px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;padding:14px;border:1px solid #eadde0;border-radius:16px;background:#fff;box-shadow:0 12px 45px #35101e40;text-align:left;gap:3px}
.hair-menu-panel a,.hair-menu-panel button{display:flex!important;align-items:center;gap:10px;min-height:44px;width:100%;box-sizing:border-box;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;background:transparent;color:#3f3035!important;text-decoration:none!important;font:inherit!important;text-align:left;white-space:normal!important;cursor:pointer}
.hair-menu-panel a.active,.hair-menu-panel a:hover,.hair-menu-panel button:hover{background:#f8eef1!important;color:#6f1833!important}
.hair-menu-panel strong{display:block!important;padding:10px 12px;color:#6f1833;font-size:13px}.hair-menu-panel form{margin:0;padding:0}.hair-menu-panel .sidebar-link-icon{width:22px;flex:none;text-align:center}.hair-menu-panel .sidebar-link-label{display:inline!important}.hair-menu-panel a:focus-visible,.hair-menu-toggle:focus-visible,.hair-menu-panel button:focus-visible{outline:3px solid #bb6681;outline-offset:2px}
body:has(.hair-menu)>.top,body:has(.hair-menu)>.rh-topbar,body:has(.hair-menu)>.operator-topbar,body:has(.hair-menu)>header.nav{padding-right:112px!important;box-sizing:border-box}
body:has(.hair-menu) .shell{grid-template-columns:minmax(0,1fr)!important}
body:has(.hair-menu)>.container{padding-top:80px!important}
@media(max-width:560px){.hair-menu-label{display:none}.hair-menu>.hair-menu-toggle{padding:8px 12px!important}body:has(.hair-menu)>.top,body:has(.hair-menu)>.rh-topbar,body:has(.hair-menu)>.operator-topbar,body:has(.hair-menu)>header.nav{padding-right:76px!important}}

/* Logout is available inside the menu; reserve the header for its page title. */
body:has(.hair-menu)>.top form,body:has(.hair-menu)>.rh-topbar form{display:none}
@media(max-width:560px){
    body:has(.hair-menu)>header.nav .logo{font-size:16px}
    body:has(.hair-menu)>header.nav .nav-login{font-size:14px;padding:8px 10px;min-height:40px}
}

.hair-menu-order-toolbar{display:flex;gap:4px;border-bottom:1px solid #eadde0;padding-bottom:8px}
.hair-menu-panel .hair-menu-order-toolbar button{font-size:13px!important;background:#f8eef1}
.hair-menu-panel [hidden]{display:none!important}
.hair-menu-order-hint,.hair-menu-order-status{font-size:12px;color:#796b70;margin:6px 0}
.hair-menu-order-status:empty{display:none}
.hair-menu-order-row{display:flex;align-items:center;border-radius:8px}
.hair-menu-order-row>a{flex:1;min-width:0}
.hair-menu-order-controls{display:none}
.is-ordering .hair-menu-order-controls{display:flex;flex:none}
.hair-menu-panel .hair-menu-order-controls button{width:36px;min-height:44px;padding:4px!important;justify-content:center}
.hair-menu-drag{touch-action:none;cursor:grab!important;user-select:none}
.hair-menu-order-row.is-dragging{background:#f3dce5;outline:2px solid #bb6681}