.restaurant-ops-compact{height:auto;min-height:calc(100vh - 70px);overflow:visible!important;padding:16px 18px 48px!important;display:block}
.restaurant-ops-compact .restaurant-ops-head{margin:0;padding:0!important}.restaurant-ops-compact .restaurant-ops-head h1{font-size:27px!important;letter-spacing:-.035em}.restaurant-ops-compact .restaurant-ops-head+.muted{display:none!important}
.restaurant-ops-panes{position:sticky;z-index:20;top:66px;display:flex;align-items:center;gap:7px;overflow-x:auto;margin:8px 0 12px;padding:8px 1px;background:rgba(7,10,23,.96);backdrop-filter:blur(13px);scrollbar-width:none}.restaurant-ops-panes::-webkit-scrollbar{display:none}
.restaurant-ops-panes button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid #2b355e;border-radius:11px;background:#111831;color:#9faad0;padding:9px 12px;font-weight:850;cursor:pointer}.restaurant-ops-panes button:hover{color:white;border-color:#536bd0}.restaurant-ops-panes button.on{color:white;border-color:#6678e3;background:linear-gradient(135deg,#314fbd,#6540a9);box-shadow:0 8px 22px rgba(58,63,180,.2)}.restaurant-ops-panes button b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:rgba(255,255,255,.13);font-size:11px}.restaurant-ops-panes button.refresh{margin-left:auto;font-size:18px;padding:7px 12px}
.restaurant-ops-compact>.panel,.restaurant-ops-compact>.restaurant-production-panel{min-height:0!important;height:auto;max-height:none;margin:0!important;overflow:visible;border-color:#29335a!important;border-width:1px!important;border-radius:15px!important}
.restaurant-ops-compact .restaurant-production-head{position:sticky;z-index:4;top:-16px;background:var(--bos-ops-panel);padding:10px 0!important}.restaurant-ops-compact .restaurant-production-head .muted,.restaurant-ops-compact .restaurant-notify-line{display:none}.restaurant-ops-compact .restaurant-printer-panel{margin-top:8px}
.restaurant-ops-compact>.panel>h3{position:sticky;z-index:3;top:-16px;margin:-16px -16px 10px!important;padding:14px 16px;background:rgba(16,22,43,.97);border-bottom:1px solid #29335a;backdrop-filter:blur(10px)}
@media(max-width:850px){.restaurant-ops-compact{height:auto;min-height:calc(100vh - 70px);overflow:visible!important;padding:12px!important;display:block}.restaurant-ops-panes{position:sticky;z-index:20;top:68px;margin:0 -12px 10px;padding:8px 12px;background:rgba(7,10,23,.96);backdrop-filter:blur(13px)}.restaurant-ops-compact>.panel,.restaurant-ops-compact>.restaurant-production-panel{height:auto;max-height:none;overflow:visible}.restaurant-ops-panes button{padding:8px 10px}.restaurant-ops-panes button.refresh{margin-left:0}}
@media(max-width:560px){.restaurant-ops-compact .restaurant-ops-head h1{font-size:23px!important}.restaurant-ops-panes button span{font-size:12px}}