.reference-app.selling>.pos-header,.reference-app.selling>.pos-rail{display:none}
.reference-app.selling>.pos-content{margin:0;padding:0;min-height:100dvh}
.sale-reference{--sale-bg:#13111f;--sale-panel:#27233e;--sale-tile:#393455;--sale-light:#5d5a8b;--sale-category:#4b476e;--sale-border:#77739f;--sale-purple:#7e32ee;background:var(--sale-bg);color:#f8f7ff;font-family:Arial,'Segoe UI',sans-serif;font-size:14px;height:100dvh;min-height:540px;display:flex;flex-direction:column;overflow:hidden}
.sale-reference button{font-weight:400;color:inherit;min-height:44px;line-height:1.4}
.sale-reference button:focus-visible,.sale-reference input:focus-visible{outline:2px solid #f7d55a;outline-offset:2px;z-index:2}
.sale-reference button:disabled{opacity:.55}
.sale-reference-header{height:61px;min-height:61px;background:var(--sale-panel);display:flex;align-items:center;padding:0 18px;position:relative;gap:15px}
.sale-reference-header-left{display:flex;align-items:center;gap:20px}
.sale-reference-icon{width:44px;height:44px;padding:0;flex-shrink:0}
.sale-reference-employee{display:flex;align-items:center;gap:12px;padding:0;font-size:14px;white-space:nowrap}
.sale-reference-employee svg{color:#aaa5bd}
.sale-reference-account{position:absolute;left:50%;transform:translateX(-50%);font-size:23px!important;font-weight:700!important;gap:10px;max-width:42%;padding:0 9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sale-reference-account span{font-size:18px;font-weight:400}
.sale-reference-account:active{transform:translateX(-50%)}
.sale-reference-header-tools{margin-left:auto;display:flex;align-items:center;gap:13px}
.sale-reference-header-tools time{color:#cbc4e4;margin-right:3px}
.sale-reference-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,36%);flex:1;min-height:0}
.sale-reference-catalog{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.sale-reference-categories{padding:19px 17px 0 18px;flex-shrink:0}
.sale-reference-category-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px 8px}
.sale-reference-category,.sale-reference-category-tool{background:var(--sale-category);border:1px solid var(--sale-border);border-radius:14px;height:61px;padding:6px 8px;font-size:14px;text-align:center;min-width:0}
.sale-reference-category span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:40px;overflow-wrap:anywhere;line-height:20px}
.sale-reference-category.is-active{background:var(--sale-purple);border-color:#9959f5}
.sale-reference-category-tools{display:flex;gap:8px;min-width:0}
.sale-reference-category-tool{flex:1;min-width:0;padding:0}
.sale-reference-discount-icon{border:2px solid currentColor;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;font-size:14px;transform:rotate(-15deg)}
.sale-reference-categories.is-collapsed{display:none}
.sale-reference-collapse{height:78px;flex-shrink:0;position:relative;margin:0 17px 0 18px;display:flex;align-items:center;justify-content:center}
.sale-reference-collapse:before{content:'';height:2px;background:#3b3458;position:absolute;left:0;right:0;top:50%}
.sale-reference-collapse button{position:relative;border-radius:50%;width:44px;height:44px;background:var(--sale-category);padding:0;font-size:28px;line-height:1}
.sale-reference-collapse button span{transform:translateY(3px)}
.sale-reference-catalog-heading{min-height:62px;display:flex;align-items:flex-start;gap:15px;padding:0 17px 17px 18px;flex-shrink:0}
.sale-reference-catalog-heading h1{font-size:22px;line-height:44px;font-weight:700;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sale-reference-catalog-actions{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.sale-reference-new{height:44px;white-space:nowrap;flex-shrink:0;padding:0 18px;background:var(--sale-purple);border:1px solid #9959f5;border-radius:14px;font-size:18px}



.sale-reference-search{height:44px;display:flex;align-items:center;gap:8px;border:1px solid #77739f;border-radius:10px;padding:0 10px;background:#393455;color:#eee7fc;width:220px;max-width:23vw}
.sale-reference-search input{width:100%;min-width:0;border:0;background:none;padding:0;color:#fff;outline:none}
.sale-reference-search:has(input:focus-visible){outline:2px solid #f7d55a;outline-offset:2px}
.sale-reference-products{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:140px;align-content:start;gap:9px;padding:0 17px 18px 18px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#5d5a8b transparent}
.sale-reference-product{position:relative;padding:0;border:0;border-radius:14px;display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--sale-tile);height:140px;min-width:0;justify-content:flex-start}
.sale-product-count{position:absolute;top:7px;right:7px;min-width:21px;border-radius:12px;padding:2px 5px;background:#7040ce;color:#fff;font-size:11px;line-height:17px}
.sale-reference-product-initials{height:70px;min-height:70px;background:var(--sale-light);display:flex;align-items:center;justify-content:center;width:100%;font-size:27px;font-weight:700;line-height:1;text-transform:uppercase}
.sale-reference-product-name{flex:1;display:flex;align-items:center;justify-content:center;padding:5px 4px;line-height:22px;text-align:center;font-size:14px;text-transform:uppercase;overflow-wrap:anywhere;width:100%;min-height:0}
.sale-reference-no-results{grid-column:1/-1;align-self:start;padding:25px 0;color:#bcb1d4;font-size:16px}
.sale-reference-order{background:var(--sale-panel);min-width:0;display:flex;flex-direction:column;overflow:hidden}
.sale-reference-order-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;min-height:56px;flex-shrink:0;gap:12px}
.sale-reference-march{background:var(--sale-category);border:1px solid var(--sale-border);border-radius:10px;padding:0 14px;font-size:14px}
.sale-march-options{display:grid;gap:10px}
.sale-march-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 16px;text-align:left;background:#484368;color:#fff;border-radius:10px}
.sale-march-choice.is-marched{background:#393455;color:#a8dbbc}
.sale-march-choice small{color:inherit;text-align:right}
.sale-reference-more{background:var(--sale-category);border:1px solid var(--sale-border);border-radius:14px;width:46px;height:44px;font-size:24px;padding:0;flex-shrink:0}
.modal:has(#kitchen-history){max-width:850px}
.kitchen-history-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.kitchen-history-body{display:grid;grid-template-columns:minmax(190px,1fr) minmax(240px,1.4fr);gap:14px;min-height:0}
.kitchen-history-list,.kitchen-history-preview{max-height:60dvh;overflow:auto}
.kitchen-history-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:10px 12px;margin-bottom:7px;border:1px solid #d4c9ef;border-radius:9px;text-align:left}
.kitchen-history-choice[aria-pressed="true"]{background:#eee6ff;border-color:#805bcb;color:#34235b}
.kitchen-history-choice>span:first-child{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px}
.kitchen-history-choice time{font-weight:400;font-size:12px}
.kitchen-history-preview{padding:0 6px 6px}
.kitchen-history-preview>p{margin:8px 0}
.kitchen-history-paper{max-width:360px;margin:0 auto;padding:14px;background:#fff;color:#151515;border:1px solid #c8c8c8;overflow-wrap:anywhere}
.kitchen-history-paper header{display:grid;gap:4px;justify-items:center;margin-bottom:10px;text-align:center}
.kitchen-history-paper header strong{font-size:23px}
.kitchen-history-paper p,.kitchen-history-paper small{color:inherit}
.kitchen-history-paper section h3{margin:8px 0 4px;padding:4px 6px;background:#222;color:#fff}
.kitchen-history-item small{display:block;padding-left:16px}
@media(max-width:560px){.kitchen-history-body{grid-template-columns:minmax(0,1fr)}.kitchen-history-list{max-height:24dvh}.kitchen-history-preview{max-height:none}}
.sale-reference-groups{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5d5a8b transparent}
.sale-reference-group{border-bottom:1px solid #3b3458}
.sale-reference-group-heading{display:flex;width:100%;min-height:30px!important;justify-content:flex-start;padding:4px 12px;gap:9px;font-size:14px;text-align:left}
.sale-reference-radio{height:14px;width:14px;flex-shrink:0;border:1px solid #67628d;border-radius:50%;background:#3b3657}
.sale-reference-group.is-selected>.sale-reference-group-heading{background:#383051}
.sale-reference-group.is-selected .sale-reference-radio{border-color:#a97bfa;background:#9855f9;box-shadow:inset 0 0 0 4px #383051}
.sale-reference-group-amount{margin-left:auto;white-space:nowrap;font-size:13px;color:#c6bbdd}
.sale-reference-group-lines{padding:0 10px}
.sale-reference-line{display:flex;align-items:center;gap:6px;padding:1px 0;border-top:1px solid #3b3458;position:relative}
.sale-reference-quantity{min-width:25px;text-align:center;background:#4b4164;border-radius:5px;line-height:22px;color:#e4d3ff;font-size:14px;flex-shrink:0}
.sale-reference-line-info{flex:1;min-width:0}
.sale-reference-line-info b{display:block;font-size:13px;line-height:15px;font-weight:600;overflow-wrap:anywhere}
.sale-reference-edit-line{display:block;width:100%;text-align:left;padding:3px 0 1px;touch-action:pan-y}
.sale-reference-edit-line:focus-visible{outline-offset:0}
.sale-reference-line-info>div{display:flex;flex-wrap:wrap;gap:0 8px;font-size:11px;color:#bcb2d2;line-height:12px}
.sale-reference-line-info em{display:block;font-size:12px;font-style:normal;color:#ebc69c;line-height:15px;overflow-wrap:anywhere}
.sale-reference-line-info .sale-reference-sent{color:#9ed1b2}
.sale-reference-line>strong{font-size:13px;font-weight:500;white-space:nowrap;line-height:20px}
.sale-line-swipe{position:relative;overflow:hidden;touch-action:pan-y;border-radius:5px}
.sale-line-swipe .sale-reference-line{background:#28233e;transform:translateX(var(--swipe,0px));transition:transform .15s ease;min-height:31px}
.sale-line-swipe.is-swiped .sale-reference-line{transform:translateX(var(--swipe,-72px))}
.sale-reference .sale-line-trash{min-height:0;position:absolute;inset:0 0 0 auto!important;width:72px!important;border:0!important;border-radius:0!important;background:#db465e!important;color:white!important;display:grid!important;place-items:center;z-index:0;visibility:hidden;pointer-events:none}
.sale-line-swipe.is-swiped>.sale-line-trash,.sale-line-swipe[style*="--swipe"]>.sale-line-trash{visibility:visible;pointer-events:auto}
.sale-reference .sale-line-handle{width:32px;min-width:32px;height:28px;min-height:28px;padding:0!important;border:0!important;background:transparent!important;color:#b3a6cc!important;font-size:21px;touch-action:none;cursor:grab}
.sale-reference-group.is-drop-target{outline:2px solid #b788ff;outline-offset:-2px;background:#44305e}
.sale-line-swipe.is-dragging{opacity:.35}
.sale-drag-ghost{position:fixed!important;z-index:10000;pointer-events:none;background:#44305e!important;border:1px solid #b788ff!important;border-radius:8px;box-shadow:0 8px 25px #0008;opacity:.95}
.sale-step-pending{color:#e9c586!important}
.sale-reference-remove{width:44px;height:44px;min-width:44px;padding:0;margin-top:-9px;margin-right:-10px;color:#b4a6cb!important}
.sale-reference-footer{
  border-top:1px solid #3b3458;
  padding:0 10px 8px;
  flex-shrink:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:6px;
}
.sale-reference-total,.sale-reference-discount{grid-column:1/-1}
.sale-reference-line-info .line-modifiers{margin:0;padding-left:14px;font-size:11px;line-height:15px;overflow-wrap:anywhere}
.sale-reference-total{display:flex;align-items:center;justify-content:space-between;height:39px;font-weight:700;font-size:20px}
.sale-reference-total strong{font-weight:700}
.sale-reference-discount{display:flex;justify-content:space-between;color:#bcafd1;font-size:12px;padding-top:5px}
.sale-reference-footer button{height:44px;border:1px solid #b17bf1;border-radius:9px;font-size:14px;width:100%;padding:0 4px;opacity:1}
.sale-reference-footer button:disabled{cursor:not-allowed;opacity:.65}
.sale-reference-pay{background:var(--sale-purple)}
.sale-reference-footer-pair{display:contents}
.sale-reference-footer .sale-reference-send{background:#ee6c77;border-color:#f68d93}
.sale-reference-footer .sale-reference-ticket{background:#f6ba00;border-color:#ffd137}
@media(max-width:1400px){.sale-reference{font-size:12px}.sale-reference-header{height:56px;min-height:56px}.sale-reference-header-left{gap:12px}.sale-reference-employee{font-size:12px}.sale-reference-header-tools{gap:7px}.sale-reference-account{font-size:20px!important}.sale-reference-categories{padding:15px 13px 0}.sale-reference-category-grid{gap:7px 6px}.sale-reference-category,.sale-reference-category-tool{height:51px;border-radius:11px;font-size:11px;padding:5px}.sale-reference-category span{line-height:17px;max-height:34px}.sale-reference-category-tools{gap:6px}.sale-reference-category-tool{padding:0}.sale-reference-collapse{height:62px;margin:0 13px}.sale-reference-collapse button{width:44px;height:44px}.sale-reference-catalog-heading{padding:0 13px 12px;min-height:56px}.sale-reference-catalog-heading h1{font-size:19px}.sale-reference-new{font-size:14px;padding:0 13px;border-radius:11px}.sale-reference-products{padding:0 13px 14px;grid-auto-rows:116px;gap:7px}.sale-reference-product{height:116px;border-radius:11px}.sale-reference-product-initials{height:58px;min-height:58px;font-size:23px}.sale-reference-product-name{font-size:11px;line-height:17px;padding:4px 3px}.sale-reference-order-toolbar{padding-inline:10px}.sale-reference-group-heading{font-size:12px}.sale-reference-line-info b,.sale-reference-line>strong{font-size:12px}.sale-reference-remove{width:44px;min-width:44px}}
@media(max-width:1050px){.sale-reference-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sale-reference-products{grid-template-columns:repeat(5,minmax(0,1fr))}.sale-reference-employee span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.sale-reference-catalog-actions{gap:6px}.sale-reference-search{max-width:23vw;width:180px}.sale-reference-header-tools time{display:none}.sale-reference-catalog-heading{flex-wrap:wrap;gap:0 10px}.sale-reference-catalog-actions:has(.sale-reference-search){flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:760px){.sale-reference{height:auto;min-height:100dvh;overflow:visible}.sale-reference-header{padding:0 7px;gap:5px}.sale-reference-header-left{gap:3px}.sale-reference-employee span{display:none}.sale-reference-account{font-size:16px!important;max-width:38%}.sale-reference-header-tools{gap:0}.sale-reference-header-tools button[data-view="kitchen"]{display:none}.sale-reference-body{display:flex;flex-direction:column;min-height:calc(100dvh - 56px)}.sale-reference-catalog{overflow:visible}.sale-reference-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sale-reference-category,.sale-reference-category-tool{font-size:11px}.sale-reference-products{grid-template-columns:repeat(4,minmax(0,1fr));max-height:54dvh;min-height:116px;flex:auto;overflow:auto}.sale-reference-order{flex:1;min-height:440px}.sale-reference-groups{max-height:62dvh}.sale-reference-footer{margin-top:auto}.sale-reference-catalog-heading{align-items:center}.sale-reference-catalog-heading h1{font-size:16px;max-width:44%}.sale-reference-new{font-size:12px;padding:0 9px}.sale-reference-catalog-actions{flex:1;justify-content:flex-end}.sale-reference-catalog-actions:has(.sale-reference-search){flex-basis:100%;margin-top:4px}.sale-reference-search{max-width:none;width:100%;flex:1}.sale-reference-collapse{height:56px}.sale-reference-product-name{font-size:11px}.sale-reference-line>strong{white-space:nowrap;max-width:none}.sale-reference-remove{width:44px;min-width:44px}}

.modal:has(.table-open-form) {
 width:min(100%,448px);
 max-height:calc(100dvh - 12px);
 padding:20px 21px 21px;
 background:#25233b;
 border:1px solid #3d3959;
 border-radius:12px;
}
.modal:has(.table-open-form) > header { margin-bottom:12px; }
.modal:has(.table-open-form) > header h2 { font-size:18px; }
.table-open-form { display:grid; gap:13px; }
.modal .table-open-form label { display:block; margin:0 0 6px; color:#f6f3ff; font-size:13px; }
.modal .table-open-form input:not([type=hidden]) {
 width:100%; min-width:0; min-height:35px; padding:7px 11px; margin:6px 0 0;
 color:#f9f7ff; background:#393653; border:1px solid #615986; border-radius:11px;
 font-size:13px;
}
.modal .table-open-form input::placeholder { color:#cbc5e1; }
.modal .table-open-form .table-open-count input { border:0; border-radius:0; margin:0; }
.table-open-count,.table-open-keypad {
 overflow:hidden; border:1px solid #4b4669; border-radius:11px;
}
.table-open-count { display:grid; grid-template-columns:minmax(0,1fr) 35px 35px; border-color:#615986; }
.table-open-count button,.table-open-keypad button {
 padding:0; border:0; color:#f6f3ff; background:#383551; font:inherit;
 touch-action:manipulation; cursor:pointer;
}
.table-open-count button { border-left:1px solid #615986; background:#29263e; font-size:18px; }
.table-open-keypad { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#4b4669; }
.table-open-keypad button { min-height:clamp(39px,10.1dvh,55px); font-size:15px; font-weight:650; }
.table-open-keypad button[data-key="back"],.table-open-keypad button[data-key="clear"] { color:#90e8ac; }
.table-open-count button:active,.table-open-keypad button:active { background:#554477; }
.table-open-count button:focus-visible,.table-open-keypad button:focus-visible {
 outline:2px solid #c4a1ff; outline-offset:-3px;
}
.table-open-form .table-open-confirm {
 justify-self:center; width:50%; min-height:35px; margin-top:clamp(5px,8dvh,39px);
}
@media(max-height:555px) {
 .modal:has(.table-open-form) { padding-block:11px; }
 .modal:has(.table-open-form) > header { margin-bottom:6px; }
 .table-open-form { gap:8px; }
 .table-open-form .table-open-confirm { margin-top:5px; }
}