.cockpit-tokens{--state-available: 220 14% 94%;--state-available-ink: 220 10% 46%;--state-seated: 38 92% 50%;--state-seated-ink: 38 92% 18%;--state-seated-foreground: 38 92% 26%;--state-ordering: 205 70% 39%;--state-ordering-ink: 0 0% 100%;--state-sent: 220 60% 20%;--state-sent-ink: 210 40% 98%;--state-ready: 0 72% 51%;--state-ready-ink: 0 0% 100%;--state-served: 152 60% 40%;--state-served-ink: 0 0% 100%;--state-bill: 280 60% 55%;--state-bill-ink: 0 0% 100%;--state-paid: 220 60% 20%;--state-paid-ink: 210 40% 98%}.cockpit-tokens .floor-map-region{display:flex;flex-direction:column;width:100%;height:100%}.cockpit-tokens .map-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cockpit-tokens .map-header h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));margin:0}.cockpit-tokens .map-header .sep{width:1px;height:16px;background:hsl(var(--border))}.cockpit-tokens .map-header .zone-tabs{display:flex;gap:4px}.cockpit-tokens .zone-tab{font-size:12px;font-weight:500;padding:5px 10px;border-radius:7px;color:hsl(var(--muted-foreground));cursor:pointer;background:transparent;border:none;font-family:inherit}.cockpit-tokens .zone-tab.active{background:hsl(var(--secondary));color:hsl(var(--foreground))}.cockpit-tokens .map-header .spacer{flex:1}.cockpit-tokens .edit-toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;font-family:inherit}.cockpit-tokens .edit-toggle:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.cockpit-tokens .edit-toggle .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.cockpit-tokens .edit-actions{display:inline-flex;align-items:center;gap:8px}.cockpit-tokens .edit-cancel,.cockpit-tokens .edit-save,.cockpit-tokens .edit-add-table{font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent}.cockpit-tokens .edit-cancel{background:transparent;color:hsl(var(--muted-foreground));border-color:hsl(var(--border))}.cockpit-tokens .edit-cancel:hover:not(:disabled){color:hsl(var(--foreground));background:hsl(var(--muted))}.cockpit-tokens .edit-add-table{background:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border))}.cockpit-tokens .edit-add-table:hover:not(:disabled){background:hsl(var(--muted))}.cockpit-tokens .edit-save{background:hsl(var(--accent));color:#fff}.cockpit-tokens .edit-save:hover:not(:disabled){filter:brightness(1.05)}.cockpit-tokens .edit-save:disabled,.cockpit-tokens .edit-cancel:disabled,.cockpit-tokens .edit-add-table:disabled{opacity:.6;cursor:not-allowed}.cockpit-tokens .floor-svg-wrap{position:relative;width:100%;height:100%;border-radius:10px;background:radial-gradient(circle at center,#fcfcfd,#f3f4f7);overflow:hidden;border:1px solid hsl(var(--border) / .5)}.cockpit-tokens .floor-svg-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(hsl(220 20% 86%) 1px,transparent 1px);background-size:24px 24px;background-position:0 0;opacity:.55;pointer-events:none}.cockpit-tokens .floor-svg-wrap.edit-mode{background:radial-gradient(circle at center,#f6fafd,#eef3f6)}.cockpit-tokens .floor-svg-wrap.edit-mode:before{background-image:radial-gradient(hsl(var(--accent) / .3) 1.5px,transparent 1.5px);opacity:.85}.cockpit-tokens .floor-svg-wrap svg{position:relative;width:100%;height:100%}.cockpit-tokens .zone-panel{fill:#fcfcfd;stroke:hsl(var(--border));stroke-width:1}.cockpit-tokens .zone-label{fill:hsl(var(--muted-foreground));font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-family:DM Sans,system-ui,sans-serif;font-weight:600}.cockpit-tokens .t-group{cursor:pointer;transition:transform .14s cubic-bezier(.4,0,.2,1)}.cockpit-tokens .t-group:hover{transform:translateY(-2px)}.cockpit-tokens .t-group.selected .t-card{stroke:hsl(var(--accent));stroke-width:2}.cockpit-tokens .t-group.selected .t-shadow{opacity:.5}.cockpit-tokens .t-shadow{fill:#141d2e2e;filter:blur(6px)}.cockpit-tokens .t-card{fill:#fff;stroke:hsl(var(--border));stroke-width:1}.cockpit-tokens .t-card.reserved{stroke-dasharray:4 3}.cockpit-tokens .t-stripe-available{fill:hsl(var(--state-available))}.cockpit-tokens .t-stripe-seated{fill:hsl(var(--state-seated))}.cockpit-tokens .t-stripe-ordering{fill:hsl(var(--state-ordering))}.cockpit-tokens .t-stripe-sent{fill:hsl(var(--state-sent))}.cockpit-tokens .t-stripe-ready{fill:hsl(var(--state-ready))}.cockpit-tokens .t-stripe-served{fill:hsl(var(--state-served))}.cockpit-tokens .t-stripe-bill{fill:hsl(var(--state-bill))}.cockpit-tokens .t-stripe-reserved{fill:hsl(var(--state-available))}.cockpit-tokens .t-tint-seated{fill:hsl(var(--state-seated) / .06)}.cockpit-tokens .t-tint-ordering{fill:hsl(var(--state-ordering) / .06)}.cockpit-tokens .t-tint-sent{fill:hsl(var(--state-sent) / .06)}.cockpit-tokens .t-tint-ready{fill:hsl(var(--state-ready) / .08)}.cockpit-tokens .t-tint-served{fill:hsl(var(--state-served) / .06)}.cockpit-tokens .t-tint-bill{fill:hsl(var(--state-bill) / .06)}.cockpit-tokens .t-num{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;fill:hsl(var(--foreground));letter-spacing:-.02em}.cockpit-tokens .t-state-text{font-family:DM Sans,system-ui,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.cockpit-tokens .t-state-text-available{fill:hsl(var(--state-available-ink))}.cockpit-tokens .t-state-text-seated{fill:hsl(var(--state-seated-foreground))}.cockpit-tokens .t-state-text-ordering{fill:hsl(var(--state-ordering))}.cockpit-tokens .t-state-text-sent{fill:hsl(var(--state-sent))}.cockpit-tokens .t-state-text-ready{fill:hsl(var(--state-ready))}.cockpit-tokens .t-state-text-served{fill:hsl(var(--state-served))}.cockpit-tokens .t-state-text-bill{fill:hsl(var(--state-bill))}.cockpit-tokens .t-state-text-reserved{fill:hsl(var(--accent))}.cockpit-tokens .t-meta{font-family:DM Sans,system-ui,sans-serif;font-size:10px;fill:hsl(var(--muted-foreground))}.cockpit-tokens .t-timer{font-family:DM Sans,system-ui,sans-serif;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.cockpit-tokens .t-pill{fill:hsl(var(--muted))}.cockpit-tokens .urgent-halo{fill:hsl(var(--state-ready));opacity:.18;filter:blur(10px)}.cockpit-tokens .urgent-dot{fill:hsl(var(--state-ready));animation:cockpit-urgent-dot-pulse 1.4s ease-in-out infinite}.cockpit-tokens .urgent-dot-ring{fill:hsl(var(--state-ready));opacity:.3;animation:cockpit-urgent-dot-ring 1.4s ease-in-out infinite}@keyframes cockpit-urgent-dot-pulse{0%,to{opacity:1}50%{opacity:.62}}@keyframes cockpit-urgent-dot-ring{0%,to{opacity:.32}50%{opacity:.1}}.cockpit-tokens .gentle-border{stroke:hsl(var(--state-seated) / .55);stroke-width:1.5;fill:none}@media (prefers-reduced-motion: reduce){.cockpit-tokens .urgent-dot,.cockpit-tokens .urgent-dot-ring{animation:none}}.cockpit-tokens .edit-handle{fill:hsl(var(--accent));stroke:#fff;stroke-width:1.5;display:none}.cockpit-tokens .floor-svg-wrap.edit-mode .edit-handle{display:block}.cockpit-tokens .floor-svg-wrap.edit-mode .t-group{cursor:move}.cockpit-tokens .floor-svg-wrap.edit-mode .t-group:hover .t-card{stroke:hsl(var(--accent));stroke-width:2;stroke-dasharray:4 4}.cockpit-tokens .edit-icon-button{display:none;pointer-events:none}.cockpit-tokens .floor-svg-wrap.edit-mode .edit-icon-button{display:inline;pointer-events:auto;cursor:pointer}.cockpit-tokens .edit-icon-bg{fill:hsl(var(--background));stroke:hsl(var(--border));stroke-width:1}.cockpit-tokens .edit-icon-button:hover .edit-icon-bg{fill:hsl(var(--accent))}.cockpit-tokens .edit-icon-button svg{color:hsl(var(--foreground))}.cockpit-tokens .edit-icon-button:hover svg{color:#fff}.cockpit-tokens .edit-icon-trash:hover .edit-icon-bg{fill:hsl(var(--destructive));stroke:hsl(var(--destructive))}.cockpit-tokens .edit-icon-trash:hover svg{color:hsl(var(--destructive-foreground))}.cockpit-tokens .counter-rail{display:flex;flex-direction:column;height:100%;background:hsl(var(--card));border-left:1px solid hsl(var(--border));padding:18px;overflow:hidden}.cockpit-tokens .counter-rail h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--muted-foreground));margin:0 0 14px;display:flex;align-items:center;gap:8px;font-family:DM Sans,system-ui,sans-serif;font-weight:600}.cockpit-tokens .counter-rail h2 .count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:hsl(var(--accent));color:#fff;font-family:DM Sans,system-ui,sans-serif;font-size:11px;font-weight:700}.cockpit-tokens .counter-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1;padding-right:4px;margin:0 -4px 0 0}.cockpit-tokens .counter-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px 8px;text-align:center}.cockpit-tokens .counter-empty h3{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;font-size:14px;color:hsl(var(--foreground));margin:0 0 6px}.cockpit-tokens .counter-empty p{font-size:12px;color:hsl(var(--muted-foreground));margin:0;line-height:1.4}.cockpit-tokens .ccard{display:flex;align-items:stretch;gap:0;border-radius:10px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:0 1px 2px #141d2e0a;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;padding:0;width:100%;text-align:left;font-family:inherit;color:inherit}.cockpit-tokens .ccard:hover{transform:translateY(-1px);box-shadow:0 4px 12px -6px #141d2e29}.cockpit-tokens .ccard:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.cockpit-tokens .ccard.selected{border-color:hsl(var(--accent))}.cockpit-tokens .ccard-stripe{width:4px;background:hsl(var(--state-available));flex-shrink:0}.cockpit-tokens .ccard-ordering .ccard-stripe{background:hsl(var(--state-ordering))}.cockpit-tokens .ccard-sent .ccard-stripe{background:hsl(var(--state-sent))}.cockpit-tokens .ccard-ready .ccard-stripe{background:hsl(var(--state-ready))}.cockpit-tokens .ccard-delivered .ccard-stripe{background:hsl(var(--state-served))}.cockpit-tokens .ccard-icon{width:36px;display:flex;align-items:center;justify-content:center;background:hsl(var(--muted));font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;font-size:14px;color:hsl(var(--muted-foreground));border-right:1px solid hsl(var(--border));flex-shrink:0}.cockpit-tokens .ccard-icon-rappi{background:#dc2828;color:#fff}.cockpit-tokens .ccard-icon-pedidosya{background:#f59f0a;color:#141d2e}.cockpit-tokens .ccard-icon-delivery{background:hsl(var(--state-ordering));color:#fff}.cockpit-tokens .ccard-body{flex:1;padding:10px 12px;display:flex;flex-direction:column;min-width:0}.cockpit-tokens .ccard-row1{display:flex;align-items:center;justify-content:space-between}.cockpit-tokens .ccard-channel{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground))}.cockpit-tokens .ccard-channel-rappi{color:#c52020}.cockpit-tokens .ccard-channel-pedidosya{color:#ab6f07}.cockpit-tokens .ccard-order{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;font-size:13px;margin-top:2px;color:hsl(var(--foreground))}.cockpit-tokens .ccard-customer{font-size:11px;color:hsl(var(--muted-foreground));margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cockpit-tokens .ccard-row2{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:10px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.cockpit-tokens .ccard-row2 .late{color:hsl(var(--destructive));font-weight:700}.cockpit-tokens .counter-new{margin-top:14px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;padding:10px 14px;border-radius:8px;background:hsl(var(--accent));color:#fff;border:none;cursor:pointer;box-shadow:0 2px 6px -2px hsl(var(--accent) / .4);transition:filter .12s ease,transform .12s ease}.cockpit-tokens .counter-new:hover{filter:brightness(1.05);transform:translateY(-1px)}.cockpit-tokens .counter-new:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.cockpit-tokens .ccard-skeleton{border-radius:10px;height:70px;background:linear-gradient(90deg,hsl(var(--muted)),hsl(var(--muted) / .7),hsl(var(--muted)));background-size:200% 100%;animation:cockpit-skel 1.4s ease-in-out infinite;border:1px solid hsl(var(--border))}@keyframes cockpit-skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.cockpit-tokens .ccard-skeleton{animation:none}}