:root{--bg:#050505;--panel:#0d0e10;--panel2:#121315;--line:rgba(255,255,255,.11);--text:#f7f7f8;--muted:#8e9197;--gold:#d9ad57;--gold2:#f0cf84;--green:#63d367;--blue:#56aefa;--red:#e95b58;--gray:#989ba1;--radius:20px}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:520px;margin:0 auto;min-height:100vh;padding:20px 16px 94px;background:radial-gradient(circle at 50% -20%,rgba(217,173,87,.07),transparent 30%),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:46px}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--gold2);letter-spacing:.18em;padding:0;font-size:14px}.xmark{font-size:30px;font-weight:200;letter-spacing:0}.top-actions,.inline-actions{display:flex;gap:8px}.round-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;font-size:20px;display:grid;place-items:center}.page-head{margin:20px 0 16px}.page-head h1,.home-head h1{margin:0;font-size:32px;letter-spacing:-.03em}.page-head p,.home-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.home-head{display:flex;align-items:flex-end;justify-content:space-between;margin:22px 0 14px;gap:12px}.small-btn,.btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;border-radius:14px;padding:11px 14px}.small-btn{font-size:12px;padding:9px 11px}.primary{border-color:rgba(217,173,87,.55)!important;background:linear-gradient(180deg,rgba(217,173,87,.22),rgba(217,173,87,.08))!important;color:var(--gold2)!important}.danger-lite{border-color:rgba(233,91,88,.32)!important;color:#ff8a86!important}.full{width:100%}.zone-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.zone-tabs::-webkit-scrollbar{display:none}.zone-tab{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#b5b7bb;border-radius:999px;padding:10px 16px}.zone-tab.active{color:var(--gold2);border-color:rgba(217,173,87,.5);background:rgba(217,173,87,.09);box-shadow:0 0 24px rgba(217,173,87,.07)}
.salon-map{height:560px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),#090a0b;background-size:auto,54px 54px,54px 54px;box-shadow:inset 0 0 80px rgba(0,0,0,.6)}.salon-map:before,.salon-map:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.05);border-radius:120px;left:27%;right:27%;top:26%;bottom:26%}.salon-map:after{left:34%;right:34%;top:34%;bottom:34%}.map-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.24em;color:rgba(255,255,255,.13)}.table-node{position:absolute;width:116px;min-height:86px;transform:translateZ(0);border-radius:20px;border:1px solid var(--line);background:#0d0f10;color:#fff;padding:13px 8px;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.4)}.table-node strong{display:block;font-size:22px}.table-node span{display:block;margin-top:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.table-node small{display:block;margin-top:6px;color:#b1b3b7;font-size:9px}.table-node .waiter-mini{margin-top:5px;color:#f1f1f2;font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-node .waiter-mini:before{content:"Mozo · ";color:var(--muted);font-weight:500}.status-available{border-color:rgba(99,211,103,.45)!important;color:var(--green)!important;background:linear-gradient(180deg,rgba(99,211,103,.12),rgba(99,211,103,.03)),#0b0d0c!important}.status-occupied{border-color:rgba(86,174,250,.45)!important;color:var(--blue)!important;background:linear-gradient(180deg,rgba(86,174,250,.11),rgba(86,174,250,.03)),#0b0c0e!important}.status-reserved,.status-vip{border-color:rgba(217,173,87,.5)!important;color:var(--gold2)!important;background:linear-gradient(180deg,rgba(217,173,87,.12),rgba(217,173,87,.03)),#0d0c0a!important}.status-payment{border-color:rgba(233,91,88,.5)!important;color:#ff817d!important;background:linear-gradient(180deg,rgba(233,91,88,.13),rgba(233,91,88,.03)),#0e0b0b!important}.status-blocked{border-color:rgba(152,155,161,.3)!important;color:#aaa!important;background:#101112!important}.legend{display:flex;gap:12px;overflow:auto;padding:12px 4px 4px;color:#999;font-size:9px}.legend span{white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.dot.available{background:var(--green)}.dot.occupied{background:var(--blue)}.dot.reserved{background:var(--gold)}.dot.payment{background:var(--red)}
.bottom-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(calc(100% - 24px),496px);display:grid;grid-template-columns:repeat(5,1fr);padding:9px 7px;border:1px solid var(--line);border-radius:22px;background:rgba(12,13,14,.92);backdrop-filter:blur(22px);z-index:40}.nav-item{border:0;background:transparent;color:#8f9297;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;padding:4px 1px}.nav-item b{font-size:19px;font-weight:400}.nav-item.active{color:var(--gold2)}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:10px}.sheet{width:min(500px,100%);max-height:91vh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(16,17,19,.98);padding:18px;box-shadow:0 -30px 80px rgba(0,0,0,.65)}.sheet-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.sheet-title h2{margin:0;font-size:23px}.sheet-title p{margin:5px 0 0;color:var(--muted);font-size:11px}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.module-grid button{min-height:76px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#fff;border-radius:17px;display:flex;gap:12px;align-items:center;padding:14px}.module-grid i{font-style:normal;color:var(--gold2);font-size:22px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.people-grid label,.edit-line label{display:flex;flex-direction:column;gap:6px}.people-grid label span,.edit-line label{font-size:10px;color:var(--muted)}input,select,.search{width:100%;border:1px solid var(--line);background:#090a0b;color:#fff;border-radius:13px;padding:11px;outline:none}input:disabled,select:disabled{opacity:.55}.text-action{border:0;background:transparent;color:var(--gold2);font-size:11px;padding:10px 0}.money-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.money-row>div{border:1px solid var(--line);border-radius:16px;padding:13px;background:rgba(255,255,255,.02)}.money-row span{display:block;color:var(--muted);font-size:10px}.money-row strong{display:block;margin-top:5px;font-size:21px;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin:16px 0 8px}.section-head h3,.panel h3{margin:0;font-size:16px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.status-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.consumption-list{border:1px solid var(--line);border-radius:17px;overflow:hidden}.consume-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 11px;border-bottom:1px solid var(--line)}.consume-row:last-child{border-bottom:0}.consume-row b{font-size:11px}.consume-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.qty-controls{display:flex;align-items:center;gap:7px}.qty-controls button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:#151618;color:#fff}.add-product{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.table-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.btn.account{grid-column:1/-1;border-color:rgba(217,173,87,.5);color:var(--gold2);background:rgba(217,173,87,.07)}.history{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.history summary{color:#ddd;font-size:11px;cursor:pointer}.history>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.history small{color:var(--muted)}.empty-line,.empty{padding:18px;text-align:center;color:var(--muted);font-size:11px}.payment-panel{margin-top:14px}.payment-alert{border:1px solid rgba(233,91,88,.35);background:rgba(233,91,88,.06);border-radius:16px;padding:12px;margin-bottom:10px}.payment-alert b,.payment-alert span{display:block}.payment-alert b{color:#ff817d}.payment-alert span{color:#bbb;font-size:10px;margin-top:5px}
.layout-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.order-list{display:grid;gap:8px}.order-card{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:17px;padding:10px}.order-index{color:var(--gold2);font-size:12px}.order-main{border:0;background:transparent;color:#fff;text-align:left;padding:0}.order-main b,.order-main small{display:block}.order-main small{color:var(--muted);font-size:9px;margin-top:4px}.order-controls{display:flex;align-items:center;gap:4px}.order-controls button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#111214;color:#fff}.order-controls button:disabled{opacity:.25}.order-controls span{color:#777;font-size:16px;margin-left:4px}
.search{margin-bottom:10px}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.filter{border:1px solid var(--line);background:rgba(255,255,255,.02);color:#aaa;border-radius:999px;padding:9px 13px;white-space:nowrap}.filter.active{color:var(--gold2);border-color:rgba(217,173,87,.45);background:rgba(217,173,87,.07)}.product-list{display:grid;gap:8px}.product-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:11px;background:rgba(255,255,255,.02)}.prod-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(217,173,87,.24);color:var(--gold2);background:#111}.prod-info b,.prod-info small{display:block}.prod-info small{color:var(--muted);font-size:9px;margin-top:3px}.edit-line{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.edit-line input{padding:8px;margin-top:3px}.panel{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.022);padding:14px;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stat-grid>div{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.02)}.stat-grid span{display:block;color:var(--muted);font-size:9px}.stat-grid b{display:block;margin-top:6px;font-size:17px}.rank-row,.sale-row,.promoter-row,.user-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.rank-row:last-child,.sale-row:last-child,.promoter-row:last-child,.user-row:last-child{border-bottom:0}.rank-row small,.sale-row small,.promoter-row small,.user-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.right{text-align:right}.rank{width:34px;height:34px;border:1px solid rgba(217,173,87,.4);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}.user-badge{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold2);background:#111}.chat-box{min-height:55vh;border:1px solid var(--line);border-radius:20px;padding:14px}.message{max-width:82%;padding:11px;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;background:#121315}.message.self{margin-left:auto;border-color:rgba(217,173,87,.3)}.message b,.message span{display:block}.message b{color:var(--gold2);font-size:10px}.message span{font-size:12px;margin-top:4px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.chat-compose button{border:0;border-radius:13px;background:var(--gold);color:#17110a;padding:0 15px}.login{min-height:100vh;max-width:520px;margin:auto;padding:24px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 28%,rgba(217,173,87,.13),transparent 26%),#050505}.login-brand{text-align:center;margin-bottom:42px}.big-x{font-size:72px;color:var(--gold2);font-weight:200}.login-brand h1{color:var(--gold2);letter-spacing:.3em;font-size:22px;font-weight:400}.login-brand p,.login-note{color:var(--muted);font-size:11px;text-align:center}.field{margin-bottom:10px}
@media(max-width:390px){.app-shell{padding-left:12px;padding-right:12px}.salon-map{height:525px}.table-node{width:102px;min-height:82px}.people-grid{grid-template-columns:1fr}.money-row{grid-template-columns:1fr}.table-actions{grid-template-columns:1fr}.btn.account{grid-column:auto}.product-card{grid-template-columns:42px 1fr}.product-card>.small-btn{grid-column:2}.prod-icon{width:42px;height:42px}.stat-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}

/* XOTIC SISTEM BAR v5 · roles, pedidos e impresión */
.bottom-nav{grid-template-columns:repeat(var(--count,5),1fr)}
.role-chip{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 9px;color:var(--gold2);font-size:9px;background:rgba(217,173,87,.06)}
.toast{position:fixed;left:50%;bottom:94px;transform:translateX(-50%);z-index:120;width:min(88%,420px);padding:11px 15px;border:1px solid rgba(99,211,103,.35);border-radius:999px;background:rgba(16,27,18,.96);color:#b6f4b8;text-align:center;font-size:11px;box-shadow:0 12px 40px rgba(0,0,0,.4)}
.table-node em{display:block;margin-top:6px;font-style:normal;font-size:9px;color:var(--gold2);font-weight:700}.table-node.own-promo{box-shadow:0 0 0 2px rgba(240,207,132,.25),0 16px 40px rgba(217,173,87,.14)}
.commission-banner{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;border:1px solid rgba(217,173,87,.4);background:linear-gradient(135deg,rgba(217,173,87,.14),rgba(217,173,87,.035));border-radius:18px;padding:13px 14px;margin-bottom:12px}.commission-banner span,.commission-banner small{color:#c7b98f;font-size:10px}.commission-banner strong{grid-row:1/3;grid-column:2;font-size:23px;color:var(--gold2)}.commission-banner.focus{margin:0 0 13px}
.product-picker{margin-top:14px}.picker-list{max-height:270px;overflow:auto;border:1px solid var(--line);border-radius:17px}.picker-row{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.picker-row:last-child{border-bottom:0}.picker-row b,.picker-row small{display:block}.picker-row b{font-size:11px}.picker-row small{color:var(--muted);font-size:9px;margin-top:3px}.picker-row>strong{font-size:10px}.picker-row>button{border:1px solid rgba(217,173,87,.35);border-radius:10px;background:rgba(217,173,87,.08);color:var(--gold2);padding:7px 9px;font-size:10px}.qty-controls .trash{color:#ff8c88;border-color:rgba(233,91,88,.3);border-radius:9px;width:30px}
.product-actions{display:flex;flex-direction:column;gap:7px}.product-card{grid-template-columns:48px 1fr auto}.edit-line{grid-template-columns:repeat(3,1fr)}.edit-line select{padding:8px;margin-top:3px}
.printer-card{border-bottom:1px solid var(--line);padding:12px 0}.printer-card:last-child{border-bottom:0}.printer-card>div:first-child{display:flex;align-items:center;gap:10px;margin-bottom:12px}.printer-card b,.printer-card small{display:block}.printer-card small{color:var(--muted);font-size:9px;margin-top:3px}.printer-icon{width:42px;height:42px;border:1px solid rgba(217,173,87,.3);border-radius:13px;display:grid;place-items:center;color:var(--gold2)}.printer-card label{display:block;color:var(--muted);font-size:10px;margin-top:8px}.switch-line{display:flex!important;align-items:center;gap:8px}.switch-line input{width:auto}.permission-card{padding:12px 0;border-bottom:1px solid var(--line)}.permission-card:last-child{border-bottom:0}.permission-card b,.permission-card span{display:block}.permission-card b{color:var(--gold2)}.permission-card span{color:var(--muted);font-size:10px;margin-top:5px;line-height:1.45}.promo-highlight{border:1px solid rgba(217,173,87,.28);border-radius:16px;padding:14px!important;background:rgba(217,173,87,.045)}
.role-login{justify-content:flex-start;padding-top:max(36px,env(safe-area-inset-top))}.role-login .login-brand{margin-bottom:24px}.role-grid{display:grid;gap:10px}.role-card{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);padding:15px;color:#fff;text-align:left}.role-card.cashier{border-color:rgba(217,173,87,.4);background:linear-gradient(145deg,rgba(217,173,87,.12),rgba(217,173,87,.025))}.role-card b,.role-card span,.role-card small{display:block}.role-card b{font-size:18px;color:var(--gold2)}.role-card span{font-size:12px;margin-top:4px}.role-card small{color:var(--muted);font-size:9px;margin-top:5px;line-height:1.4}.role-card select{margin:12px 0 8px}.role-card>button{width:100%;border:1px solid rgba(217,173,87,.35);border-radius:12px;background:rgba(217,173,87,.08);color:var(--gold2);padding:10px}.login-printers{margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(255,255,255,.018)}.login-printers b,.login-printers span{display:block}.login-printers b{color:var(--gold2);font-size:11px;margin-bottom:7px}.login-printers span{color:var(--muted);font-size:10px;margin:4px 0}
@media(max-width:390px){.role-chip{display:none}.picker-row{grid-template-columns:1fr auto}.picker-row>strong{display:none}.edit-line{grid-template-columns:1fr 1fr}.edit-line label:last-child{grid-column:1/-1}.product-card{grid-template-columns:42px 1fr}.product-actions{grid-column:2;flex-direction:row}.commission-banner strong{font-size:19px}}

/* Edición directa del salón */
.layout-live-note{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(217,173,87,.32);background:rgba(217,173,87,.06);border-radius:15px;padding:10px 12px;margin:0 0 10px}.layout-live-note b{font-size:11px;color:var(--gold2)}.layout-live-note span{font-size:9px;color:var(--muted);text-align:right}.salon-map:before,.salon-map:after{pointer-events:none}.salon-map.editing{background:linear-gradient(90deg,rgba(217,173,87,.07) 1px,transparent 1px),linear-gradient(rgba(217,173,87,.07) 1px,transparent 1px),#090a0b;background-size:34px 34px,34px 34px}.salon-map.editing:before,.salon-map.editing:after{display:none}.table-node{z-index:2;user-select:none;-webkit-user-select:none}.table-node.draggable-live{touch-action:none;cursor:grab;outline:1px dashed rgba(217,173,87,.28);outline-offset:3px}.table-node.draggable-live.dragging{cursor:grabbing;z-index:12;box-shadow:0 18px 45px rgba(0,0,0,.72),0 0 0 2px rgba(217,173,87,.28);transform:scale(1.035)}.drag-hint{display:block;margin-top:7px;font-style:normal;color:var(--gold2);font-size:8px;letter-spacing:.05em}.inline-actions{flex-wrap:wrap;justify-content:flex-end}

/* Caja / Ventas */
.sales-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.sales-metric{border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(255,255,255,.022)}.sales-metric span,.sales-metric small{display:block}.sales-metric span{font-size:9px;color:var(--muted)}.sales-metric strong{display:block;font-size:18px;margin:7px 0 4px}.sales-metric small{font-size:8px;color:#7f8287}.sales-metric.cash{border-color:rgba(99,211,103,.26);background:rgba(99,211,103,.035)}.sales-metric.cash strong{color:var(--green)}.sales-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:12px;background:rgba(255,255,255,.018)}.sales-toolbar span,.sales-toolbar b{display:block}.sales-toolbar span{font-size:9px;color:var(--muted)}.sales-toolbar b{font-size:15px;margin-top:3px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h3{margin:0}.panel-title span{color:var(--red);font-weight:700;font-size:13px}.expense-row{display:grid;grid-template-columns:1fr 78px auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.expense-row:last-child{border-bottom:0}.expense-row b,.expense-row small{display:block}.expense-row b{font-size:11px}.expense-row small{font-size:8px;color:var(--muted);margin-top:3px}.expense-row>strong{font-size:12px;color:#ff8a86;text-align:right}.expense-sign{height:34px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#f6f2e9;overflow:hidden}.expense-sign img{width:100%;height:100%;object-fit:contain;filter:contrast(1.3)}.expense-form{display:grid;gap:12px}.expense-form label>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.signature-wrap{border:1px solid var(--line);border-radius:16px;padding:6px;background:#f6f2e9}.signature-wrap canvas{display:block;width:100%;height:150px;touch-action:none;background:#f6f2e9;border-radius:11px}.signature-actions{display:flex;justify-content:flex-end;margin-top:-5px}

@media(max-width:390px){.sales-summary{grid-template-columns:1fr}.sales-toolbar{align-items:flex-start;flex-direction:column}.sales-toolbar .btn{width:100%}.expense-row{grid-template-columns:1fr auto}.expense-sign{grid-row:2;grid-column:1/-1;width:120px}.layout-live-note{align-items:flex-start;flex-direction:column}.layout-live-note span{text-align:left}}

/* Horas de pedido y contador de ocupación */
.table-node .occupation-mini{margin-top:5px;color:#d9c48f;font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.occupation-card{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;margin:0 0 13px}
.occupation-card>div{border:1px solid rgba(217,173,87,.24);border-radius:16px;padding:12px;background:rgba(217,173,87,.035)}
.occupation-card span,.occupation-card small{display:block;color:var(--muted);font-size:9px}
.occupation-card strong{display:block;margin-top:5px;color:var(--gold2);font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.occupation-card b{display:block;margin-top:5px;color:#fff;font-size:17px}
.occupation-card small{margin-top:4px;line-height:1.35}
.history small{white-space:nowrap;text-align:right}
@media(max-width:390px){.occupation-card{grid-template-columns:1fr}.occupation-card strong{font-size:21px}.table-node .occupation-mini{font-size:7.5px}}


/* Usuarios, PIN y propiedad de mesas */
.user-login{justify-content:flex-start;padding-top:max(46px,env(safe-area-inset-top))}.user-login .login-brand{margin-bottom:26px}.login-access{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(255,255,255,.024)}.login-access label{display:block;margin-bottom:12px}.login-access label>span,.user-create-grid label>span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.login-error{min-height:18px;color:#ff817d;font-size:10px;text-align:center;margin:10px 0 0}.user-create-panel h3{margin-bottom:12px}.user-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.user-create-grid label:first-child{grid-column:1/-1}.user-create-grid .btn{align-self:end}.security-note{font-size:9px;color:var(--muted);line-height:1.45;margin:12px 0 0}.user-admin-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.user-admin-row:last-child{border-bottom:0}.user-admin-row b,.user-admin-row small{display:block}.user-admin-row small{color:var(--muted);font-size:9px;margin-top:3px}.user-admin-actions{display:flex;gap:5px}.user-admin-actions .small-btn{padding:7px 8px;font-size:9px}.table-owner-lock,.table-owner-ok{border-radius:16px;padding:12px;margin-bottom:12px}.table-owner-lock{border:1px solid rgba(233,91,88,.34);background:rgba(233,91,88,.06)}.table-owner-ok{border:1px solid rgba(99,211,103,.25);background:rgba(99,211,103,.045)}.table-owner-lock b,.table-owner-lock span,.table-owner-ok b,.table-owner-ok span{display:block}.table-owner-lock b{color:#ff817d}.table-owner-ok b{color:var(--green)}.table-owner-lock span,.table-owner-ok span{color:var(--muted);font-size:10px;margin-top:4px;line-height:1.4}@media(max-width:390px){.user-create-grid{grid-template-columns:1fr}.user-create-grid label:first-child{grid-column:auto}.user-admin-row{grid-template-columns:auto 1fr}.user-admin-actions{grid-column:2;flex-wrap:wrap}}

/* Optimización táctil + teclado PIN */
html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,select,input{touch-action:manipulation}
.touch-login{padding:18px 18px max(20px,env(safe-area-inset-bottom));justify-content:flex-start}.touch-login .login-brand{margin:0 0 16px}.touch-login .big-x{font-size:54px;line-height:.9}.touch-login .login-brand h1{font-size:19px;margin:10px 0 5px}.touch-login .login-brand p{margin:0}.touch-login .login-access{padding:14px;border-radius:24px}.touch-user-select{margin-bottom:12px}.touch-user-select select{height:56px;padding:0 14px;font-size:16px;font-weight:600;border-radius:16px;background:#0b0c0d}.pin-caption{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 8px;color:var(--muted);font-size:10px}.pin-caption b{color:var(--gold2);font-size:9px;font-weight:500}.pin-display{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.pin-dot{height:52px;border:1px solid var(--line);border-radius:15px;background:#090a0b;display:grid;place-items:center;color:transparent;font-size:28px;line-height:1}.pin-dot.filled{color:var(--gold2);border-color:rgba(217,173,87,.42);background:rgba(217,173,87,.055)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pin-key{min-height:62px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);color:#fff;font-size:24px;font-weight:500;user-select:none;-webkit-user-select:none}.pin-key:active{transform:scale(.97);background:rgba(255,255,255,.08)}.pin-key.utility{font-size:18px;color:#c7c9cc}.pin-key.enter{color:#17110a;background:var(--gold2);border-color:var(--gold2);font-size:20px}.pin-key.enter:active{background:var(--gold)}.touch-login .login-error{min-height:20px;margin:9px 0 0;font-size:11px}.touch-login .login-printers{margin-top:10px;padding:10px 12px}.touch-login .login-note{margin:9px 0 0;line-height:1.35}.touch-login .fast-access{color:var(--muted);font-size:9px;text-align:center;margin:8px 0 0}.touch-login .fast-access strong{color:var(--gold2);font-weight:500}
@media(pointer:coarse){.round-btn{width:46px;height:46px}.small-btn,.btn{min-height:46px}.zone-tab{min-height:46px;padding:12px 17px}.nav-item{min-height:50px}.module-grid button{min-height:84px}.qty-controls button{width:38px;height:38px}.order-controls button{width:38px;height:38px}.product-card{min-height:68px}.table-node{min-height:92px}.text-action{min-height:42px}.sheet{padding-bottom:max(20px,env(safe-area-inset-bottom))}}
@media(max-height:720px){.touch-login .login-brand{margin-bottom:10px}.touch-login .big-x{font-size:44px}.touch-login .login-brand h1{margin:6px 0 3px}.touch-login .login-access{padding:11px}.touch-user-select select{height:50px}.pin-dot{height:44px}.pin-key{min-height:52px}.pin-keypad{gap:7px}.touch-login .login-printers{display:none}.touch-login .login-note{font-size:9px}}
@media(min-width:700px){.login.touch-login{max-width:620px}.touch-login .login-access{max-width:430px;width:100%;margin:0 auto}.touch-login .login-printers,.touch-login .login-note{max-width:430px;width:100%;margin-left:auto;margin-right:auto}}



/* Stock visual y acceso XOTIC — tema oscuro estándar */
.login-logo{width:145px;height:145px;object-fit:contain;display:block;margin:0 auto 4px;filter:drop-shadow(0 10px 26px rgba(217,173,87,.13));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:manipulation;cursor:pointer}
.touch-login .login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 0 12px}
.touch-login .login-brand h1{letter-spacing:.24em;margin:4px 0 4px .24em;font-size:20px}
.touch-login .login-brand p{max-width:320px;margin:0}
.touch-login .login-access{width:100%;margin-left:auto;margin-right:auto}
.stock-low{border-color:rgba(229,176,54,.46)!important;background:rgba(229,176,54,.085)!important}.stock-low .stock-text{color:#e0aa2f!important;font-weight:600}
.stock-critical{border-color:rgba(233,91,88,.58)!important;background:rgba(233,91,88,.09)!important}.stock-critical .stock-text{color:#ff7772!important;font-weight:700}
.stock-out{border-color:rgba(152,155,161,.18)!important;background:rgba(152,155,161,.055)!important;opacity:.52;filter:grayscale(1)}.stock-out .stock-text{color:var(--gray)!important}.picker-row.stock-out>button{background:rgba(152,155,161,.08)!important;color:var(--gray)!important;border-color:rgba(152,155,161,.2)!important;cursor:not-allowed}.stock-text{font-variant-numeric:tabular-nums}
/* Cierre de caja */
.sales-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.close-cash{border-color:rgba(217,173,87,.55)!important;color:var(--gold2)!important;background:rgba(217,173,87,.07)!important}.close-cash.blocked{border-color:rgba(233,91,88,.35)!important;color:#ff817d!important;background:rgba(233,91,88,.06)!important}.cash-blocker{display:flex;gap:10px;align-items:flex-start;margin:10px 0 14px;padding:12px 13px;border:1px solid rgba(233,91,88,.28);border-radius:16px;background:rgba(233,91,88,.055)}.cash-blocker b,.cash-blocker span{display:block}.cash-blocker b{color:#ff817d;font-size:11px}.cash-blocker span{color:var(--muted);font-size:9px;margin-top:3px;line-height:1.4}.closure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.closure-metric{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.02)}.closure-metric span{display:block;color:var(--muted);font-size:9px}.closure-metric strong{display:block;font-size:19px;margin-top:5px}.closure-meta{padding:10px 0 4px;color:var(--muted);font-size:10px;line-height:1.6}.closure-table{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.closure-table:last-child{border-bottom:0}.closure-table b,.closure-table small{display:block}.closure-table small{color:var(--muted);font-size:9px;margin-top:3px}.closure-table strong{text-align:right}.closure-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
/* Notificaciones de promotores */
.notification-btn{position:relative}.notification-badge{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;border:2px solid var(--bg);display:grid;place-items:center;font-size:9px;font-weight:700}.notification-list{display:grid;gap:9px}.notification-card{border:1px solid var(--line);border-radius:17px;padding:12px;background:rgba(255,255,255,.025)}.notification-card.unread{border-color:rgba(217,173,87,.4);background:rgba(217,173,87,.055)}.notification-card h4{margin:0 0 4px;font-size:12px}.notification-card>small{color:var(--muted);font-size:9px}.notification-summary{display:grid;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.notification-table{display:flex;justify-content:space-between;gap:10px;font-size:10px}.notification-table span{color:var(--muted)}.notification-total{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--gold2)}
@media(max-width:390px){.login-logo{width:112px;height:112px}.touch-login{padding-left:14px;padding-right:14px}.touch-login .login-access{padding:12px}.pin-keypad{gap:7px}.pin-key{min-height:56px}.closure-grid{grid-template-columns:1fr 1fr}.sales-toolbar-actions{width:100%}.sales-toolbar-actions .btn{flex:1}}
@media(max-height:720px){.login-logo{width:82px;height:82px}.touch-login .login-brand{margin-bottom:5px}.touch-login .login-brand h1{font-size:16px;margin:2px 0}.touch-login .login-brand p{font-size:9px}.pin-key{min-height:47px}.pin-dot{height:38px}}
@media(min-width:700px){.login-logo{width:170px;height:170px}.login.touch-login{max-width:700px}.touch-login .login-access{max-width:460px}}


/* Cierres de turno */
.shift-header{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.shift-header>div{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.018)}.shift-header span,.shift-header b{display:block}.shift-header span{font-size:9px;color:var(--muted)}.shift-header b{font-size:13px;margin-top:3px}.sales-summary.shift-summary{grid-template-columns:1fr 1fr}.shift-summary .sales-metric.cash{grid-column:1/-1}.shift-history>.panel-title{margin-bottom:10px}.shift-history>.panel-title small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.shift-close-card{border:1px solid var(--line);border-radius:16px;padding:11px;margin-top:8px;background:rgba(255,255,255,.018)}.shift-close-main{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.shift-number{border:1px solid rgba(217,173,87,.35);border-radius:999px;padding:5px 7px;color:var(--gold2);font-size:8px;white-space:nowrap}.shift-close-main b,.shift-close-main small{display:block}.shift-close-main b{font-size:11px}.shift-close-main small{font-size:8px;color:var(--muted);margin-top:3px}.shift-close-main>strong{font-size:12px}.shift-close-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.shift-close-bottom span{font-size:8px;color:var(--muted)}.shift-close-bottom .small-btn{margin-left:auto}.closure-primary{border-color:rgba(99,211,103,.28);background:rgba(99,211,103,.04)}.closure-primary strong{color:var(--green)}.day-running-total{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(217,173,87,.26);background:rgba(217,173,87,.04);border-radius:14px;padding:10px 12px;margin:4px 0 12px}.day-running-total span{font-size:9px;color:var(--muted)}.day-running-total b{color:var(--gold2);font-size:13px}.closure-expense{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.closure-expense b,.closure-expense small{display:block}.closure-expense b{font-size:10px}.closure-expense small{font-size:8px;color:var(--muted);margin-top:3px}.closure-expense strong{color:#ff8a86;font-size:11px}@media(max-width:390px){.shift-header{grid-template-columns:1fr}.sales-summary.shift-summary{grid-template-columns:1fr 1fr}.shift-close-main{grid-template-columns:auto 1fr}.shift-close-main>strong{grid-column:2}.shift-close-bottom .small-btn{width:100%;margin-left:0}}

/* Cuenta abierta y cobros parciales */
.partial-pay-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid rgba(217,173,87,.28);background:rgba(217,173,87,.055);border-radius:16px;padding:12px;margin-bottom:10px}
.partial-pay-summary span,.partial-pay-summary strong{display:block}.partial-pay-summary span{font-size:9px;color:var(--muted)}.partial-pay-summary strong{font-size:20px;color:var(--gold2);margin-top:3px}
.partial-list{border:1px solid var(--line);border-radius:17px;overflow:hidden}.partial-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid var(--line)}
.partial-row:last-child{border-bottom:0}.partial-row b,.partial-row small{display:block}.partial-row b{font-size:11px}.partial-row small{font-size:9px;color:var(--muted);margin-top:3px}.partial-row>strong{font-size:11px}
.partial-qty{display:flex;align-items:center;gap:7px}.partial-qty button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#151618;color:#fff}.partial-qty strong{min-width:20px;text-align:center}
.partial-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0}.partial-method{display:block;margin-top:12px}.partial-method span{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}
.partial-hint{font-size:9px;color:var(--muted);line-height:1.45;margin:9px 0 0}.account-open-note{border:1px solid rgba(99,211,103,.22);background:rgba(99,211,103,.04);border-radius:15px;padding:10px 12px;margin-top:12px}
.account-open-note b,.account-open-note span{display:block}.account-open-note b{color:var(--green);font-size:10px}.account-open-note span{font-size:9px;color:var(--muted);margin-top:4px}.btn.partial-pay{border-color:rgba(102,163,255,.38);color:#9fc3ff;background:rgba(66,120,205,.07)}
.partial-paid-history{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.partial-paid-history h4{margin:0 0 6px;font-size:11px}.partial-paid-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:9px}.partial-paid-row small{color:var(--muted)}
@media(max-width:390px){.partial-row{grid-template-columns:1fr auto}.partial-row>strong{grid-column:1/-1;text-align:right}.partial-toolbar{align-items:flex-start;flex-direction:column}.partial-toolbar .btn{width:100%}}


/* Ventas por mesa + calendario de comisiones */
.night-table-list{display:grid;gap:9px}
.night-table-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);padding:12px}
.night-table-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.night-table-top h4{margin:0;font-size:14px}.night-table-top p{margin:4px 0 0;color:var(--muted);font-size:9px}
.night-status{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.night-status.open{color:var(--blue);border-color:rgba(86,174,250,.34);background:rgba(86,174,250,.06)}
.night-status.account{color:#ff817d;border-color:rgba(233,91,88,.4);background:rgba(233,91,88,.07)}
.night-status.closed{color:var(--green);border-color:rgba(99,211,103,.32);background:rgba(99,211,103,.05)}
.night-table-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}
.night-table-metrics div{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:8px;background:rgba(255,255,255,.012)}
.night-table-metrics span,.night-table-metrics b{display:block}.night-table-metrics span{font-size:8px;color:var(--muted)}.night-table-metrics b{font-size:10px;margin-top:3px}
.promoter-edit-line{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.promoter-edit-line label{font-size:9px;color:var(--muted)}.promoter-edit-line select{padding:9px 10px;font-size:10px}
.commission-calendar{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px;align-items:center;margin-bottom:10px}
.commission-calendar button{height:42px;min-width:42px;border:1px solid var(--line);border-radius:13px;background:#111214;color:#fff}
.commission-calendar .today-btn{padding:0 12px;color:var(--gold2)}
.commission-date-wrap{border:1px solid var(--line);border-radius:13px;padding:9px 11px;background:#090a0b;min-width:0}
.commission-date-wrap input{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important;min-width:0;color:#fff}
.commission-promoter-select{margin:0 0 12px}.commission-promoter-select span{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}
.commission-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.commission-metric{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.018)}
.commission-metric.primary{border-color:rgba(217,173,87,.34);background:rgba(217,173,87,.055)}
.commission-metric span,.commission-metric strong,.commission-metric small{display:block}.commission-metric span{font-size:9px;color:var(--muted)}.commission-metric strong{font-size:20px;margin-top:5px}.commission-metric small{font-size:8px;color:var(--muted);margin-top:3px}
.commission-table-list{display:grid;gap:9px}.commission-table-card{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.018)}
.commission-table-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.commission-table-head h4{margin:0;font-size:14px}.commission-table-head p{margin:4px 0 0;color:var(--muted);font-size:9px}
.commission-amount{font-size:16px;color:var(--gold2);white-space:nowrap}
.commission-table-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.commission-table-meta div{border:1px solid rgba(255,255,255,.055);border-radius:11px;padding:8px}
.commission-table-meta span,.commission-table-meta b{display:block}.commission-table-meta span{font-size:8px;color:var(--muted)}.commission-table-meta b{font-size:9px;margin-top:3px}
.commission-table-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;border-top:1px solid rgba(255,255,255,.06);padding-top:9px;font-size:9px}
.commission-table-foot span{color:var(--muted)}.commission-table-foot b{color:#fff}
@media(max-width:430px){
  .night-table-metrics{grid-template-columns:1fr 1fr}
  .commission-calendar{grid-template-columns:auto minmax(0,1fr) auto}.commission-calendar .today-btn{grid-column:1/-1;width:100%}
  .commission-table-meta{grid-template-columns:1fr 1fr}.commission-summary{grid-template-columns:1fr 1fr}
}


/* Listas minimalistas: resumen primero, detalle al tocar */
.minimal-section{padding:0}
.minimal-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.minimal-section-head h3{margin:0;font-size:13px;font-weight:600}
.minimal-section-head small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.minimal-count{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 8px}
.compact-session-list{display:grid;gap:7px}
.compact-session-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.014);border-radius:15px;padding:11px 12px;color:var(--text);transition:.15s ease}
.compact-session-row:active{transform:scale(.99);background:rgba(255,255,255,.03)}
.compact-session-main{min-width:0}.compact-session-main b{display:block;font-size:11px}.compact-session-main small{display:block;margin-top:4px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-session-value{text-align:right;white-space:nowrap}.compact-session-value strong{display:block;font-size:11px}.compact-session-value small{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.compact-chevron{color:var(--muted);font-size:15px}
.status-mini{display:inline-flex;align-items:center;gap:5px;font-size:7px;text-transform:uppercase;letter-spacing:.05em}
.status-mini::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.status-mini.open{color:var(--blue)}.status-mini.account{color:#ff736f}.status-mini.closed{color:var(--green)}.status-mini.partial{color:var(--gold2)}

.sales-night-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 2px}
.sales-night-summary span{font-size:9px;color:var(--muted)}
.sales-night-summary b{font-size:10px}
.commission-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;margin-bottom:9px}
.commission-topbar button{height:40px;min-width:40px;border:1px solid var(--line);border-radius:12px;background:#111214;color:#fff}
.commission-date-clean{border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:#090a0b;min-width:0}
.commission-date-clean input{border:0!important;background:transparent!important;padding:0!important;min-width:0}
.commission-today{width:100%;margin:0 0 10px;height:35px!important;color:var(--gold2)!important}
.commission-hero{border:1px solid rgba(217,173,87,.24);border-radius:18px;padding:14px;background:rgba(217,173,87,.035);margin-bottom:10px}
.commission-hero span,.commission-hero strong,.commission-hero small{display:block}
.commission-hero span{font-size:9px;color:var(--muted)}.commission-hero strong{font-size:25px;margin-top:5px;color:var(--gold2);font-weight:600}.commission-hero small{font-size:8px;color:var(--muted);margin-top:5px}
.commission-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.commission-quick i{font-style:normal;font-size:8px;border:1px solid var(--line);padding:5px 7px;border-radius:999px;color:var(--muted)}

.session-detail .sheet-title{margin-bottom:12px}
.session-detail-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.session-detail-hero h3{margin:0;font-size:20px}.session-detail-hero p{margin:4px 0 0;font-size:9px;color:var(--muted)}
.session-detail-hero strong{font-size:18px;color:var(--gold2);white-space:nowrap}
.session-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:12px}
.session-detail-grid div{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:9px}
.session-detail-grid span,.session-detail-grid b{display:block}.session-detail-grid span{font-size:8px;color:var(--muted)}.session-detail-grid b{font-size:9px;margin-top:4px}
.detail-block{border-top:1px solid var(--line);padding-top:11px;margin-top:11px}
.detail-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.detail-block-head h4{margin:0;font-size:10px}.detail-block-head span{font-size:8px;color:var(--muted)}
.detail-product-row,.detail-payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.detail-product-row:last-child,.detail-payment-row:last-child{border-bottom:0}
.detail-product-row b,.detail-product-row small,.detail-payment-row b,.detail-payment-row small{display:block}
.detail-product-row b,.detail-payment-row b{font-size:9px}.detail-product-row small,.detail-payment-row small{font-size:8px;color:var(--muted);margin-top:3px}
.detail-product-row>strong,.detail-payment-row>strong{font-size:9px;white-space:nowrap}
.detail-promoter-edit{margin-top:11px}.detail-promoter-edit span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.detail-note{font-size:8px;color:var(--muted);line-height:1.45;margin-top:8px}

@media(max-width:380px){
  .compact-session-row{grid-template-columns:minmax(0,1fr) auto}.compact-chevron{display:none}
  .session-detail-grid{grid-template-columns:1fr 1fr}
}


/* Identidad XOTIC + chip de usuario por rol */
.role-chip{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  max-width:118px;
  min-height:34px;
  padding:7px 11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border-radius:999px;
  font-size:9px;
  font-weight:750;
  letter-spacing:.055em;
  border:1px solid transparent;
  color:#fff;
  background:#151618;
}
.role-chip.cashier{background:rgba(72,180,92,.13);border-color:rgba(82,207,105,.38);color:#8ce99d}
.role-chip.waiter{background:rgba(75,139,232,.13);border-color:rgba(86,174,250,.38);color:#91c8ff}
.role-chip.promoter{background:rgba(149,91,219,.14);border-color:rgba(171,111,238,.40);color:#c99dff}
.brand>span:last-child{font-weight:650}
@media(max-width:390px){
  .role-chip{display:inline-flex!important;max-width:84px;min-height:32px;padding:6px 9px;font-size:8px}
  .top-actions{gap:6px}
  .round-btn{width:38px;height:38px}
  .brand{gap:7px;font-size:11px}
}


/* Edición táctil de pestañas y mesas */
.zone-edit-controls{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:-3px 0 10px;padding:9px 10px;
  border:1px solid rgba(217,173,87,.25);border-radius:15px;
  background:rgba(217,173,87,.045)
}
.zone-edit-current{min-width:0}
.zone-edit-current span,.zone-edit-current b{display:block}
.zone-edit-current span{font-size:8px;color:var(--muted)}
.zone-edit-current b{font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.zone-edit-actions{display:flex;align-items:center;gap:6px}
.zone-edit-btn,.zone-add-btn{
  height:36px;border:1px solid var(--line);border-radius:11px;
  background:#111214;color:#fff;display:grid;place-items:center
}
.zone-edit-btn{width:36px;font-size:15px}
.zone-edit-btn:disabled{opacity:.25}
.zone-edit-btn.danger{color:#ff817d;border-color:rgba(233,91,88,.28);background:rgba(233,91,88,.045)}
.zone-add-btn{padding:0 10px;color:var(--gold2);font-size:9px;white-space:nowrap}
.table-node{cursor:pointer}
.table-delete-x{
  position:absolute;right:-8px;top:-8px;z-index:20;width:28px;height:28px;
  border-radius:50%;border:2px solid #090a0b;background:#e95b58;color:#fff;
  display:grid;place-items:center;font-size:18px;font-weight:500;line-height:1;
  box-shadow:0 5px 16px rgba(0,0,0,.45);touch-action:manipulation
}
.table-node.draggable-live{padding-top:16px}
@media(pointer:coarse){
  .zone-edit-btn{width:42px;height:42px}.zone-add-btn{height:42px;padding:0 12px}
  .table-delete-x{width:32px;height:32px;right:-9px;top:-9px}
}
@media(max-width:390px){
  .zone-edit-controls{align-items:flex-start;flex-direction:column}
  .zone-edit-actions{width:100%}
  .zone-add-btn{margin-left:auto}
  .zone-edit-current b{max-width:220px}
}


.zone-edit-current small{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.zone-edit-text{
  height:36px;padding:0 10px;border:1px solid var(--line);border-radius:11px;
  background:#111214;color:#d7d9dc;font-size:9px;white-space:nowrap
}
.zone-edit-text.add-table{
  color:#9fc3ff;border-color:rgba(86,174,250,.30);background:rgba(86,174,250,.055)
}
@media(pointer:coarse){
  .zone-edit-text{height:42px;padding:0 12px}
}
@media(max-width:520px){
  .zone-edit-actions{flex-wrap:wrap}
  .zone-edit-text{flex:1}
  .zone-add-btn{margin-left:0}
}


/* Vista de pedidos del Mozo */
.waiter-order-sheet .sheet-title{margin-bottom:10px}
.waiter-order-total{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 13px;margin:0 0 12px;border:1px solid rgba(86,174,250,.18);
  border-radius:16px;background:rgba(86,174,250,.035)
}
.waiter-order-total span,.waiter-order-total strong,.waiter-order-total small{display:block}
.waiter-order-total span{font-size:9px;color:var(--muted)}
.waiter-order-total strong{font-size:20px;margin-left:auto}
.waiter-order-total small{font-size:9px;color:#8fc6ff;white-space:nowrap}
.waiter-order-sheet .waiter-products-head{margin-top:2px}
.waiter-order-sheet .product-picker{margin-top:12px}
.waiter-order-sheet .picker-row small{line-height:1.3}
.waiter-order-sheet .table-actions{position:sticky;bottom:-1px;z-index:5;padding-top:10px;padding-bottom:2px;background:linear-gradient(180deg,rgba(8,9,10,0),#08090a 24%)}
.waiter-order-sheet .table-actions .btn{min-height:48px}
.waiter-order-sheet .consumption-list{margin-bottom:4px}
@media(max-width:390px){
  .waiter-order-total strong{font-size:18px}
  .waiter-order-total{padding:11px}
}


/* MESAS DEL TURNO */
.turn-tables-panel .minimal-section-head{margin-bottom:9px}
.turn-tables-panel .minimal-section-head h3{letter-spacing:.06em}
.turn-overview{
  display:grid;grid-template-columns:auto auto 1fr;gap:7px;margin-bottom:10px
}
.turn-overview>div{
  min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:12px;
  padding:8px 9px;background:rgba(255,255,255,.012)
}
.turn-overview>div:last-child{text-align:right}
.turn-overview span,.turn-overview b{display:block}
.turn-overview span{font-size:7px;color:var(--muted)}
.turn-overview b{font-size:10px;margin-top:3px}
.turn-session-row .compact-session-main em{
  display:block;margin-top:4px;font-size:7px;font-style:normal;color:#8fc6ff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.turn-session-row.is-closed{
  opacity:.62;background:rgba(255,255,255,.008);border-color:rgba(255,255,255,.045)
}
.turn-session-row.is-closed .compact-session-main em{color:var(--muted)}
.turn-closed-divider{
  display:flex;align-items:center;gap:9px;padding:7px 2px 2px;margin-top:2px
}
.turn-closed-divider span{
  font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)
}
.turn-closed-divider i{height:1px;flex:1;background:rgba(255,255,255,.06)}
@media(max-width:390px){
  .turn-overview{grid-template-columns:1fr 1fr}
  .turn-overview>div:last-child{grid-column:1/-1;text-align:left}
}


/* Inventario y catálogo editable */
.inventory-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:9px}
.inventory-toolbar .search{margin:0}.inventory-add{min-height:44px;padding:0 14px;white-space:nowrap}
.inventory-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
.inventory-categories::-webkit-scrollbar{display:none}
.inventory-categories .filter{white-space:nowrap;flex:0 0 auto}
.inventory-product-card{align-items:flex-start}
.inventory-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-bottom:8px}
.inventory-name-row label span{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}
.inventory-name-row input{font-weight:650}
.inventory-name-row>small{padding-bottom:10px;white-space:nowrap}
.inventory-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.new-product-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.new-product-form label{display:block}.new-product-form label.wide{grid-column:1/-1}
.new-product-form span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}
.new-product-form span i{font-style:normal;opacity:.65}
.new-product-note{font-size:9px;color:var(--muted);line-height:1.45;margin:11px 1px 0}
@media(max-width:520px){
  .inventory-toolbar{grid-template-columns:1fr}.inventory-add{width:100%}
  .inventory-edit-grid{grid-template-columns:1fr 1fr}
  .inventory-product-card{grid-template-columns:auto minmax(0,1fr)}
  .inventory-product-card .product-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr}
  .inventory-name-row{grid-template-columns:1fr}.inventory-name-row>small{padding-bottom:0}
}
@media(max-width:380px){.new-product-form{grid-template-columns:1fr}.new-product-form label.wide{grid-column:auto}}


/* Inventario minimalista */
.inventory-action-card{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid rgba(217,173,87,.24);background:rgba(217,173,87,.035);
  border-radius:17px;padding:12px;margin-bottom:10px
}
.inventory-action-card span,.inventory-action-card b{display:block}
.inventory-action-card span{font-size:8px;color:var(--muted)}
.inventory-action-card b{font-size:13px;margin-top:3px}
.inventory-main-add{min-height:42px;padding:0 13px;font-size:9px;white-space:nowrap}
.inventory-search-clean{margin:0 0 9px}
.inventory-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
.inventory-categories::-webkit-scrollbar{display:none}
.inventory-categories .filter{white-space:nowrap;flex:0 0 auto}
.inventory-categories .filter small{font-size:7px;opacity:.65;margin-left:3px}
.inventory-minimal-list{display:grid;gap:7px}
.inventory-minimal-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;
  border:1px solid rgba(255,255,255,.065);border-radius:15px;padding:6px;
  background:rgba(255,255,255,.012)
}
.inventory-row-main{
  min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;
  align-items:center;text-align:left;border:0;background:transparent;color:var(--text);
  padding:5px 4px
}
.inventory-row-copy{min-width:0}
.inventory-row-title{display:flex;align-items:center;gap:7px;min-width:0}
.inventory-row-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-row-title span{
  flex:0 0 auto;font-size:7px;color:var(--muted);border:1px solid var(--line);
  border-radius:999px;padding:3px 5px
}
.inventory-row-copy>small{display:block;font-size:7px;color:var(--muted);margin-top:4px}
.inventory-row-numbers{text-align:right;white-space:nowrap}
.inventory-row-numbers strong{display:block;font-size:10px}
.inventory-stock{display:block;font-size:7px;margin-top:4px}
.inventory-stock.stock-low{color:#e0aa2f!important;background:none!important;border:0!important}
.inventory-stock.stock-critical{color:#ff7772!important;background:none!important;border:0!important}
.inventory-stock.stock-out{color:var(--gray)!important;background:none!important;border:0!important;opacity:.8;filter:none}
.inventory-row-main>i{font-style:normal;color:var(--muted);font-size:16px}
.inventory-edit-btn{
  min-height:38px;padding:0 10px;border:1px solid rgba(86,174,250,.22);
  background:rgba(86,174,250,.04);color:#9fc3ff;border-radius:10px;font-size:8px
}
.product-editor-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.product-editor-form label{display:block}
.product-editor-form label.wide{grid-column:1/-1}
.product-editor-form span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.product-editor-form span i{font-style:normal;opacity:.6}
.product-edit-summary{
  margin-top:11px;border:1px solid var(--line);border-radius:13px;
  padding:10px;background:rgba(255,255,255,.012)
}
.product-edit-summary span,.product-edit-summary b{display:block}
.product-edit-summary span{font-size:8px;color:var(--muted)}
.product-edit-summary b{font-size:9px;margin-top:4px}
.product-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.product-edit-actions.single{grid-template-columns:1fr}
.danger-soft{
  color:#ff817d!important;border-color:rgba(233,91,88,.25)!important;
  background:rgba(233,91,88,.035)!important
}
@media(max-width:430px){
  .inventory-action-card{align-items:stretch;flex-direction:column}
  .inventory-main-add{width:100%}
  .inventory-minimal-row{grid-template-columns:1fr}
  .inventory-edit-btn{width:100%}
}
@media(max-width:380px){
  .product-editor-form{grid-template-columns:1fr}
  .product-editor-form label.wide{grid-column:auto}
  .product-edit-actions{grid-template-columns:1fr}
}


/* Estadísticas minimalistas */
.stats-overview{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px
}
.stats-overview>div{
  border:1px solid var(--line);border-radius:16px;padding:11px 12px;
  background:rgba(255,255,255,.018)
}
.stats-overview span,.stats-overview strong{display:block}
.stats-overview span{font-size:8px;color:var(--muted)}
.stats-overview strong{font-size:16px;margin-top:5px}
.stats-ranking-panel{padding:13px}
.stats-rank-list,.stats-promoter-list{display:grid;gap:6px}
.stats-rank-row,.stats-promoter-row{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;
  align-items:center;padding:9px 1px;border-bottom:1px solid rgba(255,255,255,.055)
}
.stats-rank-row:last-child,.stats-promoter-row:last-child{border-bottom:0}
.stats-rank-index,.stats-promoter-place{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line);background:#101113;color:var(--muted);
  font-size:9px;font-weight:700
}
.stats-promoter-row.rank-1 .stats-promoter-place{
  color:var(--gold2);border-color:rgba(217,173,87,.38);background:rgba(217,173,87,.06)
}
.stats-promoter-row.rank-2 .stats-promoter-place{color:#c9ccd2}
.stats-promoter-row.rank-3 .stats-promoter-place{color:#d7a06d}
.stats-rank-main{min-width:0}
.stats-rank-title{
  display:flex;align-items:center;justify-content:space-between;gap:10px
}
.stats-rank-title b{
  min-width:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.stats-rank-title span{font-size:8px;color:var(--muted);white-space:nowrap}
.stats-rank-title strong{font-size:10px;color:var(--gold2);white-space:nowrap}
.stats-rank-bar{
  height:4px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.055);
  overflow:hidden
}
.stats-rank-bar i{
  display:block;height:100%;border-radius:999px;background:#8fc6ff
}
.stats-rank-bar.promoter i{background:var(--gold2)}
.stats-rank-main>small{
  display:block;color:var(--muted);font-size:7px;margin-top:5px
}
@media(max-width:390px){
  .stats-overview{grid-template-columns:1fr 1fr}
  .stats-overview>div:first-child{grid-column:1/-1}
}


/* Notas por producto */
.product-with-note{align-items:start}
.consume-copy{min-width:0}
.product-note-preview{
  margin-top:6px;padding:6px 8px;border-left:2px solid var(--gold2);
  background:rgba(217,173,87,.045);border-radius:0 8px 8px 0;
  color:#ddd;font-size:8px;line-height:1.35;word-break:break-word
}
.product-note-preview span{
  color:var(--gold2);font-size:7px;text-transform:uppercase;letter-spacing:.06em;
  margin-right:5px
}
.product-note-btn{
  margin-top:6px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.02);
  color:#aeb3bb;border-radius:999px;padding:5px 8px;font-size:8px
}
.product-note-btn.has-note{
  color:var(--gold2);border-color:rgba(217,173,87,.26);background:rgba(217,173,87,.04)
}
.product-note-overlay{z-index:120;background:rgba(0,0,0,.82)}
.product-note-sheet{width:min(460px,100%);max-height:none}
.product-note-field span,.product-note-field small{display:block}
.product-note-field span{font-size:9px;color:var(--muted);margin-bottom:6px}
.product-note-field small{font-size:8px;color:var(--muted);margin-top:5px}
.product-note-field textarea{
  width:100%;min-height:112px;resize:vertical;border:1px solid var(--line);
  background:#090a0b;color:#fff;border-radius:14px;padding:12px;
  outline:none;font:inherit;line-height:1.45
}
.product-note-field textarea:focus{border-color:rgba(217,173,87,.42)}
.product-note-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
@media(max-width:390px){
  .product-note-actions{grid-template-columns:1fr}
  .product-note-btn{min-height:34px;padding:7px 10px}
}


/* Flujo Promotor → Caja → Mozo */
.table-promo-claim{
  display:block!important;margin-top:4px!important;font-size:7px!important;
  color:#c99dff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.table-promo-claim.pending{color:#f2c76b!important}
.table-node.claim-pending{box-shadow:inset 0 0 0 1px rgba(242,199,107,.28)}
.table-node.claim-confirmed{box-shadow:inset 0 0 0 1px rgba(171,111,238,.28)}
.cashier-claims-panel{
  margin:0 0 10px;border:1px solid rgba(242,199,107,.22);border-radius:17px;
  background:rgba(242,199,107,.035);padding:10px
}
.cashier-claims-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.cashier-claims-head span,.cashier-claims-head b{display:block}
.cashier-claims-head span{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.cashier-claims-head b{font-size:11px;margin-top:2px}
.cashier-claims-head>strong{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:rgba(242,199,107,.10);color:#f2c76b;font-size:9px
}
.cashier-claims-list{display:grid;gap:6px}
.cashier-claim-row{
  display:grid;grid-template-columns:minmax(0,1fr) 34px auto;gap:6px;
  align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:7px
}
.cashier-claim-main{
  text-align:left;border:0;background:transparent;color:#fff;min-width:0;padding:3px 0
}
.cashier-claim-main b,.cashier-claim-main span{display:block}
.cashier-claim-main b{font-size:10px}
.cashier-claim-main span{font-size:8px;color:var(--muted);margin-top:3px}
.claim-reject,.claim-confirm{
  min-height:34px;border-radius:10px;border:1px solid var(--line);background:#111214;color:#fff;font-size:8px
}
.claim-reject{color:#ff817d}
.claim-confirm{
  padding:0 10px;color:#17110a;background:var(--gold);border-color:transparent;font-weight:700
}
.claim-status-card,.cashier-table-claim{
  border:1px solid var(--line);border-radius:15px;padding:11px;margin-bottom:10px;background:rgba(255,255,255,.018)
}
.claim-status-card.pending,.cashier-table-claim.pending{border-color:rgba(242,199,107,.25);background:rgba(242,199,107,.035)}
.claim-status-card.confirmed,.cashier-table-claim.confirmed{border-color:rgba(171,111,238,.24);background:rgba(171,111,238,.035)}
.claim-status-card span,.claim-status-card strong,.claim-status-card small{display:block}
.claim-status-card span{font-size:8px;color:var(--muted)}
.claim-status-card strong{font-size:13px;margin-top:4px}
.claim-status-card small{font-size:8px;color:var(--muted);margin-top:5px;line-height:1.4}
.promoter-claim-form{
  display:grid;gap:10px;border:1px solid rgba(171,111,238,.22);
  background:rgba(171,111,238,.035);border-radius:17px;padding:13px
}
.promoter-claim-form>div span,.promoter-claim-form>div b{display:block}
.promoter-claim-form>div span{font-size:8px;color:#c99dff}
.promoter-claim-form>div b{font-size:13px;margin-top:3px}
.promoter-claim-form label span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.promoter-claim-form>small{font-size:8px;color:var(--muted);text-align:center}
.cashier-table-claim{display:flex;justify-content:space-between;align-items:center;gap:9px}
.cashier-table-claim>div:first-child span,.cashier-table-claim>div:first-child b{display:block}
.cashier-table-claim>div:first-child span{font-size:8px;color:var(--muted)}
.cashier-table-claim>div:first-child b{font-size:10px;margin-top:3px}
.cashier-table-claim>small{font-size:8px;color:var(--muted)}
.cashier-table-claim-actions{display:flex;gap:6px}
.cashier-table-claim-actions button{
  min-height:34px;border:1px solid var(--line);border-radius:10px;background:#101113;color:#ccc;padding:0 9px;font-size:8px
}
.cashier-table-claim-actions button.primary{background:var(--gold);border-color:transparent;color:#17110a}

/* Chat interno con mensajes automáticos + reacciones */
.live-chat{
  min-height:52vh;max-height:64vh;overflow-y:auto;display:flex;flex-direction:column;
  padding:12px;background:rgba(255,255,255,.012)
}
.live-chat .message{
  position:relative;max-width:88%;margin:0 0 9px;padding:10px 11px
}
.live-chat .message.automatic{
  max-width:94%;margin-left:auto;margin-right:auto;
  border-color:rgba(217,173,87,.18);background:rgba(217,173,87,.025)
}
.message-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.message-head b{margin:0}.message-head small{font-size:7px;color:var(--muted)}
.live-chat .message>span{line-height:1.4}
.live-chat .message>em{
  display:inline-block;font-style:normal;font-size:7px;color:var(--muted);
  margin-top:5px;border:1px solid var(--line);border-radius:999px;padding:3px 6px
}
.message-reaction-wrap{position:relative;margin-top:7px}
.message-reactions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.reaction-chip,.reaction-add{
  height:25px;border-radius:999px;border:1px solid var(--line);
  background:#0d0e10;color:#ddd;padding:0 7px;font-size:11px
}
.reaction-chip{display:flex;align-items:center;gap:4px}
.reaction-chip b{font-size:7px;color:var(--muted)}
.reaction-chip.mine{border-color:rgba(86,174,250,.32);background:rgba(86,174,250,.055)}
.reaction-add{width:30px;padding:0;color:var(--muted)}
.reaction-picker{
  position:absolute;left:0;bottom:30px;z-index:20;display:flex;gap:4px;
  border:1px solid var(--line);border-radius:13px;padding:6px;background:#111214;
  box-shadow:0 10px 28px rgba(0,0,0,.45)
}
.reaction-picker button{
  width:34px;height:34px;border:0;border-radius:9px;background:#18191c;font-size:17px
}
.live-compose{position:sticky;bottom:74px;background:#050505;padding-top:8px;margin-top:8px}
.live-compose input{
  min-width:0;border:1px solid var(--line);background:#0b0c0d;color:#fff;
  border-radius:13px;padding:12px;outline:none
}
.chat-empty{margin:auto;text-align:center;color:var(--muted);padding:30px}
.chat-empty b,.chat-empty span{display:block}
.chat-empty b{color:#ddd;font-size:12px}.chat-empty span{font-size:9px;margin-top:5px}

@media(max-width:400px){
  .cashier-claim-row{grid-template-columns:minmax(0,1fr) 34px}
  .claim-confirm{grid-column:1/-1;width:100%}
  .cashier-table-claim{align-items:flex-start;flex-direction:column}
  .cashier-table-claim-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
}


/* Promotor pendiente: señal roja hasta confirmación de Caja */
.table-node.claim-pending{
  border-color:rgba(233,91,88,.72)!important;
  color:#ff817d!important;
  background:linear-gradient(180deg,rgba(233,91,88,.17),rgba(233,91,88,.045)),#0e0b0b!important;
  box-shadow:0 0 0 1px rgba(233,91,88,.22),0 12px 28px rgba(0,0,0,.4)!important;
}
.table-node.claim-pending.own-promo{
  box-shadow:0 0 0 2px rgba(233,91,88,.32),0 16px 40px rgba(233,91,88,.12)!important;
}
.table-promo-claim.pending{
  color:#ff817d!important;
  font-weight:700;
}
.claim-status-card.pending,
.cashier-table-claim.pending{
  border-color:rgba(233,91,88,.34)!important;
  background:rgba(233,91,88,.055)!important;
}
.claim-status-card.pending>span,
.cashier-table-claim.pending span{
  color:#ff817d!important;
}
.cashier-claims-panel{
  border-color:rgba(233,91,88,.26)!important;
  background:rgba(233,91,88,.035)!important;
}
.cashier-claims-head>strong{
  background:rgba(233,91,88,.10)!important;
  color:#ff817d!important;
}
.cashier-claim-row{
  border-top-color:rgba(233,91,88,.10)!important;
}


/* Jefes de Barra / Cocina */
.role-chip.bar-manager{background:rgba(58,168,220,.13);border-color:rgba(77,190,238,.38);color:#8edcff}
.role-chip.kitchen-manager{background:rgba(235,132,62,.13);border-color:rgba(244,149,81,.40);color:#ffbd86}

/* Pantallas de servicio */
.service-shell{padding-bottom:96px}
.service-summary{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:11px
}
.service-summary>div{
  border:1px solid var(--line);border-radius:15px;padding:10px 11px;background:rgba(255,255,255,.016)
}
.service-summary span,.service-summary strong{display:block}
.service-summary span{font-size:7px;color:var(--muted);letter-spacing:.04em}
.service-summary strong{font-size:16px;margin-top:5px}
.kitchen-master-clock{
  border:1px solid rgba(244,149,81,.24);background:rgba(244,149,81,.035);
  border-radius:16px;padding:11px 12px;margin-bottom:11px
}
.kitchen-master-clock>div{display:flex;align-items:center;justify-content:space-between}
.kitchen-master-clock span{font-size:8px;color:#ffbd86;letter-spacing:.06em}
.kitchen-master-clock b{font-size:18px}
.kitchen-master-clock small{display:block;color:var(--muted);font-size:8px;line-height:1.4;margin-top:4px}
.service-queue,.service-recent{
  border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:11px;background:rgba(255,255,255,.01)
}
.service-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.service-section-head h2,.service-section-head p{margin:0}
.service-section-head h2{font-size:11px;letter-spacing:.06em}
.service-section-head p{font-size:8px;color:var(--muted);margin-top:3px}
.service-section-head>span{
  min-width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:#111214;border:1px solid var(--line);font-size:9px
}
.service-order-grid{display:grid;gap:9px}
.service-order-card{
  border:1px solid rgba(255,255,255,.08);border-radius:17px;padding:12px;
  background:#0b0c0d;box-shadow:0 10px 25px rgba(0,0,0,.18)
}
.service-order-card.attention{border-color:rgba(242,199,107,.32);background:rgba(242,199,107,.025)}
.service-order-card.urgent{border-color:rgba(233,91,88,.46);background:rgba(233,91,88,.04)}
.service-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.service-table{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center}
.service-table>span{
  grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  border:1px solid var(--line);font-size:8px;color:var(--muted)
}
.service-table strong{font-size:18px;line-height:1}
.service-table small{font-size:8px;color:var(--muted);margin-top:3px}
.service-order-meta{text-align:right}
.service-order-meta>small{display:block;font-size:8px;color:var(--muted);margin-top:5px}
.service-priority{
  display:inline-block;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:750;letter-spacing:.06em
}
.service-priority.new{color:#8edcff;border:1px solid rgba(77,190,238,.26);background:rgba(77,190,238,.05)}
.service-priority.attention{color:#f2c76b;border:1px solid rgba(242,199,107,.30);background:rgba(242,199,107,.055)}
.service-priority.urgent{color:#ff817d;border:1px solid rgba(233,91,88,.34);background:rgba(233,91,88,.065)}
.kitchen-stopwatch{
  display:flex;justify-content:space-between;align-items:center;margin:11px 0 8px;padding:10px 11px;
  border:1px solid rgba(244,149,81,.18);border-radius:13px;background:rgba(244,149,81,.03)
}
.kitchen-stopwatch span{font-size:8px;color:#ffbd86;letter-spacing:.06em}
.kitchen-stopwatch strong{font-size:22px;font-variant-numeric:tabular-nums}
.bar-wait-time{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:8px 0}
.bar-wait-time span{font-size:8px;color:var(--muted)}
.bar-wait-time b{font-size:10px;font-variant-numeric:tabular-nums}
.service-items{display:grid;gap:6px;margin:9px 0 12px}
.service-item-row{
  display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:8px 9px;
  border-radius:11px;background:rgba(255,255,255,.025)
}
.service-item-row>strong{font-size:12px}
.service-item-row b,.service-item-row small{display:block}
.service-item-row b{font-size:10px}
.service-item-row small{
  color:#ffbd86;font-size:8px;margin-top:4px;padding-left:6px;border-left:2px solid rgba(244,149,81,.5)
}
.service-ready-btn{
  width:100%;min-height:50px;border:0;border-radius:13px;background:#e7e9ec;color:#090a0b;
  font-size:9px;font-weight:850;letter-spacing:.04em
}
.service-order-card.urgent .service-ready-btn{background:#ff817d}
.service-empty{text-align:center;padding:28px 12px;color:var(--muted)}
.service-empty b,.service-empty span{display:block}
.service-empty b{font-size:13px;color:#8ce99d}.service-empty span{font-size:9px;margin-top:5px}
.service-ready-list{display:grid;gap:6px}
.service-ready-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.05)
}
.service-ready-row:last-child{border-bottom:0}
.service-ready-row b,.service-ready-row small,.service-ready-row strong{display:block}
.service-ready-row b{font-size:9px}
.service-ready-row small{font-size:7px;color:var(--muted);margin-top:3px}
.service-ready-row>div:last-child{text-align:right}
.service-ready-row strong{font-size:10px;font-variant-numeric:tabular-nums}

/* Notificación de pedido listo para el Mozo */
.order-ready-notification{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;
  border-color:rgba(99,211,103,.25)!important;background:rgba(99,211,103,.035)!important
}
.notification-ready-icon{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:rgba(99,211,103,.12);color:#8ce99d;font-weight:900
}
.order-ready-notification h4,.order-ready-notification p{margin:0}
.order-ready-notification p{font-size:9px;line-height:1.45;margin-top:7px}
.notification-ready-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.notification-ready-items span{
  font-size:7px;border:1px solid var(--line);border-radius:999px;padding:4px 6px;color:var(--muted)
}

@media(max-width:520px){
  .service-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
  .role-chip.bar-manager,.role-chip.kitchen-manager{max-width:112px!important}
  .service-order-head{gap:6px}
  .service-table strong{font-size:16px}
  .kitchen-stopwatch strong{font-size:20px}
}


/* KDS táctil: tarjetas cuadradas + salida producto por producto */
.kds-card-grid{
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  align-items:start;
}
.service-order-card.kds-square{
  aspect-ratio:1/1;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:12px;
}
.kds-order-progress{margin:10px 0 9px}
.kds-order-progress>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kds-order-progress>div span{font-size:8px;color:var(--muted)}
.kds-order-progress>div b{font-size:10px}
.kds-order-progress>i{
  display:block;height:7px;border-radius:999px;background:rgba(255,255,255,.06);
  overflow:hidden;margin-top:6px
}
.kds-order-progress>i>em{
  display:block;height:100%;border-radius:999px;background:#8ce99d
}
.kds-order-progress>small{
  display:block;text-align:right;font-size:7px;color:var(--muted);margin-top:5px
}
.kds-order-progress>small b{font-variant-numeric:tabular-nums;color:#ddd}

.kds-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  flex:1;
  align-content:start;
}
.kds-product-tile{
  position:relative;
  aspect-ratio:1/1;
  min-width:0;
}
.kds-product-tap{
  width:100%;height:100%;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;
  gap:5px;text-align:left;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:#111214;color:#fff;
  padding:10px;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.kds-product-tap:active:not(:disabled){
  transform:scale(.985);
  background:#17191c;
}
.kds-product-tile.partial .kds-product-tap{
  border-color:rgba(242,199,107,.38);
  background:rgba(242,199,107,.055);
}
.kds-product-tile.complete .kds-product-tap{
  border-color:rgba(99,211,103,.34);
  background:rgba(99,211,103,.07);
  color:#b9f5c1;
}
.kds-product-tap:disabled{opacity:.68}
.kds-product-status{
  font-size:7px;font-weight:800;letter-spacing:.055em;color:#8edcff
}
.kds-product-tile.partial .kds-product-status{color:#f2c76b}
.kds-product-tile.complete .kds-product-status{color:#8ce99d}
.kds-product-tap>strong{
  font-size:12px;line-height:1.15;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.kds-product-qty{
  font-size:22px;line-height:1;font-variant-numeric:tabular-nums
}
.kds-note{
  width:100%;font-size:7px;line-height:1.3;color:#ffbd86;
  padding-left:5px;border-left:2px solid rgba(244,149,81,.5);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.kds-item-time{
  font-style:normal;font-size:12px;font-weight:800;
  font-variant-numeric:tabular-nums;color:#ffbd86
}
.kds-product-tap>i{
  width:100%;font-style:normal;text-align:center;
  border-radius:10px;padding:6px 5px;
  background:rgba(255,255,255,.055);
  font-size:7px;font-weight:800;letter-spacing:.04em
}
.kds-product-tile.complete .kds-product-tap>i{background:rgba(99,211,103,.08)}
.service-ready-row.item-event b{font-size:9px}
.notification-progress-text{
  margin-top:6px;font-size:8px;color:var(--muted)
}

@media(max-width:680px){
  .kds-card-grid{grid-template-columns:1fr}
  .service-order-card.kds-square{aspect-ratio:auto;min-height:360px}
}
@media(max-width:390px){
  .kds-product-grid{gap:7px}
  .kds-product-tap{padding:9px;border-radius:14px}
  .kds-product-tap>strong{font-size:11px}
  .kds-product-qty{font-size:19px}
}


/* Barra: color de tarjeta por tiempo de espera
   Azul 0-5 min · Verde 5-15 · Amarillo 15-20 · Rojo 20+ */
.service-order-card.kds-square.bar-blue{
  border-color:rgba(78,164,255,.62)!important;
  background:linear-gradient(180deg,rgba(78,164,255,.16),rgba(78,164,255,.045)),#0b0d10!important;
}
.service-order-card.kds-square.bar-green{
  border-color:rgba(92,211,126,.60)!important;
  background:linear-gradient(180deg,rgba(92,211,126,.15),rgba(92,211,126,.04)),#0b0e0c!important;
}
.service-order-card.kds-square.bar-yellow{
  border-color:rgba(245,195,67,.66)!important;
  background:linear-gradient(180deg,rgba(245,195,67,.17),rgba(245,195,67,.045)),#100e09!important;
}
.service-order-card.kds-square.bar-red{
  border-color:rgba(239,83,80,.78)!important;
  background:linear-gradient(180deg,rgba(239,83,80,.20),rgba(239,83,80,.055)),#110a0a!important;
}
.service-order-card.kds-square.bar-red{
  box-shadow:0 0 0 1px rgba(239,83,80,.18),0 12px 28px rgba(0,0,0,.28)!important;
}

.service-priority.bar-time-badge.bar-blue{
  color:#9fd0ff!important;
  border-color:rgba(78,164,255,.38)!important;
  background:rgba(78,164,255,.10)!important;
}
.service-priority.bar-time-badge.bar-green{
  color:#a9efbb!important;
  border-color:rgba(92,211,126,.36)!important;
  background:rgba(92,211,126,.09)!important;
}
.service-priority.bar-time-badge.bar-yellow{
  color:#ffe08a!important;
  border-color:rgba(245,195,67,.40)!important;
  background:rgba(245,195,67,.10)!important;
}
.service-priority.bar-time-badge.bar-red{
  color:#ffaaa7!important;
  border-color:rgba(239,83,80,.46)!important;
  background:rgba(239,83,80,.12)!important;
}

/* Los productos conservan contraste dentro de cualquier color */
.service-order-card.kds-square.bar-blue .kds-product-tap,
.service-order-card.kds-square.bar-green .kds-product-tap,
.service-order-card.kds-square.bar-yellow .kds-product-tap,
.service-order-card.kds-square.bar-red .kds-product-tap{
  background:rgba(8,9,10,.68);
}


/* Tiempo común para Barra y Cocina:
   azul 0-5 · verde 5-15 · amarillo 15-20 · rojo 20+ */
.service-order-card.kds-square.time-blue{
  border-color:rgba(78,164,255,.62)!important;
  background:linear-gradient(180deg,rgba(78,164,255,.16),rgba(78,164,255,.045)),#0b0d10!important;
}
.service-order-card.kds-square.time-green{
  border-color:rgba(92,211,126,.60)!important;
  background:linear-gradient(180deg,rgba(92,211,126,.15),rgba(92,211,126,.04)),#0b0e0c!important;
}
.service-order-card.kds-square.time-yellow{
  border-color:rgba(245,195,67,.66)!important;
  background:linear-gradient(180deg,rgba(245,195,67,.17),rgba(245,195,67,.045)),#100e09!important;
}
.service-order-card.kds-square.time-red{
  border-color:rgba(239,83,80,.78)!important;
  background:linear-gradient(180deg,rgba(239,83,80,.20),rgba(239,83,80,.055)),#110a0a!important;
  box-shadow:0 0 0 1px rgba(239,83,80,.18),0 12px 28px rgba(0,0,0,.28)!important;
}
.service-time-badge.time-blue,.service-time-legend .time-blue{color:#9fd0ff;border-color:rgba(78,164,255,.38);background:rgba(78,164,255,.10)}
.service-time-badge.time-green,.service-time-legend .time-green{color:#a9efbb;border-color:rgba(92,211,126,.36);background:rgba(92,211,126,.09)}
.service-time-badge.time-yellow,.service-time-legend .time-yellow{color:#ffe08a;border-color:rgba(245,195,67,.40);background:rgba(245,195,67,.10)}
.service-time-badge.time-red,.service-time-legend .time-red{color:#ffaaa7;border-color:rgba(239,83,80,.46);background:rgba(239,83,80,.12)}
.service-order-card.kds-square.time-blue .kds-product-tap,
.service-order-card.kds-square.time-green .kds-product-tap,
.service-order-card.kds-square.time-yellow .kds-product-tap,
.service-order-card.kds-square.time-red .kds-product-tap{background:rgba(8,9,10,.70)}

.service-time-legend{
  display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 11px
}
.service-time-legend span{
  min-height:30px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:10px;font-size:7px;font-weight:750
}

/* 3 accesos rápidos configurables */
.service-quick-section{
  border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:10px;
  margin:0 0 11px;background:rgba(255,255,255,.012)
}
.service-quick-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px
}
.service-quick-head span,.service-quick-head b{display:block}
.service-quick-head span{font-size:7px;color:var(--muted);letter-spacing:.07em}
.service-quick-head b{font-size:10px;margin-top:3px}
.service-quick-head>button{
  min-height:34px;border:1px solid var(--line);border-radius:10px;
  background:#111214;color:#ddd;padding:0 10px;font-size:8px
}
.service-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.service-quick-card{
  min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:15px;
  background:#0c0d0f;overflow:hidden
}
.service-quick-card.active{border-color:rgba(86,174,250,.25)}
.service-quick-card.empty{border-style:dashed}
.service-quick-main{
  width:100%;min-height:150px;border:0;background:transparent;color:#fff;
  padding:10px;display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;touch-action:manipulation
}
.service-quick-main:active:not(:disabled){background:rgba(255,255,255,.035)}
.service-quick-main:disabled{opacity:.45}
.service-quick-main span{font-size:7px;color:#8edcff;font-weight:800;letter-spacing:.055em}
.service-quick-main strong{
  font-size:11px;margin-top:7px;line-height:1.15;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.service-quick-main>b{font-size:28px;line-height:1;margin-top:auto;font-variant-numeric:tabular-nums}
.service-quick-main small{font-size:7px;color:var(--muted);margin-top:5px}
.service-quick-main em{
  width:100%;font-style:normal;text-align:center;margin-top:8px;padding:6px;
  border-radius:9px;background:rgba(86,174,250,.07);color:#9fcfff;
  font-size:7px;font-weight:800
}
.service-quick-batch{
  width:100%;min-height:38px;border:0;border-top:1px solid rgba(255,255,255,.07);
  background:rgba(217,173,87,.055);color:var(--gold2);font-size:8px;font-weight:800
}
.service-quick-batch:disabled{opacity:.28}
.quick-config-list{display:grid;gap:9px}
.quick-config-list label span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.quick-config-help{font-size:8px;color:var(--muted);line-height:1.45;margin:10px 1px 0}

@media(max-width:620px){
  .service-quick-grid{grid-template-columns:1fr 1fr 1fr}
  .service-quick-main{min-height:135px;padding:8px}
  .service-quick-main strong{font-size:10px}
  .service-quick-main>b{font-size:23px}
}
@media(max-width:390px){
  .service-time-legend{grid-template-columns:1fr 1fr}
  .service-quick-grid{grid-template-columns:1fr}
  .service-quick-main{min-height:112px}
}


/* Pantallas más limpias para Jefe de Barra y Jefe de Cocina */
.clean-service-shell .page-head h1{
  font-size:18px!important;
  letter-spacing:.04em;
}
.clean-service-shell .page-head p{
  font-size:9px!important;
}
.service-summary.compact{
  gap:7px;
  margin-bottom:9px;
}
.service-summary.compact>div{
  padding:9px 10px;
  border-radius:14px;
}
.service-summary.compact span{
  font-size:7px;
  text-transform:none;
  letter-spacing:.02em;
}
.service-summary.compact strong{
  font-size:14px;
  margin-top:3px;
}

.service-time-legend.compact-legend{
  margin:0 0 9px;
}
.service-time-legend.compact-legend span{
  min-height:26px;
  font-size:7px;
}

.kitchen-master-clock.compact-clock{
  padding:9px 11px;
  margin-bottom:9px;
}
.kitchen-master-clock.compact-clock span{
  font-size:8px;
}
.kitchen-master-clock.compact-clock b{
  font-size:16px;
}
.kitchen-master-clock.compact-clock small{
  font-size:8px;
  margin-top:3px;
}

.clean-queue,.compact-recent{
  padding:10px;
  border-radius:16px;
}
.clean-head{
  margin-bottom:8px;
}
.clean-head h2{
  font-size:10px!important;
}
.clean-head p{
  font-size:8px!important;
}

.service-order-card.clean-kds{
  padding:10px;
  gap:0;
}
.clean-kds-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.clean-kds-top small{
  font-size:8px;
  color:var(--muted);
  white-space:nowrap;
}
.clean-kds-top small b{
  color:#fff;
  font-variant-numeric:tabular-nums;
}

.service-focus-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:8px;
}
.service-focus-box{
  min-width:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:10px 8px;
  background:rgba(8,9,10,.34);
}
.service-focus-box span{
  display:block;
  font-size:7px;
  color:var(--muted);
  margin-bottom:4px;
  letter-spacing:.03em;
}
.service-focus-box strong{
  display:block;
  font-size:15px;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.service-focus-box.mesa strong{font-size:18px}
.service-focus-box.zona strong{font-size:14px}
.service-focus-box.mozo strong{font-size:14px}

.service-progress-minimal{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:8px;
}
.service-progress-minimal>div{
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  padding:7px 8px;
  background:rgba(255,255,255,.02);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.service-progress-minimal span{
  font-size:7px;
  color:var(--muted);
}
.service-progress-minimal b{
  font-size:11px;
  font-variant-numeric:tabular-nums;
}

.kds-product-grid.clean-grid{
  gap:7px;
}
.kds-product-grid.clean-grid .kds-product-tap{
  padding:9px;
}
.kds-product-grid.clean-grid .kds-product-status{
  font-size:7px;
}
.kds-product-grid.clean-grid .kds-product-tap>strong{
  font-size:11px;
  -webkit-line-clamp:2;
}
.kds-product-grid.clean-grid .kds-product-qty{
  font-size:18px;
}
.kds-product-grid.clean-grid .kds-note{
  font-size:7px;
}
.kds-product-grid.clean-grid .kds-item-time{
  font-size:10px;
}
.kds-product-grid.clean-grid .kds-product-tap>i{
  font-size:7px;
  padding:5px;
}

.clean-quick-section{
  padding:9px;
  margin-bottom:9px;
}
.clean-quick-head{
  margin-bottom:7px;
}
.clean-quick-head span{
  font-size:7px;
}
.clean-quick-head b{
  font-size:10px;
}
.clean-quick-head>button{
  min-height:30px;
  min-width:30px;
  padding:0;
  font-size:10px;
}
.clean-quick-grid{
  gap:7px;
}
.clean-quick-grid .service-quick-main{
  min-height:118px;
  padding:8px;
}
.clean-quick-grid .service-quick-main strong{
  font-size:10px;
}
.clean-quick-grid .service-quick-main>b{
  font-size:22px;
}
.clean-quick-grid .service-quick-main small,
.clean-quick-grid .service-quick-main span,
.clean-quick-grid .service-quick-main em{
  font-size:7px;
}
.clean-quick-grid .service-quick-batch{
  min-height:34px;
  font-size:8px;
}

.compact-recent .service-ready-row{
  padding:7px 2px;
}
.compact-recent .service-ready-row b{
  font-size:8px;
}
.compact-recent .service-ready-row small,
.compact-recent .service-ready-row strong{
  font-size:7px;
}

@media(max-width:520px){
  .service-focus-grid{
    grid-template-columns:1fr 1fr 1fr;
  }
  .service-focus-box{
    padding:9px 7px;
  }
  .service-focus-box.mesa strong{font-size:16px}
  .service-focus-box.zona strong,
  .service-focus-box.mozo strong{font-size:12px}
}
@media(max-width:390px){
  .service-focus-grid{
    gap:6px;
  }
  .service-focus-box span{font-size:6px}
  .service-focus-box.mesa strong{font-size:15px}
  .service-focus-box.zona strong,
  .service-focus-box.mozo strong{font-size:11px}
  .clean-kds-top small{font-size:7px}
}


/* Cobro limpio de Caja */
.cashier-clean-actions{
  grid-template-columns:1fr 1fr;
}
.cashier-clean-actions .btn.account{
  grid-column:1/-1;
}
.cashier-pay-actions{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.cashier-pay-main{
  min-height:50px;
  border-color:rgba(99,211,103,.32)!important;
  background:rgba(99,211,103,.08)!important;
  color:#a9efbb!important;
  font-weight:800;
}
.cashier-pay-split{
  min-height:50px;
  border-color:rgba(86,174,250,.28)!important;
  background:rgba(86,174,250,.055)!important;
  color:#a8d5ff!important;
  font-weight:750;
}
.full-payment-total{
  text-align:center;
  border:1px solid rgba(99,211,103,.20);
  background:rgba(99,211,103,.035);
  border-radius:17px;
  padding:15px;
  margin-bottom:10px;
}
.full-payment-total span,
.full-payment-total strong,
.full-payment-total small{display:block}
.full-payment-total span{font-size:9px;color:var(--muted)}
.full-payment-total strong{font-size:27px;margin-top:5px}
.full-payment-total small{font-size:8px;color:var(--muted);margin-top:4px}
.full-payment-list .partial-row{
  grid-template-columns:minmax(0,1fr) auto;
}
.full-line-total{
  font-size:10px;
  white-space:nowrap;
}
.payment-final-actions{
  grid-template-columns:1fr 1fr;
}
@media(max-width:390px){
  .cashier-clean-actions{grid-template-columns:1fr}
  .cashier-clean-actions .btn.account{grid-column:auto}
  .cashier-pay-actions{grid-column:auto;grid-template-columns:1fr 1fr}
  .payment-final-actions{grid-template-columns:1fr 1fr}
}


/* XOTIC digital: sin accesos rápidos ni configuración de impresoras en operación */
.service-quick-section,
.quick-config-sheet{
  display:none!important;
}


/* Caja: gastos con comprobante físico */
.expense-row-clean{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.expense-row-clean .small-btn{min-height:32px}
.expense-paper-note{
  border:1px solid rgba(217,173,87,.20);
  background:rgba(217,173,87,.035);
  border-radius:14px;
  padding:10px 11px;
}
.expense-paper-note b,.expense-paper-note span{display:block}
.expense-paper-note b{font-size:9px;color:var(--gold2)}
.expense-paper-note span{font-size:8px;color:var(--muted);line-height:1.4;margin-top:3px}

/* Cierre de caja por mesa */
.closure-clean-sheet{width:min(520px,100%)}
.closure-table-head{margin-top:8px}
.closure-table-list{border-top:1px solid var(--line)}
.closure-table-clean{padding:9px 2px!important}
.closure-table-clean b{font-size:10px}
.closure-table-clean small{font-size:8px}
.closure-table-clean strong{font-size:11px}
.closure-final-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:13px;
}
.closure-final-summary>div{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px;
  background:rgba(255,255,255,.018);
}
.closure-final-summary span,.closure-final-summary strong{display:block}
.closure-final-summary span{font-size:8px;color:var(--muted)}
.closure-final-summary strong{font-size:14px;margin-top:5px}
.closure-final-summary .cash{
  border-color:rgba(99,211,103,.25);
  background:rgba(99,211,103,.035);
}
.closure-final-summary .cash strong{color:var(--green)}
@media(max-width:390px){
  .expense-row-clean{grid-template-columns:1fr auto!important}
  .expense-row-clean .small-btn{grid-column:1/-1}
  .closure-final-summary{grid-template-columns:1fr}
}


/* Categorías del comandero del Mozo */
.waiter-command-categories{
  margin:0 0 9px;
  padding-bottom:3px;
  overflow-x:auto;
  flex-wrap:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.waiter-command-categories::-webkit-scrollbar{display:none}
.waiter-command-categories .filter{
  flex:0 0 auto;
  min-height:38px;
  padding:8px 11px;
  white-space:nowrap;
}
.waiter-command-categories .filter small{
  margin-left:3px;
  opacity:.72;
}
.waiter-picker .picker-row small{
  display:flex;
  gap:4px;
  align-items:center;
}
@media(max-width:390px){
  .waiter-command-categories .filter{
    min-height:40px;
    padding:9px 11px;
  }
}


/* Categorías al comandar: Mozo + Cajero */
.cashier-command-categories{
  margin:0 0 9px;
  padding-bottom:3px;
  overflow-x:auto;
  flex-wrap:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.cashier-command-categories::-webkit-scrollbar{display:none}
.cashier-command-categories .filter{
  flex:0 0 auto;
  min-height:38px;
  padding:8px 11px;
  white-space:nowrap;
}
.cashier-command-categories .filter small{
  margin-left:3px;
  opacity:.72;
}


/* Configuración de Caja */
.settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:4px;border:1px solid var(--line);border-radius:14px;background:#090a0b}
.settings-tabs button{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:9px;font-weight:700}
.settings-tabs button.active{background:#17181b;color:#fff}
.settings-panel{padding:12px}
.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.settings-section-head h3,.settings-section-head h4,.settings-section-head p{margin:0}
.settings-section-head h3{font-size:12px}.settings-section-head h4{font-size:10px}.settings-section-head p{font-size:8px;color:var(--muted);margin-top:3px}
.settings-section-head>span{font-size:8px;color:var(--muted)}
.settings-user-create{border:1px solid var(--line);border-radius:15px;padding:10px;margin-bottom:10px;background:rgba(255,255,255,.012)}
.settings-user-list{border-top:1px solid var(--line)}
.settings-promoter-select{display:block;margin-bottom:10px}.settings-promoter-select>span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.commission-rule-summary{border:1px solid rgba(217,173,87,.22);background:rgba(217,173,87,.035);border-radius:14px;padding:10px 11px;margin-bottom:10px}
.commission-rule-summary span,.commission-rule-summary strong{display:block}.commission-rule-summary span{font-size:8px;color:var(--muted)}.commission-rule-summary strong{font-size:10px;margin-top:4px;color:var(--gold2)}
.commission-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commission-config-grid label>span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
.money-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#090a0b;padding:0 10px}
.money-input b{font-size:9px;color:var(--muted)}.money-input input{border:0!important;background:transparent!important;padding:10px 0!important}
.entry-commission-card{border:1px solid var(--line);border-radius:15px;padding:10px;margin-top:9px;background:rgba(255,255,255,.012)}
.entry-toggle{display:flex;align-items:center;gap:8px;font-size:9px}.entry-toggle input{width:16px;height:16px}
.entry-commission-card>div{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;gap:8px;align-items:center;margin-top:8px}
.entry-commission-card small{font-size:8px;color:var(--muted);line-height:1.4}.entry-commission-card em{font-style:normal;font-size:8px;color:var(--muted)}
.settings-warning{border:1px solid rgba(242,199,107,.22);background:rgba(242,199,107,.04);color:#e3ca89;border-radius:12px;padding:9px;font-size:8px;line-height:1.4;margin-bottom:8px}
.settings-search{margin:0 0 8px}
.commission-product-list{display:grid;gap:6px}
.commission-product-row{display:grid;grid-template-columns:26px minmax(0,1fr) 84px 96px;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:13px;padding:8px;background:rgba(255,255,255,.012)}
.commission-product-enable{display:grid;place-items:center}.commission-product-enable input{width:17px;height:17px}
.commission-product-copy{min-width:0}.commission-product-copy b,.commission-product-copy small{display:block}.commission-product-copy b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-product-copy small{font-size:7px;color:var(--muted);margin-top:3px}
.commission-product-row select{min-width:0;padding:8px 7px!important}
.commission-value-input{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:10px;padding:0 7px}
.commission-value-input span{font-size:8px;color:var(--muted)}.commission-value-input input{min-width:0;border:0!important;background:transparent!important;padding:8px 4px!important}
.commission-products-config.inactive{opacity:.72}
@media(max-width:520px){.commission-config-grid{grid-template-columns:1fr}.entry-commission-card>div{grid-template-columns:1fr 120px}.entry-commission-card em{grid-column:2}.commission-product-row{grid-template-columns:24px minmax(0,1fr) 72px}.commission-value-input{grid-column:2/-1}}


/* Production V1 · servidor y PWA */
.settings-tabs-3{grid-template-columns:repeat(3,1fr)}
.prod-status{border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:7px!important;font-weight:800}
.prod-status.online{color:#a9efbb;border-color:rgba(99,211,103,.30);background:rgba(99,211,103,.06)}
.prod-status.offline{color:#ffaaa7;border-color:rgba(233,91,88,.30);background:rgba(233,91,88,.06)}
.system-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.system-status-grid>div{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(255,255,255,.015)}
.system-status-grid span,.system-status-grid strong{display:block}.system-status-grid span{font-size:7px;color:var(--muted)}.system-status-grid strong{font-size:10px;margin-top:4px}
.install-app-btn{margin-bottom:8px}.system-note{margin-top:10px}
@media(max-width:390px){.settings-tabs-3 button{font-size:8px;padding:0 4px}}


.system-device-list,.system-audit-list{border-top:1px solid var(--line);margin-bottom:12px}
.system-device-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.system-device-row b,.system-device-row small{display:block}.system-device-row b{font-size:9px}.system-device-row small{font-size:7px;color:var(--muted);margin-top:2px}.system-device-row>span{font-size:7px;color:var(--muted);text-align:right}
.presence-dot{width:7px;height:7px;border-radius:50%;background:#666}.presence-dot.on{background:var(--green);box-shadow:0 0 8px rgba(99,211,103,.45)}.presence-dot.off{background:#666}
.system-audit-row{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}.system-audit-row b,.system-audit-row small{display:block}.system-audit-row b{font-size:8px}.system-audit-row small{font-size:7px;color:var(--muted);margin-top:2px}

/* R11 Android operational polish */
.operational-frame{padding:8px max(12px,env(safe-area-inset-left)) 82px max(12px,env(safe-area-inset-right))}
.operational-app{min-height:calc(100vh - 90px)}
.op-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-height:52px;margin-bottom:6px}
.op-brand{min-width:42px;justify-content:center}.op-brand b{display:none!important}.op-brand span{width:38px;height:38px;font-size:23px}
.op-user{display:none}.op-user-pill{justify-self:start;min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(217,173,87,.28);border-radius:999px;background:rgba(217,173,87,.055);color:var(--gold2);padding:7px 10px;white-space:nowrap;overflow:hidden}.op-user-pill strong,.op-user-pill small{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.op-user-pill strong{max-width:92px}.op-user-pill small:before{content:"· ";color:rgba(240,207,132,.68)}
.op-actions{justify-content:flex-end;gap:5px}.op-icon{width:38px;height:38px;min-width:38px;font-size:8px}
.op-title{align-items:center;margin:8px 0}.op-title h1{font-size:25px;line-height:1}.op-title p{margin-top:3px;font-size:10px}.salon-title .small{min-height:34px;padding:8px 10px;font-size:9px}
.zone-tabs{gap:7px;padding:0 0 8px}.zone-tab{padding:8px 13px;min-height:36px}
.salon-map{width:100%;height:min(620px,67vh);min-height:470px;border-radius:18px}
.legend{padding:8px 2px 0;gap:10px;font-size:8px}
.op-nav{bottom:8px;width:min(calc(100% - 20px),500px);padding:6px;border-radius:18px}.op-nav button{min-width:58px;min-height:44px;font-size:8px;gap:2px;padding:3px 2px}.op-nav button b{font-size:12px}
.admin-panel.compact-notifications{inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px;top:auto;max-width:520px;max-height:min(74vh,620px);margin:0 auto;border-radius:22px 22px 18px 18px;padding:12px;overflow:auto}
.admin-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.admin-sheet-head h1{margin:0;font-size:18px;letter-spacing:0}.admin-sheet-head p{margin:2px 0 0;font-size:10px}
.notification-feed{display:grid;gap:2px}.notification-row{width:100%;min-height:58px;display:grid;grid-template-columns:32px minmax(0,1fr) auto 8px;gap:9px;align-items:center;border:0;border-radius:8px;background:transparent;color:#fff;padding:7px 2px;text-align:left}.notification-row+.notification-row{border-top:1px solid rgba(255,255,255,.055)}.notification-row.read{opacity:.64}.notification-row.unread{opacity:1}
.notification-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,173,87,.28);background:rgba(217,173,87,.055);color:var(--gold2);font-size:10px}.notification-copy{min-width:0}.notification-copy b,.notification-copy small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.notification-copy b{-webkit-line-clamp:1;font-size:12px;line-height:1.18}.notification-copy small{-webkit-line-clamp:2;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.22}.notification-row time{font-size:9px;color:var(--muted);white-space:nowrap}.notification-row>i{width:7px;height:7px;border-radius:50%;background:var(--gold2)}
.history-link,.admin-device-shortcut button{width:100%;border:0;background:transparent;color:var(--gold2);font-size:11px;padding:10px 0}.admin-device-shortcut{border-top:1px solid rgba(255,255,255,.07);margin-top:4px}
.notification-detail{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:90;max-width:520px;margin:0 auto;border:1px solid var(--line);border-radius:20px;background:#111214;padding:14px;box-shadow:0 -22px 70px rgba(0,0,0,.68)}.notification-detail p{font-size:12px;margin-bottom:10px}.notification-detail dl{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;font-size:10px}.notification-detail dt{color:var(--muted)}.notification-detail dd{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.notification-actions button{min-height:38px;border:1px solid var(--line);border-radius:12px;background:#151619;color:#fff}.notification-actions button:first-child{border-color:rgba(99,211,103,.32);color:var(--green)}.notification-actions button:last-child{border-color:rgba(233,91,88,.32);color:#ff817d}
@media(max-width:430px){.native-frame.operational-frame{max-width:none;width:100%;padding-left:16px;padding-right:16px}.salon-map{height:min(670px,76vh);min-height:570px}}
@media(max-width:390px){.op-title{display:flex}.salon-map{min-height:570px}.table-node{width:104px;min-height:82px}}
@media(orientation:landscape){.operational-frame{max-width:900px}.salon-map{height:min(430px,62vh);min-height:330px}.admin-panel.compact-notifications{max-height:86vh;max-width:520px;left:auto}}

/* R12 shared salon/nav width and table spacing */
.native-frame.operational-frame{
  --app-side-gutter:max(10px,env(safe-area-inset-left),env(safe-area-inset-right));
  max-width:none;
  width:100%;
  padding:8px 0 82px;
}
.native-frame.operational-frame .app-shell{
  width:min(100%,calc(500px + var(--app-side-gutter) + var(--app-side-gutter)));
  max-width:calc(500px + var(--app-side-gutter) + var(--app-side-gutter));
  padding-left:var(--app-side-gutter);
  padding-right:var(--app-side-gutter);
}
.native-frame.operational-frame .bottom-nav{
  width:min(calc(100% - var(--app-side-gutter) - var(--app-side-gutter)),500px);
}
.operational-floating-actions.gold-floating-actions{
  border-color:rgba(217,173,87,.38);
  background:linear-gradient(180deg,rgba(28,23,15,.96),rgba(12,13,14,.94));
  box-shadow:0 14px 38px rgba(0,0,0,.46),0 0 0 1px rgba(217,173,87,.08),0 0 28px rgba(217,173,87,.08);
}
.operational-floating-actions.gold-floating-actions .nav-item.active,
.operational-floating-actions.gold-floating-actions .nav-item:active{
  color:var(--gold2);
}
@media(max-width:430px){
  .native-frame.operational-frame{padding-left:0;padding-right:0}
  .native-frame.operational-frame .salon-map{height:min(670px,76vh);min-height:570px}
  .native-frame.operational-frame .table-node{width:92px;min-height:84px;padding:11px 6px;border-radius:17px}
  .native-frame.operational-frame .table-node strong{font-size:20px}
  .native-frame.operational-frame .table-node span{font-size:9px}
}


/* R18 batch identity + per-item service status */
.sent-batch-panel{border:1px solid rgba(217,173,87,.25);border-radius:17px;background:rgba(217,173,87,.035);margin:0 0 12px;overflow:hidden}
.sent-batch-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid rgba(217,173,87,.14)}
.sent-batch-title span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sent-batch-title b{font-size:10px;color:var(--gold2)}
.sent-batch-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.012)}
.sent-batch-row:last-child{border-bottom:0}.sent-batch-row.order-status-draft{border-left:3px solid var(--gray);background:rgba(152,155,161,.075);color:#d7d9dc}.sent-batch-divider{height:1px;background:rgba(255,255,255,.12)}.sent-batch-row.order-status-pending,.sent-batch-row.latest-batch,.sent-batch-row.order-status-pending.latest-batch{border-left:3px solid var(--gold2);background:rgba(217,173,87,.075)}
.sent-batch-row.order-status-preparing{border-left:3px solid #ffd45a;background:rgba(255,212,90,.09);animation:xsbPreparingPulse 2.1s ease-in-out infinite}.sent-batch-row.order-status-ready{border-left:3px solid var(--green);background:rgba(99,211,103,.045)}
.sent-batch-row b,.sent-batch-row small,.sent-batch-row em{display:block}.sent-batch-row b{font-size:11px}.sent-batch-row small{font-size:8px;color:var(--muted);margin-top:3px}.sent-batch-row em{font-style:normal;color:#d8d0bf;font-size:8px;margin-top:5px}
.consume-row-title{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.order-status-chip{display:inline-flex;align-items:center;min-height:19px;border-radius:999px;padding:3px 7px;font-size:7px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.order-status-chip.order-status-draft{color:#d7d9dc;border-color:rgba(152,155,161,.42);background:rgba(152,155,161,.10)}.order-status-chip.order-status-pending,.kds-product-status.order-status-pending{color:var(--gold2);border-color:rgba(217,173,87,.42);background:rgba(217,173,87,.08)}.order-status-chip.order-status-preparing,.kds-product-status.order-status-preparing{color:#ffd45a;border-color:rgba(255,212,90,.52);background:rgba(255,212,90,.11)}.order-status-chip.order-status-ready,.kds-product-status.order-status-ready{color:var(--green);border-color:rgba(99,211,103,.36);background:rgba(99,211,103,.08)}
.kds-product-tile.preparing .kds-product-tap{border-color:rgba(255,212,90,.48)!important;background:rgba(255,212,90,.08)!important;animation:xsbPreparingPulse 2.1s ease-in-out infinite}.kds-item-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px;width:100%}
.kds-item-actions button{min-height:38px;border:1px solid rgba(255,212,90,.38);border-radius:11px;background:rgba(255,212,90,.09);color:#ffd45a;font-size:8px;font-weight:800}.kds-item-actions button.ready{border-color:rgba(99,211,103,.34);background:rgba(99,211,103,.075);color:var(--green)}.kds-item-actions span{color:var(--green);font-size:8px;font-weight:800}
@keyframes xsbPreparingPulse{0%,100%{box-shadow:0 0 0 rgba(255,212,90,0);background-color:rgba(255,212,90,.06)}50%{box-shadow:0 0 18px rgba(255,212,90,.18);background-color:rgba(255,212,90,.13)}}@media(prefers-reduced-motion:reduce){.sent-batch-row.order-status-preparing,.kds-product-tile.preparing .kds-product-tap{animation:none!important}}