@media(max-width:800px){.dashboard{grid-template-columns:210px minmax(0,1fr)!important}.sidebar{position:sticky!important;top:0!important;height:100vh!important;min-height:100vh!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important}.side-brand{padding:0 4px 18px!important}.sidebar nav{display:grid!important;overflow-y:auto!important}.side-foot{position:static!important;margin-top:auto!important}.content{min-width:0!important}.menu-toggle{display:block!important}}
@media(max-width:560px){.dashboard{grid-template-columns:78px minmax(0,1fr)!important}.sidebar{padding:12px 8px!important}.side-brand div,.sidebar nav span,.side-foot{display:none!important}.side-brand{justify-content:center!important}.sidebar nav button{justify-content:center!important;padding:14px 8px!important}.sidebar nav button::before{margin:0!important}.content{padding-left:8px!important;padding-right:8px!important}}
.kiosk-service-assignment{display:grid!important;grid-template-columns:minmax(120px,1fr) minmax(130px,190px) auto!important;gap:8px!important;align-items:center!important}.kiosk-service-assignment select{min-width:0;padding:8px;border:1px solid #ccd7df;border-radius:8px;background:#fff}.kiosk-main label>small{display:block;margin-top:5px;color:#687985;font-weight:500}

/* Every register surface uses one hamburger: closed means no sidebar/icon rail;
   open means the complete menu overlays the current screen. */
.mobile-menu-state{display:none!important}
.dashboard,.dashboard.menu-collapsed{grid-template-columns:minmax(0,1fr)!important}
.dashboard>.sidebar,.dashboard.menu-collapsed>.sidebar{display:none!important;width:0!important;min-width:0!important;flex:0 0 0!important}
.dashboard>.content,.dashboard>.dash-main,.dashboard.menu-collapsed>.dash-main{grid-column:1!important;width:100%!important;min-width:0!important;flex:1 1 100%!important}
html.nsp-clover-legacy .dashboard.menu-collapsed .sidebar{display:none!important;width:0!important;min-width:0!important;flex:0 0 0!important}
html.nsp-clover-legacy .dashboard.menu-collapsed .dash-main{width:100%!important}
.dashboard>.mobile-menu-state:checked + .sidebar,
.dashboard.menu-open>.sidebar,.dashboard.menu-collapsed.menu-open>.sidebar,
html.nsp-clover-legacy .dashboard.menu-open>.sidebar{
 display:flex!important;position:fixed!important;left:0!important;top:0!important;
 width:min(290px,86vw)!important;height:100vh!important;min-height:100vh!important;
 padding:14px 12px!important;z-index:100!important;box-shadow:10px 0 30px #071a2b77
}
.dashboard>.mobile-menu-state:checked + .sidebar .side-brand div,
.dashboard>.mobile-menu-state:checked + .sidebar nav span,
.dashboard>.mobile-menu-state:checked + .sidebar .side-foot,
.dashboard.menu-open>.sidebar .side-brand div,
.dashboard.menu-open>.sidebar nav span,
.dashboard.menu-open>.sidebar .side-foot{display:block!important}
.dashboard>.mobile-menu-state:checked + .sidebar .side-brand,
.dashboard.menu-open>.sidebar .side-brand{justify-content:flex-start!important}
.dashboard>.mobile-menu-state:checked + .sidebar nav,
.dashboard.menu-open>.sidebar nav{display:grid!important;overflow-y:auto!important}
.dashboard>.mobile-menu-state:checked + .sidebar nav button,
.dashboard.menu-open>.sidebar nav button{justify-content:flex-start!important;padding:13px 14px!important}
@media(max-width:800px){.dashboard>.content,.dashboard>.dash-main{padding-left:8px!important;padding-right:8px!important}}

/* One compact in-page menu button on every module. POS Board and Register
   keep their purpose-built command-bar buttons. */
.module-menu-button{
 display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;
 border:1px solid #365168;border-radius:8px;background:#0d2b43;color:#fff;
 font-size:24px;line-height:1;cursor:pointer
}
.dash-head>.module-menu-button{margin-right:10px}
.feature-heading>.module-menu-button{align-self:center;margin-right:10px}
.gcv2-head>.module-menu-button{align-self:flex-start;margin-right:10px}
.module-menu-button.hidden{display:none!important}
@media(max-width:800px){
 .dash-head,.feature-heading{gap:7px!important}
 .dash-head>.module-menu-button,.feature-heading>.module-menu-button{margin-right:0}
 .gcv2-head>.module-menu-button{margin-right:0}
}