/* QUEEN SPA HOUSE V1.0.6 · Layout Engine */
html{--layout-speed:.18s}
html[data-layout="adaptive"]{--layout-name:adaptive}
html[data-layout="focus"]{--rail:68px;--content-max:1680px;--layout-name:focus}
html[data-layout="compact"]{--content-max:1800px;--layout-name:compact}
.app-rail,.main,.topbar,.card,.panel,.nav-item{transition:padding var(--layout-speed) ease,width var(--layout-speed) ease,border-radius var(--layout-speed) ease}

@media(min-width:768px){
html[data-layout="focus"] .topbar{height:64px;padding-top:7px;padding-bottom:7px}
html[data-layout="focus"] .app-shell,html[data-layout="focus"] .shell.staff-shell{min-height:calc(100vh - 64px)}
html[data-layout="focus"] .app-rail{top:64px;height:calc(100vh - 64px);padding:9px 6px}
html[data-layout="focus"] .app-rail .nav-label{display:none}
html[data-layout="focus"] .app-rail .nav-item{min-height:52px;padding:6px 2px;border-radius:12px}
html[data-layout="focus"] .app-rail .nav-item span:first-child{font-size:20px}
html[data-layout="focus"] .app-rail .nav-item span:nth-child(2){display:none}
html[data-layout="focus"] .main{padding:16px 18px}
html[data-layout="focus"] .page-head{margin-bottom:12px}
html[data-layout="focus"] .page-head p{max-width:560px}
html[data-layout="focus"] .workspace-hero{padding:18px 20px;border-radius:18px}
html[data-layout="focus"] .workspace-kpis{gap:8px}
html[data-layout="focus"] .workspace-kpis .card{min-height:92px;padding:13px 15px}
}
@media(min-width:1025px){
html[data-layout="focus"] .mode-workspace .main[data-context="pos"]{height:calc(100vh - 64px);padding:10px 12px}
html[data-layout="focus"] .mode-workspace .main[data-context="pos"]>.page-head{margin-bottom:6px}
html[data-layout="focus"] .mode-workspace .main[data-context="pos"]>.page-head p{display:none}
html[data-layout="focus"] .mode-workspace .main[data-context="pos"] .pos{height:calc(100vh - 128px);grid-template-columns:minmax(210px,.72fr) minmax(400px,1.45fr) minmax(285px,.86fr);gap:8px}
html[data-layout="focus"] .mode-workspace .main[data-context="pos"] .panel{border-radius:14px;padding:12px}
html[data-layout="focus"] .mode-workspace .catalog{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px}
html[data-layout="focus"] .mode-workspace .item{min-height:84px;padding:11px 13px;border-radius:14px}
html[data-layout="focus"] .workspace-queue{grid-template-columns:1.25fr .75fr}
}

@media(min-width:768px){
html[data-layout="compact"][data-role="staff"],html[data-layout="compact"][data-role="admin"],html[data-layout="compact"][data-role="owner"]{--rail:196px}
html[data-layout="compact"] .main{max-width:var(--content-max);padding:14px 16px}
html[data-layout="compact"] .card,html[data-layout="compact"] .panel{border-radius:12px}
html[data-layout="compact"] .page-head{margin-bottom:12px}
html[data-layout="compact"] .page-head h1{font-size:clamp(27px,2.4vw,36px)}
html[data-layout="compact"] .section-title{margin:20px 0 10px;font-size:23px}
html[data-layout="compact"] .workspace-hero{padding:16px 18px;border-radius:14px}
html[data-layout="compact"] .workspace-hero h1{font-size:34px}
html[data-layout="compact"] .workspace-kpis{gap:7px}
html[data-layout="compact"] .workspace-kpis .card{min-height:82px;padding:11px 13px}
}
@media(min-width:1025px){
html[data-layout="compact"][data-role="staff"] .app-rail .nav-item,html[data-layout="compact"][data-role="admin"] .app-rail .nav-item,html[data-layout="compact"][data-role="owner"] .app-rail .nav-item{min-height:46px;display:flex;justify-content:flex-start;gap:10px;padding:8px 12px;border-radius:10px;text-align:left;font-size:11px}
html[data-layout="compact"][data-role="staff"] .app-rail .nav-item span:first-child,html[data-layout="compact"][data-role="admin"] .app-rail .nav-item span:first-child,html[data-layout="compact"][data-role="owner"] .app-rail .nav-item span:first-child{width:24px;font-size:17px;text-align:center}
html[data-layout="compact"][data-role="staff"] .app-rail .nav-label,html[data-layout="compact"][data-role="admin"] .app-rail .nav-label,html[data-layout="compact"][data-role="owner"] .app-rail .nav-label{text-align:left;padding:5px 12px 9px}
html[data-layout="compact"] .workspace-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-layout="compact"] .workspace-queue{grid-template-columns:1.35fr .65fr;gap:9px}
html[data-layout="compact"] .workspace-list .summary{padding:10px 12px}
html[data-layout="compact"] .table th{padding:8px 10px;font-size:9px}
html[data-layout="compact"] .table td{padding:9px 10px;font-size:11px}
html[data-layout="compact"] .action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
html[data-layout="compact"] .action-card{min-height:96px;padding:12px;border-radius:12px}
html[data-layout="compact"] .action-card b{font-size:15px}
html[data-layout="compact"] .catalog{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:7px}
html[data-layout="compact"] .item{min-height:82px;padding:10px 12px;border-radius:12px}
html[data-layout="compact"] .mode-workspace .main[data-context="pos"]{max-width:none;height:calc(100vh - 72px);padding:9px 10px;overflow:hidden}
html[data-layout="compact"] .mode-workspace .main[data-context="pos"] .pos{height:calc(100vh - 142px);grid-template-columns:minmax(215px,.7fr) minmax(360px,1.35fr) minmax(270px,.82fr);gap:7px}
html[data-layout="compact"] .mode-workspace .main[data-context="pos"] .panel{height:100%;padding:10px;overflow:auto}
}
@media(min-width:768px) and (max-width:1024px){
html[data-layout="compact"][data-role="staff"],html[data-layout="compact"][data-role="admin"],html[data-layout="compact"][data-role="owner"]{--rail:156px}
html[data-layout="compact"] .app-rail .nav-item{min-height:46px;font-size:9px}
html[data-layout="compact"] .workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-layout="compact"] .workspace-queue{grid-template-columns:1fr}
html[data-layout="compact"] .pos{grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr)}
}

@media(max-width:767px){
html[data-layout="focus"] .main{padding-left:10px;padding-right:10px}
html[data-layout="focus"] .workspace-hero{padding:17px;border-radius:16px}
html[data-layout="focus"] .workspace-hero p{display:none}
html[data-layout="focus"] .workspace-kpis{gap:6px}
html[data-layout="focus"] .workspace-kpis .card{min-height:78px;padding:11px}
html[data-layout="focus"] .workspace-list .summary{padding:11px 12px}
html[data-layout="focus"] .bottom-nav button{font-size:8px}
html[data-layout="focus"] .bottom-nav button b{font-size:18px}
html[data-layout="compact"] .main{padding-left:10px;padding-right:10px}
html[data-layout="compact"] .card,html[data-layout="compact"] .panel{border-radius:12px}
html[data-layout="compact"] .workspace-hero{padding:16px;border-radius:14px}
html[data-layout="compact"] .workspace-hero h1{font-size:30px}
html[data-layout="compact"] .workspace-kpis{gap:6px}
html[data-layout="compact"] .workspace-kpis .card{min-height:78px;padding:10px}
html[data-layout="compact"] .table td{padding:9px 8px}
}