/* Nova Studio: selected BistroOS visual direction. */
:root{--bg:#f3f5fc;--surface:#fff;--text:#121936;--muted:#818ba9;--line:#e8ecf7;--navy:#0c1229;--accent:#2467ff;--accent-bg:#edf3ff;--green:#159776;--map-bg:#ececf0;--shadow:0 8px 34px #263c7010}
body{background:radial-gradient(ellipse at 65% 10%,#dce6ff66,transparent 60%),var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,.button{border-radius:11px;border-color:#e6eaf6;font-weight:550;box-shadow:0 2px 3px #1c336603;transition:background .18s,box-shadow .18s,transform .18s;color:var(--text)}button:hover,.button:hover{background:#f1f5ff;border-color:#cfdcff;box-shadow:0 3px 12px #3461bc10}button.primary,.button.primary{background:linear-gradient(125deg,#397aff,#1659f5);border-color:transparent;box-shadow:0 5px 12px #2467ff20}button.primary:hover{background:linear-gradient(125deg,#276dff,#104fdf);box-shadow:0 6px 18px #2467ff30}h1{font-weight:760;letter-spacing:-1.5px}h2{font-weight:710;letter-spacing:-.7px}h3{font-weight:660}.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar{width:214px;padding:31px 13px 17px;background:linear-gradient(170deg,#10162d 0%,#0b1023 64%,#111b33);box-shadow:3px 0 25px #1d2b4910}.workspace{margin-left:214px}.brand{font-size:28px;letter-spacing:-1.2px;gap:7px;margin:0 9px 25px}.brand>span:last-child{color:#347bff;margin-left:-7px}.brand-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#4388ff,#1654ed);display:none}.restaurant{background:transparent;border:0;border-bottom:1px solid #ffffff0c;border-radius:0;padding:0 10px 21px;margin:0 0 20px}.restaurant-icon{display:none}.restaurant b{font-size:13px}.restaurant small{font-size:9px;margin-top:3px;color:#8996b2}.restaurant>span:last-child{font-size:17px;color:#9aa7bd}.nav-label{font-size:8px;letter-spacing:1.5px;color:#5f6d8d;margin-left:12px}.sidebar nav{gap:7px}.sidebar nav button{padding:12px;min-height:44px;font-size:12px;color:#aeb9d3;border-radius:11px;box-shadow:none;gap:10px}.sidebar nav button.current{background:linear-gradient(120deg,#337bff,#1559f4);color:white;box-shadow:0 5px 21px #0d52f545}.sidebar nav button:hover{background:#ffffff0a}.sidebar nav button.current:hover{background:#2567fc}.nav-icon{width:21px;height:21px;margin:0;font-size:18px;display:flex;align-items:center;justify-content:center}.sidebar nav button small{background:#d9c3ff;color:#624498;padding:1px 6px;font-size:10px;min-width:19px}.sidebar nav button.current small{background:#ffffff30;color:#fff}.sidebar-bottom{padding:20px 3px 0;position:relative}.sidebar-bottom p{font-size:15px;margin:15px 8px 14px;color:#7888a7}.sidebar-bottom p b{font-weight:500;color:#bfcae1}.sidebar-bottom>small{font-size:9px;margin-left:8px;color:#51617e}.shift-status{font-size:10px;margin:15px 9px;color:#c6d2e8}.restaurant-illustration{height:126px;position:relative;border-radius:9px;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#c1843c40,transparent 70%),linear-gradient(115deg,#0a1726 35%,#30302d 36%,#161c27 39%,#121d29 70%,#555341 72%,#19202d 76%);border:1px solid #ffffff08}.restaurant-illustration:before{content:'';position:absolute;inset:14px 12px 25px;background:repeating-linear-gradient(90deg,transparent 0 28px,#19222d 29px 33px),linear-gradient(0deg,#78939e18,#c4a66438);border:3px solid #37434c;transform:perspective(140px) rotateY(-8deg)}.restaurant-illustration:after{content:'';position:absolute;width:78px;height:25px;left:45px;bottom:23px;border-radius:50%;background:linear-gradient(#a18e6d,#524b3e);box-shadow:14px 10px 18px #0007;transform:rotate(-7deg)}.window-glow{position:absolute;left:90px;top:6px;width:20px;height:5px;background:#e9c98c;box-shadow:0 9px 25px 13px #eab85a38}.interior-table{position:absolute;left:80px;bottom:0;width:7px;height:40px;background:#7d715c;transform:rotate(-8deg)}.interior-chair{position:absolute;bottom:2px;left:20px;width:28px;height:36px;border:6px solid #3f5b70;border-bottom:0;border-radius:13px 13px 0 0;transform:rotate(12deg)}.restaurant-illustration span{position:absolute;bottom:4px;right:7px;font-size:7px;letter-spacing:1.4px;color:#b6b69b;z-index:1}.topbar{height:65px;background:#ffffffb8;backdrop-filter:blur(16px);border-bottom:1px solid #e3e9f480;padding:0 28px}.breadcrumb{font-size:10px;letter-spacing:.15px}.breadcrumb span{color:#c9d0e4}.top-actions{gap:11px}.top-actions select{background:#fff;border:1px solid #dfe5f4;border-radius:10px;padding:7px 27px 7px 12px;font-size:11px;min-height:35px;max-width:175px}.top-actions .connection{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px}.top-actions .icon{width:33px;height:34px;min-height:34px;background:transparent;border:0;box-shadow:none;position:relative;color:#303c6c}.notification-count{position:absolute;top:-1px;right:-1px;min-width:13px;height:13px;line-height:13px;border-radius:50%;background:#a882ec;color:white;font-size:7px;padding:0 2px}.avatar.small-avatar{border:2px solid white;box-shadow:0 1px 7px #2467ff1a;width:34px;height:34px;font-size:12px}.demo-label{font-size:8px;letter-spacing:1px;color:#a9b4ce}.page-title{margin-bottom:23px;min-width:0}.page-title .eyebrow{font-size:9px;letter-spacing:1.8px;color:#8b95b5}.page-title h1{font-size:31px;letter-spacing:-1.4px;margin:6px 0}.page-title p{font-size:12px;color:#808baa}.page-actions button{min-height:32px;padding:7px 11px;font-size:10px;background:#ffffffa6}.page-actions button.subtle{background:transparent;border-color:transparent;color:#a0aac1}main{padding:25px 27px 16px;position:relative;max-width:1900px}.guide-callout{background:linear-gradient(100deg,#edf2ff,#f4f1ff);border-color:#e3e8fc;padding:11px 15px}.guide-callout>span{color:#5874ce}.guide-callout b{color:#445984}.guide-callout p{color:#8d9aba}.guide-callout button{color:#5269a4;border-color:#dce4f9}.page-floor>.guide-callout{display:none}.kpi{border-radius:14px;padding:17px 17px 15px;position:relative;background:linear-gradient(135deg,#fff,#f8faff);border:1px solid #e9edfa;box-shadow:0 5px 20px #263c7005;overflow:hidden}.kpi:after{content:'';position:absolute;width:85px;height:85px;border-radius:50%;right:-37px;top:-36px;background:#2467ff04}.kpi>span{font-size:10px;color:#7d8aad;display:block;padding-left:38px}.kpi strong{font-size:28px;letter-spacing:-1px;font-weight:700;padding-left:38px;margin:1px 0}.kpi small{font-size:9px;color:#939eb8;display:block;margin-top:6px}.kpi-icon{position:absolute;top:19px;left:15px;width:29px;height:38px;display:flex;align-items:center;justify-content:center;color:#425482;background:#edf2fd;border-radius:10px;font-style:normal}.kpi:nth-child(2) .kpi-icon{background:#f1edff;color:#9774cb}.kpi:nth-child(3) .kpi-icon{background:#eaf6f1;color:#3e9d86}.kpi:nth-child(4) .kpi-icon{background:#edf0ff;color:#7471cc}.floor-stats{gap:14px;margin-bottom:20px}.panel{border:1px solid #e7ecf8;border-radius:15px;box-shadow:0 5px 25px #263c7007;padding:22px}.floor-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.map-panel{background:transparent;border:0;padding:0;box-shadow:none;overflow:visible}.map-panel>.panel-head{background:transparent;border:0;padding:0 0 13px;gap:10px;margin:0}.tabs{background:#e9eefb80;border:0;border-radius:22px;padding:3px;gap:4px;box-shadow:0 2px 16px #273e7b04}.tabs button{font-size:11px;min-height:36px;padding:7px 17px;border-radius:20px;background:transparent;color:#55618a;box-shadow:none;border:0}.tabs button.active{background:linear-gradient(120deg,#5790ff,#2164ff);box-shadow:0 3px 14px #2467ff20;color:white}.tabs button:hover{background:#e8efff}.tabs button.active:hover{background:#2467ff}.tools{gap:4px}.tools button{height:31px;min-height:31px;padding:5px 8px;font-size:9px;border-radius:8px;background:#ffffffc4}.tools button[data-do=edit]{color:#456599}.map-scroll{padding:0;min-height:0;border-radius:5px;background:#e1e4ef;box-shadow:0 16px 35px #2735521b;border:1px solid #cbd2e3;overflow:auto}.floor-map{min-width:580px;max-width:none;display:block;background:linear-gradient(145deg,#f4f6fb,#e4e8f1)}.floor-map .map-label{fill:#717d94;font-size:8px;letter-spacing:1.5px;font-weight:600}.floor-map .room-title{fill:#465675;font-size:9px;letter-spacing:1.8px}.floor-map .fixture-label{fill:#515c71;font-size:8px;letter-spacing:2px}.floor-map .table-top{fill:url(#table-surface);stroke:#d7d7d9;stroke-width:1.6}.floor-map .occupied .table-top{fill:url(#table-surface);stroke:#cbc9df}.floor-map .dirty .table-top{fill:url(#table-surface);stroke:#d2998f}.floor-map .unavailable .table-top{fill:#ced0d5;stroke:#a4adbd}.floor-map .table-number{fill:#1c2440;font-size:20px;font-weight:780;letter-spacing:-.8px}.floor-map .table-caption{fill:#777b8a;font-size:7px;font-weight:500}.floor-map .table-state{fill:#55967c;font-size:6.7px;font-weight:650;letter-spacing:0}.floor-map .map-status{fill:#ecfaf3;stroke:#c7e8d8;stroke-width:.6}.floor-map .map-status-dot{fill:#49b78d}.floor-map .occupied .map-status{fill:#ecedfc;stroke:#d9d9f5}.floor-map .occupied .map-status-dot{fill:#8c79ce}.floor-map .occupied .table-state{fill:#7e6caf}.floor-map .has-ready .map-status{fill:#c5f2e0;stroke:#90d8bd}.floor-map .has-ready .table-state{fill:#187a59}.floor-map .dirty .map-status{fill:#fff0e9;stroke:#f2d6c8}.floor-map .dirty .map-status-dot{fill:#e49d73}.floor-map .dirty .table-state{fill:#bd835e}.floor-map .unavailable .map-status{fill:#e5e8ef;stroke:#ccd3e1}.floor-map .unavailable .map-status-dot{fill:#8c96ad}.floor-map .unavailable .table-state{fill:#7e8ba2}.floor-map .map-table.selected .table-top{stroke:#2467ff;stroke-width:3.2;filter:url(#table-shadow)}.floor-map .map-table:hover .table-top,.floor-map .map-table:focus .table-top{stroke:#4c7ef6;stroke-width:2.5}.floor-map .map-table.other{opacity:.6}.map-legend{margin-top:16px;border:0;background:#ffffffc7;padding:12px 16px;border-radius:12px;box-shadow:0 4px 16px #273e7b05;gap:16px;font-size:9px;color:#687598}.dot.free{background:#3ab78b}.dot.occupied{background:#8173cf}.dot.dirty{background:#edaa7b}.dot.unavailable{background:#a1aac0}.detail{padding:20px 18px;min-height:390px;border-radius:16px;border-color:#edf0fa;background:linear-gradient(150deg,#fff 65%,#fafbff);box-shadow:0 6px 35px #273e7b0a}.detail-title{gap:8px;margin-bottom:15px}.detail-title>span:first-child{font-size:8px;letter-spacing:1.5px;color:#abb3c9}.detail-title h2{font-size:24px;letter-spacing:-1px;line-height:1.3}.detail-title .tag{font-size:9px;border-radius:8px;padding:4px 8px}.tag{border-radius:7px;font-size:9px;font-weight:550}.tag.occupied,.tag.new,.tag.confirmed{background:#eef0ff;color:#7c72bf}.tag.preparing,.tag.arrived{background:#f1eaff;color:#9a6be1}.tag.ready,.tag.free,.tag.served,.tag.completed{background:#e3f7ef;color:#309a78}.tag.dirty,.tag.cancelled{background:#fff0e7;color:#c38a60}.detail-meta{margin:0 0 18px;gap:12px;font-size:11px;color:#8792af}.detail-meta>span:first-child{padding-bottom:2px}.assigned-person{display:flex;align-items:center;gap:9px;background:#f6f7fc;border:1px solid #edf0fa;border-radius:11px;padding:11px 12px;margin:2px 0}.person-avatar{width:34px;height:34px;display:grid;place-items:center;font-size:15px;font-weight:650;font-style:normal;color:var(--person);background:color-mix(in srgb,var(--person) 16%,white);border:2px solid white;border-radius:50%;box-shadow:0 2px 6px #273e7b0a}.assigned-person>div{flex:1}.assigned-person b{display:block;color:var(--text);font-size:12px}.assigned-person small{display:block;color:#929ab3;font-size:9px;margin-top:1px}.assigned-person>.ui-icon{color:#93a6cc}.service-stage{background:#f2ebff;border:1px solid #ece1ff;padding:9px 11px;border-radius:8px;color:#a372de!important;font-size:10px!important;display:flex;align-items:center;gap:8px}.section-label{font-size:8px;letter-spacing:1.2px;padding:12px 0 4px;border-top:0;color:#a7afc5}.order-line{gap:8px;padding:13px 0;border-bottom:1px solid #f0f2f9;font-size:10px;align-items:flex-start}.order-line .dish-thumb{width:44px;height:44px;flex-shrink:0;display:block;margin-top:2px;border-radius:10px;overflow:hidden}.dish-thumb svg{width:100%;height:100%;display:block}.order-line>div:nth-child(2){flex:1;min-width:0}.order-line b{font-size:10px;font-weight:650;line-height:1.5}.order-line small{font-size:8px;color:#9ca5be}.order-line>div:last-child>b{font-size:10px;white-space:nowrap}.order-line .tag{font-size:8px;padding:1px 6px;align-self:flex-start}.order-line button.small{font-size:9px;padding:4px 6px;min-height:27px}.bill-total{padding:16px 0;margin:6px 0 16px;border-top:0;font-size:12px}.bill-total strong{font-size:25px;letter-spacing:-.7px;color:#111936}.detail-actions{margin:16px 0 0;gap:7px}.detail-actions button{font-size:10px;min-height:39px}.detail-actions .primary{min-height:44px;border-radius:10px;font-size:11px}.detail .empty{padding:30px 7px}.detail .empty-icon{color:#7890ca;background:#f0f4ff;border:1px solid #e3ebff;border-radius:18px;width:76px;height:76px;display:grid;place-items:center;margin:0 auto 20px}.detail .empty h3{font-size:16px;letter-spacing:-.4px}.detail .empty p{font-size:11px}.detail hr{border-color:#edf1fa;margin:12px 0 22px}.detail h3{font-size:13px}.section-live{float:right;font-size:8px;font-weight:500;color:#469b84;margin-top:4px}.staff-row{padding:12px 0;margin:0;border-bottom:1px solid #f1f3fa;gap:9px}.staff-row>i{width:29px;height:29px;font-size:10px;border:2px solid white;box-shadow:0 1px 4px #11254b1a}.staff-row div{min-width:0}.staff-row b{font-size:11px}.staff-row small{font-size:8px;color:#9ba4bc;line-height:1.6}.staff-row strong{font-size:15px;color:#465984}.assignment{background:#ffffffc9;margin-top:20px;padding:17px 19px;border-radius:13px;gap:12px}.assignment h3{font-size:13px}.assignment p{font-size:9px;color:#929eb9}.waiter-chip{background:#f8faff;border-color:#e7edfc;box-shadow:none;font-size:10px;border-radius:10px;min-height:37px}.waiter-chip i{width:25px;height:25px;border:2px solid #fff}.waiter-chip small{font-size:8px;color:#8c99b8}.assignment>button{font-size:9px;min-height:35px}.app-footer{font-size:8px;color:#a0abc5;margin-top:20px}.welcome{border-color:#e0e8fc;background:radial-gradient(ellipse at 90% 70%,#d9d5ff,#eff4ff 70%);border-radius:18px;padding:29px}.welcome .eyebrow{color:#8a99c1}.welcome h2{color:#243b71;font-size:33px}.welcome p{color:#8595b9}.welcome-symbol{color:#acc2ff}.table-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f9fbff);border-radius:16px}.table-card:after{content:'';position:absolute;right:-25px;top:57px;width:100px;height:100px;border:18px solid #f2f5fe;border-radius:50%;pointer-events:none}.table-card h2{position:relative;z-index:1;color:#253c70}.table-card .bill-total{border-top:1px solid #edf0fa;margin:18px 0;padding:15px 0 0;color:#263c70;font-size:25px}.hero-strip{background:radial-gradient(ellipse at 85% 0%,#2a55a0,transparent 60%),linear-gradient(120deg,#101a38,#19294c);border:1px solid #263a60;box-shadow:0 8px 30px #233d7a12;border-radius:18px}.hero-strip h2{font-weight:600;font-size:33px}.hero-strip .eyebrow{color:#7c9bd5}.hero-total small{color:#98b6ec}.hero-total strong{font-weight:650}.hero-total span{color:#96add4}.chart-row>div i{background:linear-gradient(90deg,#5388ff,#a1a2f4)}.chart-row>div{background:#f1f4fc;height:7px}.hour-chart i{background:linear-gradient(#688eff,#3973f1);border-radius:7px 7px 0 0}.kds-col{background:linear-gradient(#edf1fc,#f4f6fd);border-color:#e1e7f8;border-radius:15px}.kds-card{border-radius:12px;border-top-color:#91acf1;box-shadow:0 4px 16px #253d7210}.kds-card.late{border-top-color:#e5a27d}.kds-col>h3{color:#53658c}.kds-card header h2{color:#263966}.kds-bulk{background:#f9faff}.kitchen-note{background:#f3edff;color:#8b6ac2}.kitchen-item button{color:#4e68a5}.kitchen-item button.primary{color:white}.food-mark{background:#f4f6ff;height:115px;border-radius:12px}.food-mark>svg{width:105px;height:105px;filter:drop-shadow(0 5px 6px #1628540a)}.menu-card .eyebrow{color:#899ac1}.menu-card strong{color:#3a5c9b}.menu-card{border-radius:16px}.product{background:linear-gradient(140deg,#fff,#f8faff);border:1px solid #e7edfb;border-radius:12px;padding-top:85px;min-height:165px}.product .product-art{position:absolute;top:11px;left:14px;width:62px;height:62px;border:0;background:transparent;display:block}.product-art svg{width:100%;height:100%}.product>span:last-child{background:#eaf1ff;color:#3c70d6;border:0}.product strong{color:#4670ba}.category-tabs button.active{background:#2467ff;border-color:#2467ff}.basket{border-color:#edf1fa}.basket-total strong{color:#1a3974}.dialog{border-radius:18px;border-color:#edf0fb;box-shadow:0 25px 100px #101e4c33}.dialog>header .icon{background:#f2f5fc;color:#8798bd;border-radius:50%;width:30px;height:30px;min-height:30px;font-size:18px}.dialog h2{color:#233765}.overlay{background:#121d3b55;backdrop-filter:blur(7px)}input:focus,select:focus,textarea:focus{border-color:#5787fa;box-shadow:0 0 0 3px #2467ff12}.billing-summary{background:linear-gradient(130deg,#163a82,#2455ab);border-radius:13px}.notice{background:#f5f7fd;border-color:#e8edfa;color:#8a97b5}.billing-summary>strong{font-size:21px}#toast{background:#172b53;box-shadow:0 12px 35px #16295733;border-radius:12px}.edit-banner{background:#eaf1ff;border:1px dashed #b8cbf7;color:#6385c6;border-radius:10px;margin-bottom:12px}.mobile-nav .current{color:#2467ff}.mobile-nav{border-color:#e6edfc;background:#ffffffee;backdrop-filter:blur(15px)}.mobile-nav button.current>span{background:#eaf1ff;border-radius:8px;width:42px;padding:3px}.mobile-nav .ui-icon{width:20px;height:20px}.dark{--bg:#10172b;--surface:#18233b;--text:#e3eaff;--muted:#899bc1;--line:#2b3a58;--navy:#090f22;--accent:#4780ff;--accent-bg:#1f355b;--shadow:0 8px 34px #00000012;color-scheme:dark}.dark body{background:radial-gradient(ellipse at 60% 0%,#21355955,transparent 60%),var(--bg)}.dark .panel,.dark .kpi,.dark .detail,.dark .table-card{background:#18233b;border-color:#293854}.dark .kpi>span,.dark .kpi small,.dark .detail-meta,.dark .staff-row small{color:#9aaaca}.dark .kpi-icon{background:#223252;color:#99b9f7}.dark .detail-title h2,.dark .bill-total strong,.dark .assigned-person b,.dark .dialog h2{color:#e2eaff}.dark .table-card h2{color:#c9dcff}.dark .topbar{background:#141e33dd;border-color:#2a3852}.dark .top-actions select,.dark .top-actions .connection{background:#1b2842;border-color:#293b60}.dark .top-actions .icon{color:#adc1ec}.dark .assigned-person,.dark .notice,.dark .kds-bulk{background:#1d2b46;border-color:#2a3a5a}.dark .tag{filter:brightness(.8)}.dark .tabs{background:#1a2946}.dark .tools button,.dark .map-legend,.dark .assignment{background:#19283f;color:#9cafd3;border-color:#2b3d5e}.dark .service-stage{background:#2b244a;border-color:#3c315e;color:#bf9de7!important}.dark .order-line,.dark .staff-row{border-color:#293650}.dark .section-label{color:#7385ad}.dark .waiter-chip{background:#1f2f4f;border-color:#2b3f65}.dark .person-avatar{border-color:#43516e}.dark .kds-col{background:#131e35;border-color:#273959}.dark .kds-card{background:#192742;border-color:#2b3c5c}.dark .kds-card header h2{color:#b6cdf7}.dark .kitchen-item{border-color:#2b3c5c}.dark .welcome{background:linear-gradient(110deg,#203358,#2c315d);border-color:#364b78}.dark .welcome h2{color:#c9dfff}.dark .product{background:#1c2b49;border-color:#2c3e64}.dark .product strong{color:#92b7ff}.dark .food-mark{background:#1f2e4b}.dark .menu-card strong{color:#a4bff1}.dark .mobile-nav{background:#17233be8;border-color:#2b3c5c}.dark .mobile-nav button.current>span{background:#273e69}.dark .kitchen-note{background:#2a2748;color:#b7a1e6}.dark .table-card:after{border-color:#203151}.dark .guide-callout{background:#1d2e4d;border-color:#30466f}.dark .guide-callout b{color:#a9c0e9}.dark .hour-chart i{background:linear-gradient(#587cdd,#325cb8)}.dark .chart-row>div{background:#24324d}
@media(min-width:1150px){.page-floor .page-title{min-height:79px;padding-right:54%;margin-bottom:15px}.page-floor .page-title h1{font-size:30px}.page-floor .page-title .page-actions{position:absolute;top:100px;right:28px;display:none}.page-floor #view>.floor-stats{position:absolute;top:24px;right:28px;width:52%;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.page-floor #view>.floor-stats .kpi{padding:11px 10px;min-height:76px;background:#f9fbff9c;border-color:#e6edfb80}.page-floor #view>.floor-stats .kpi-icon{top:14px;left:10px;width:27px;height:30px}.page-floor #view>.floor-stats .kpi>span{font-size:8px;padding-left:35px;line-height:1.3}.page-floor #view>.floor-stats .kpi strong{font-size:25px;padding-left:35px;line-height:1.3;margin-top:4px}.page-floor #view>.floor-stats .kpi small{font-size:7px;margin:3px 0 0;line-height:1.4}.detail{position:sticky;top:80px}.page-floor .floor-layout{gap:17px;grid-template-columns:minmax(0,1fr) 290px}.dark .page-floor #view>.floor-stats .kpi{background:#182540}}
@media(min-width:1600px){.sidebar{width:224px}.workspace{margin-left:224px}.page-floor .floor-layout{grid-template-columns:minmax(0,1fr) 320px}.page-floor #view>.floor-stats{width:51%}.page-floor .page-title h1{font-size:35px}.detail{padding:23px}.detail-title h2{font-size:26px}.order-line b{font-size:11px}.order-line .dish-thumb{width:48px;height:48px}}
@media(max-width:1149px){.sidebar{width:190px;padding:27px 12px}.workspace{margin-left:190px}.brand{font-size:25px}.restaurant-illustration{height:100px}.sidebar nav button{font-size:11px;padding:10px;min-height:40px}.sidebar nav{gap:5px}.sidebar-bottom p{font-size:13px}.topbar{padding:0 22px}main{padding:24px 22px}.floor-layout{grid-template-columns:1fr}.detail{min-height:0}.detail:not(:has(.detail-title)) .staff-row{width:30%;margin:0 1%;border:0}.detail:not(:has(.detail-title)) .empty{padding:20px 15px}.floor-stats .kpi{padding:14px}.floor-stats .kpi>span,.floor-stats .kpi strong{padding-left:31px}.kpi-icon{left:11px;top:17px;width:26px}.page-title h1{font-size:29px}.page-floor .map-scroll{max-height:none}.order-line .dish-thumb{width:50px;height:50px}.order-line b{font-size:12px}.order-line small{font-size:10px}.detail-title h2{font-size:27px}.order-line .tag{font-size:9px}.detail-actions button{font-size:11px}.detail-meta{font-size:12px}.detail .service-stage{font-size:11px!important}.menu-card .food-mark{height:100px}}
@media(max-width:767px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:62px;padding:0 13px}.top-actions{gap:8px}.top-actions .connection{font-size:8px;padding:7px 8px;border:0;background:transparent;letter-spacing:0}.top-actions select{max-width:150px;font-size:11px;min-height:36px}.top-actions .icon{width:30px;min-height:34px}.page-title h1{font-size:28px;margin:7px 0;letter-spacing:-1px}.page-title .eyebrow{font-size:8px;letter-spacing:1.4px}.page-title p{font-size:11px;color:#91a0bd}.page-actions button{font-size:9px;min-height:29px;padding:5px 7px}.page-actions{gap:5px}.page-actions .subtle{color:#9aabc8}main{padding:23px 15px 85px}.page-title{margin-bottom:22px;gap:10px}.floor-stats{gap:9px;margin-bottom:20px}.floor-stats .kpi{min-height:91px;padding:14px 12px;border-radius:13px}.floor-stats .kpi-icon{left:12px;top:18px;width:28px;height:35px}.floor-stats .kpi>span{font-size:9px;padding-left:37px}.floor-stats .kpi strong{font-size:27px;padding-left:37px;margin-top:3px}.floor-stats .kpi small{font-size:8px;margin-top:7px;white-space:normal;line-height:1.5}.map-panel>.panel-head{padding:0 0 12px;gap:10px}.map-panel .tabs{width:100%;padding:3px}.map-panel .tabs button{font-size:10px;padding:8px 11px;min-height:38px;gap:6px}.tools{margin-left:auto}.tools button{font-size:9px;min-height:32px;padding:5px 8px}.floor-map{min-width:590px}.map-scroll{padding:0;border-radius:6px;max-height:none}.map-legend{font-size:8px;gap:11px;padding:12px;margin:12px 0 0}.floor-layout{gap:16px}.detail{border-radius:14px;padding:20px;scroll-margin-top:78px}.detail-title h2{font-size:28px}.detail-title>span:first-child{font-size:8px}.detail-meta{font-size:12px;gap:12px}.assigned-person{padding:12px}.person-avatar{width:36px;height:36px}.assigned-person b{font-size:13px}.assigned-person small{font-size:10px}.detail .order-line{gap:11px;padding:15px 0}.order-line .dish-thumb{width:49px;height:49px}.order-line b{font-size:11px}.order-line small{font-size:10px}.order-line>div:last-child>b{font-size:11px}.order-line .tag{font-size:9px}.order-line button.small{min-height:38px;font-size:10px;padding:6px 9px}.detail-actions .primary{min-height:47px;font-size:12px}.detail-actions button{min-height:43px;font-size:11px}.bill-total strong{font-size:28px}.bill-total{font-size:13px}.detail:not(:has(.detail-title)) .staff-row{width:100%;margin:0;padding:14px 0}.detail:not(:has(.detail-title)) .empty{padding:25px 10px}.staff-row b{font-size:12px}.staff-row small{font-size:9px}.staff-row>i{width:31px;height:31px}.assignment{padding:18px}.assignment p{font-size:10px}.assignment>button{min-height:42px;font-size:10px}.waiter-chip{padding:9px 7px;font-size:11px}.waiter-chip small{font-size:8px}.welcome{padding:24px 20px}.welcome h2{font-size:29px}.welcome-symbol{font-size:48px}.table-card h2{font-size:26px}.table-card .bill-total{font-size:25px}.table-card .primary{min-height:45px}.menu-card .food-mark{height:95px}.food-mark>svg{width:85px;height:85px}.hero-strip{padding:25px}.hero-strip h2{font-size:31px}.kds-col{border-radius:14px;padding:12px}.kds-card header h2{font-size:37px}.kds-card header b{font-size:18px}.kitchen-item>b{font-size:17px}.kitchen-item button{min-height:48px}.product{min-height:161px;padding-top:80px}.product .product-art{width:56px;height:56px;top:12px;left:12px}.product>span:last-child{width:26px;height:26px;bottom:12px;right:10px}.dialog{padding:20px;max-height:94dvh}.dialog h2{font-size:19px}.dialog>header .icon{width:34px;height:34px;min-height:34px}.mobile-nav button{min-height:48px}.mobile-nav small{font-size:8px}.guide-callout{padding:12px}.guide-callout b{font-size:10px}.guide-callout button{font-size:9px;min-height:32px}.page-floor>.guide-callout{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.decor:has(rect[fill="url(#wood)"]) .fixture-label{fill:#eef0f7;font-size:7px;letter-spacing:2px}
@media(min-width:1150px){.page-floor .page-title .page-actions{display:flex;top:101px;right:28px;gap:6px}.page-floor .page-title .page-actions button{min-height:23px;padding:3px 7px;font-size:8px}.page-floor .floor-layout{padding-top:16px}}
.floor-layout>.panel{min-width:0}.map-panel,.map-scroll{min-width:0;max-width:100%}
@media(max-width:1149px){.floor-layout{grid-template-columns:minmax(0,1fr)}}