.pos-floor-canvas{background:var(--color-surface-subtle,#eceae4);flex:1;width:100%;min-height:560px;position:relative;overflow:auto}.dark .pos-floor-canvas{background:#1f2937}.pos-floor-canvas::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.pos-floor-canvas::-webkit-scrollbar-track{background:#0000001a}.pos-floor-canvas::-webkit-scrollbar-thumb{background:#fff3 padding-box padding-box;border:2px solid #0000;border-radius:7px}.pos-floor-canvas::-webkit-scrollbar-thumb:hover{background:#ffffff4d padding-box padding-box}.pos-floor-canvas::-webkit-scrollbar-corner{background:#0000001a}.pos-floor-canvas.is-editing{cursor:default}.pos-floor-canvas.is-editing.is-dragging{cursor:grabbing}.pos-floor-canvas.is-fitted{min-height:0}.pos-floor-canvas.is-drop-target{outline-offset:-3px;outline:3px dashed #10b9818c}.pos-floor-room{background:#f5f5f4}.pos-floor-plan{touch-action:manipulation}.pos-floor-plan-grid{background-image:linear-gradient(90deg,#0f172a12 1px,#0000 1px),linear-gradient(#0f172a12 1px,#0000 1px);background-size:20px 20px}.pos-snap-guide{z-index:5;pointer-events:none;background:#ec4899;position:absolute}.pos-table{border-radius:var(--radius-md,10px);padding:var(--space-3,12px);justify-content:start;align-items:center;gap:var(--space-1,4px);color:var(--color-text-contrast,#0f172a);cursor:pointer;text-align:center;border:1px solid #0f172a59;flex-direction:column;font-weight:600;transition:opacity .12s;display:flex;position:relative}.pos-floor-canvas.is-editing .pos-table{cursor:grab;touch-action:none}.pos-floor-canvas.is-editing.is-dragging .pos-table{cursor:grabbing}.pos-table:focus-visible{outline:2px solid var(--color-accent,#2563eb);outline-offset:2px}.pos-table-absolute{z-index:1;position:absolute}.pos-table-rect{color:#f3f7ef;background:radial-gradient(circle at 30% 30%,#ffffff0f,#0000 45%),radial-gradient(circle at 70% 70%,#ffffff0d,#0000 55%),linear-gradient(135deg,#0f2f0f 0%,#1f4d1f 100%);border:none;border-radius:12px;position:relative;box-shadow:inset 0 0 0 2px #0b1f0b,inset 0 0 0 8px #b16a5e}.pos-table-rect.is-powered{background:radial-gradient(circle at 30% 30%,#ffffff17,#0000 45%),radial-gradient(circle at 70% 70%,#ffffff14,#0000 55%),linear-gradient(135deg,#1e6a21 0%,#2f9b3d 100%);border:none}.pos-table-rect .pos-table-name,.pos-table-rect .pos-table-note,.pos-table-rect .pos-table-kind,.pos-table-rect .pos-table-status,.pos-table-rect .pos-table-start{color:#f3f7ef}.pos-table-rect:before,.pos-table-rect:after{content:"";pointer-events:none;z-index:2;border-radius:10px;position:absolute;inset:0}.pos-table-rect:before{background-color:#0000;background-image:radial-gradient(circle,#0a0a0a 45%,#0000 55%),radial-gradient(circle,#0a0a0a 45%,#0000 55%),radial-gradient(circle,#0a0a0a 45%,#0000 55%),radial-gradient(circle,#0a0a0a 45%,#0000 55%),radial-gradient(circle,#0a0a0a 45%,#0000 55%),radial-gradient(circle,#0a0a0a 45%,#0000 55%);background-position:2px 2px,100% 2px,2px 100%,100% 100%,0,100%;background-repeat:no-repeat;background-size:18px 18px,18px 18px,18px 18px,18px 18px,18px 18px,18px 18px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box}.pos-table-rect[data-orientation=horizontal]:before{background-position:2px 2px,100% 2px,2px 100%,100% 100%,50% 100%,50% 0}.pos-table,.pos-table:hover{opacity:.8}.pos-table.is-powered{opacity:1}.pos-table.is-selected{opacity:1;outline-offset:4px;outline:3px solid #4da3ff}.pos-table.is-blinking{opacity:.2!important}.pos-table-rect.is-blinking{background:radial-gradient(circle at 30% 30%,#ffffff08,#0000 45%),radial-gradient(circle at 70% 70%,#ffffff05,#0000 55%),linear-gradient(135deg,#0a1a0a 0%,#152d15 100%)!important}.pos-table-name{margin-top:var(--space-4,16px);font-size:18px;font-family:var(--font-display,inherit)}.pos-table-kind{color:#0f172ab8;font-size:13px}.pos-table-status{text-transform:uppercase;letter-spacing:.06em;color:#0f172ab3;font-size:12px}.pos-table-timer{color:#f8fafc;letter-spacing:.04em;background:#00000047;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.pos-table-start{color:#0f172aa6;font-size:12px}.pos-table-rotate{color:#f8fafc;cursor:pointer;z-index:3;backdrop-filter:blur(3px);pointer-events:auto;background:#00000047;border:1px solid #ffffff47;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;display:grid;position:absolute;top:6px;left:6px}.pos-table-rotate:hover{background:#00000061}.pos-table.is-bookable{opacity:1;cursor:pointer;transition:filter .12s,box-shadow .12s;box-shadow:0 4px 10px #00000040}.pos-table-rect.is-bookable{box-shadow:0 4px 10px #00000040,inset 0 0 0 2px #0b1f0b,inset 0 0 0 8px #b16a5e}.pos-table.is-bookable:hover,.pos-table.is-bookable:focus-visible{opacity:1;filter:brightness(1.15);box-shadow:0 8px 18px #00000059}.pos-table-rect.is-bookable:hover,.pos-table-rect.is-bookable:focus-visible{box-shadow:0 8px 18px #00000059,inset 0 0 0 2px #0b1f0b,inset 0 0 0 8px #b16a5e}.pos-table.is-occupied{opacity:.55;filter:grayscale(.85);cursor:not-allowed}.pos-table.is-unavailable{opacity:.65;filter:grayscale();cursor:default}.pos-table-note{overflow-wrap:anywhere;max-width:100%;font-size:12px;font-weight:500;line-height:1.2}.pos-table.is-light-on{opacity:1;cursor:pointer;box-shadow:0 4px 10px #00000040}.pos-table-rect.is-light-on{background:radial-gradient(circle at 30% 30%,#ffffff17,#0000 45%),radial-gradient(circle at 70% 70%,#ffffff14,#0000 55%),linear-gradient(135deg,#1e6a21 0%,#2f9b3d 100%);border:none;box-shadow:0 4px 10px #00000040,inset 0 0 0 2px #0b1f0b,inset 0 0 0 8px #b16a5e}.pos-table.is-light-off{opacity:.55;filter:grayscale(.85);cursor:pointer}.pos-table.is-light-unknown{opacity:.65;filter:grayscale();cursor:pointer}.pos-table.is-light-pending{pointer-events:none;animation:1s ease-in-out infinite pos-light-pulse}@keyframes pos-light-pulse{0%,to{opacity:.85}50%{opacity:.55}}.pos-table.is-light-disabled{pointer-events:none;cursor:default}.pos-fixture{z-index:0;position:absolute}.pos-fixture-shape{transform-origin:50%;background:#b8a894;border-radius:8px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #0000002e}.dark .pos-fixture-shape{background:#6b5f52}.pos-fixture-table{background:#a8845c;border-radius:50%}.dark .pos-fixture-table{background:#6b5540}.pos-fixture-armchair:before,.pos-fixture-sofa:before{content:"";background:#00000038;border-radius:8px 8px 4px 4px;height:26%;position:absolute;top:0;left:0;right:0}.pos-fixture-seat{background:#ffffff38;border-radius:5px;position:absolute;inset:32% 16% 10%}.pos-fixture-sofa .pos-fixture-seat:after{content:"";background:#0000002e;width:2px;position:absolute;top:8%;bottom:8%;left:50%;transform:translate(-50%)}.pos-fixture-screen{background:#3f3f46;border-radius:3px}.dark .pos-fixture-screen{background:#27272a}.pos-fixture-screen:before{content:"";background:linear-gradient(#8fb6d9 0%,#5b7f9e 100%);border-radius:2px;height:52%;position:absolute;bottom:8%;left:3%;right:3%;box-shadow:inset 0 0 0 1px #00000040}.pos-fixture.is-decorative{opacity:.5}.pos-floor-canvas.is-editing .pos-fixture{touch-action:none;cursor:grab}.pos-floor-canvas.is-editing.is-dragging .pos-fixture{cursor:grabbing}.pos-fixture.is-selected .pos-fixture-shape{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 3px #4da3ff}.pos-fixture-handles{z-index:4;gap:4px;display:flex;position:absolute;top:-12px;right:-12px}.pos-fixture-handle{color:#f8fafc;cursor:pointer;backdrop-filter:blur(3px);pointer-events:auto;background:#0000008c;border:1px solid #ffffff47;border-radius:6px;place-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:grid}.pos-fixture-handle:hover{background:#000000bf}.pos-table.pos-table-darts{background:0 0;border:none;justify-content:center;gap:2px;padding:2px}.pos-dartboard{aspect-ratio:1;filter:drop-shadow(0 2px 4px #0000004d);pointer-events:none;height:62%}.pos-table-darts .pos-table-name{color:#1f2937;margin-top:0;font-size:11px;line-height:1.1}.pos-table-darts .pos-table-note{color:#1f2937;font-size:10px}.dark .pos-table-darts .pos-table-name,.dark .pos-table-darts .pos-table-note{color:#f3f4f6}.pos-table-darts.is-bookable,.pos-table-darts.is-bookable:hover,.pos-table-darts.is-bookable:focus-visible{box-shadow:none}.pos-table-zone{--pos-zone-tint:#d1f7c4;background:color-mix(in srgb, var(--pos-zone-tint) 15%, transparent);border:2px solid var(--pos-zone-tint);opacity:1;border-radius:14px;gap:4px;padding:8px 6px;box-shadow:inset 0 0 0 1px #0f172a24}.pos-floor-canvas .pos-table-zone,.pos-table-zone.is-editor{background:color-mix(in srgb, var(--pos-zone-tint) 30%, transparent);border:2px dashed color-mix(in srgb, var(--pos-zone-tint) 40%, #0f172a)}.pos-floor-canvas .pos-table-zone .pos-table-name,.pos-table-zone.is-editor .pos-table-name{box-shadow:0 1px 3px #0f172a59, inset 0 0 0 1px color-mix(in srgb, var(--pos-zone-tint) 40%, #0f172a)}.pos-table-zone:hover:not(.is-unavailable):not(.is-occupied){opacity:1}.pos-table-zone.is-unavailable{--pos-zone-tint:#94a3b8;background:#94a3b81a;border-color:#94a3b899}.pos-table-zone .pos-table-name{overflow-wrap:anywhere;background:var(--pos-zone-tint);color:#0f172a;border-radius:999px;max-width:100%;margin-top:0;padding:3px 10px;font-size:14px;line-height:1.2;box-shadow:0 1px 3px #0f172a59}.pos-table-zone .pos-table-note{color:#0f172a;background:#ffffffeb;border-radius:8px;padding:2px 8px;box-shadow:0 1px 3px #0f172a4d}.pos-table-zone.is-bookable,.pos-table-zone.is-light-on{box-shadow:inset 0 0 0 1px #0f172a24}.pos-table-zone.is-bookable:hover,.pos-table-zone.is-bookable:focus-visible{background:color-mix(in srgb, var(--pos-zone-tint) 30%, transparent);box-shadow:inset 0 0 0 1px #0f172a24}