.toriko-floor{position:relative!important;isolation:isolate;min-height:340px!important;aspect-ratio:15/9;background:#ede8de!important;border-radius:16px;overflow:hidden!important;width:100%}
.toriko-stage{position:absolute;inset:0;z-index:1;touch-action:pan-y;pointer-events:none;visibility:hidden}
.toriko-floor[data-floor-ready="true"]>.toriko-stage{pointer-events:auto;visibility:visible}
.toriko-stage canvas{display:block;width:100%;height:100%;outline:none}
#pos-floor[data-floor-loading="true"]>:is(.pos-table,.pos-fixture,.toriko-tools,.toriko-caption){visibility:hidden!important}
#pos-floor[data-floor-loading="true"]::after{content:attr(data-floor-loading-label);position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#ede8de;color:#5b554a;font:500 14px system-ui,sans-serif;pointer-events:none}
.toriko-floor[data-floor-ready="true"]>:is(.floor-fixture,.pos-fixture,.layout-fixture){visibility:hidden}
.toriko-floor[data-floor-ready="true"]>.layout-fixture[data-floor-fixture]{visibility:visible;position:absolute;z-index:3;transform:translate(-50%,-50%);width:auto!important;height:auto!important;max-width:100px;min-height:26px;border:1px solid #847969;border-radius:6px;background:#fff9e8ee;padding:5px;font:9px system-ui;cursor:move}
.toriko-floor[data-floor-ready="true"]>.layout-fixture .fixture-resize{display:none}
.toriko-floor[data-floor-ready="true"]>:is(.layout-table,.guest-table,.overview-table,.ops-table,.pos-table){position:absolute!important;z-index:3!important;transform:translate(-50%,-50%)!important;width:auto!important;min-width:30px!important;max-width:96px!important;height:auto!important;min-height:25px!important;padding:4px 7px!important;border-radius:7px!important;background:#fffdf5ed!important;border:1px solid #746b58!important;color:#26261f!important;box-shadow:0 2px 6px #1f160d24!important;font:600 11px/1.1 system-ui,sans-serif!important;gap:2px!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer}
.toriko-floor[data-floor-ready="true"]>:is(.layout-table,.guest-table,.overview-table,.ops-table,.pos-table) small{font:9px/1.1 system-ui!important}
.toriko-floor[data-floor-ready="true"]>:is(.layout-table,.guest-table,.overview-table,.ops-table,.pos-table) :is(b,span){max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:inherit!important}
.toriko-floor[data-floor-ready="true"]>:is(.selected,.is-selected){background:#deedb0!important;border:2px solid #41561b!important}
.toriko-floor[data-floor-ready="true"]>:is(.occupied,.is-occupied,.is-held){background:#ffd8b4!important;border-color:#b15818!important}
.toriko-floor[data-floor-ready="true"]>button:disabled{background:#e0ddd6!important;color:#65625d!important;cursor:not-allowed}
.toriko-tools{position:absolute;bottom:10px;left:10px;z-index:5;display:flex;gap:4px;align-items:center}
.toriko-tools button{background:#fffcf3ed;border:1px solid #b4aa95;color:#29261e;border-radius:7px;font:600 12px system-ui;padding:7px 10px;min-height:34px;cursor:pointer}
.toriko-caption{position:absolute;bottom:12px;right:12px;z-index:4;font:10px system-ui;color:#4a473e;background:#fffcf3df;padding:5px 8px;border-radius:6px;pointer-events:none}
.toriko-object-editor{margin:14px 0;padding:16px;background:#f6f2e9;border:1px solid #ded7c9;border-radius:12px;display:grid;gap:10px}
.toriko-object-editor h4,.toriko-object-editor p{margin:0}
.toriko-object-editor p{font-size:12px;color:#6a645b}
.toriko-object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.toriko-object-editor label{display:grid;gap:5px;font:12px system-ui}
.toriko-object-editor :is(input,select,button){min-height:38px;border:1px solid #bdb6a7;border-radius:6px;padding:8px;background:#fff;color:#29261e;max-width:100%;font:13px system-ui}
.toriko-object-actions{display:flex;gap:7px;flex-wrap:wrap}
.toriko-object-editor .toriko-object-select{grid-column:1/-1}
.toriko-floor[data-floor-editable="true"] .toriko-stage{touch-action:none}
#layout-editor:has(.toriko-floor) .table-editor{opacity:1;pointer-events:auto}
#layout-editor:has(.toriko-floor) .layout-mobile-note{display:none}
#pos-floor.toriko-floor{flex:1 1 0;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}
@media(max-width:700px){.toriko-floor{min-height:280px!important;aspect-ratio:1.25}.toriko-caption{max-width:48%;text-align:right;font-size:9px}.toriko-floor[data-floor-ready="true"]>:is(.layout-table,.guest-table,.overview-table,.ops-table,.pos-table){font-size:9px!important;min-width:24px!important;min-height:23px!important;padding:3px 4px!important;max-width:65px!important}.toriko-floor[data-floor-ready="true"]>button small{display:none}.toriko-object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pos-floor.toriko-floor{height:340px!important;min-height:300px!important;max-height:380px!important;flex:0 0 auto}}
/* Use the terminal's available page, keeping service controls and order entry reachable. */
.pos-floor-zone:has(#pos-floor.toriko-floor:not(.hidden)){height:100%;min-height:0;padding:8px 10px 6px;box-sizing:border-box}
.pos-floor-zone:has(#pos-floor.toriko-floor) .pos-floor-head{margin:0 4px 6px;align-items:center;flex-shrink:0}
.pos-floor-zone:has(#pos-floor.toriko-floor) .pos-floor-head .eyebrow{display:none}
.pos-floor-zone:has(#pos-floor.toriko-floor) .pos-floor-head h1{font-size:22px}
.pos-floor-zone:has(#pos-floor.toriko-floor) .pos-floor-footer{padding:6px 4px 0;flex-shrink:0}
@media(max-width:700px){
  .toriko-caption{max-width:36%}
  .pos-workspace:has(#pos-floor.toriko-floor:not(.hidden)){height:calc(100dvh - 63px);min-height:0}
  .pos-floor-zone:has(#pos-floor.toriko-floor:not(.hidden)){min-height:0;padding:6px}
  #pos-floor.toriko-floor{height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 0}
  .pos-floor-zone:has(#pos-floor.toriko-floor) .pos-floor-head{gap:5px}
  .pos-floor-zone:has(#pos-floor.toriko-floor) .pos-floor-head h1{font-size:18px}
}
