:root{--ink:#20352c;--green:#416b50;--paper:#f5f4ee;--line:#d9dfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,sans-serif}a{color:var(--green)}header{background:#fff;border-bottom:1px solid var(--line);padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}header strong{font-size:22px}nav,.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}main{max-width:1500px;padding:24px;margin:auto}h1{font-size:32px;margin:12px 0}h2{font-size:22px}h3{margin:0 0 12px}p{margin:8px 0}button,.btn{cursor:pointer;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;padding:10px 16px;font:inherit;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:#fff;color:var(--green)}button.danger{background:#8a382e;border-color:#8a382e}button:disabled{opacity:.45;cursor:default}input,select,textarea{border:1px solid #b9c6b8;border-radius:6px;padding:10px;font:inherit;background:white;color:var(--ink);max-width:100%}label{display:block;margin:12px 0 5px}label input,label select{display:block;width:100%;margin:6px 0}textarea{width:100%}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin:16px 0}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:24px}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.item{text-align:left;background:white;color:var(--ink);border-color:var(--line);min-height:110px}.item strong,.item small{display:block}.item span{color:var(--green)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.filters button{padding:7px 12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.metric{background:white;border:1px solid var(--line);padding:20px;border-radius:10px}.metric strong{display:block;font-size:28px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef1e9;font-size:13px}td button{padding:5px 9px;margin:3px}.muted{color:#68766d;font-size:13px}.badge{display:inline-block;padding:3px 9px;background:#e7eee1;border-radius:20px}.status{padding:12px 16px;background:#e7eee1;border-radius:7px;margin:12px 0}.error{background:#f9e8e3;color:#7c2e24}.total{font-size:24px;font-weight:700}.ticket{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.ticket input{width:68px}.receipt{max-width:380px;font-family:monospace;padding:25px;background:white;margin:20px auto}.receipt h2{text-align:center}.receipt table td{padding:6px}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}[hidden]{display:none!important}.low{color:#943d20;font-weight:700}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:100px 1fr 130px;gap:12px;align-items:center}.bar{height:20px;background:#87a479;border-radius:3px;min-width:2px}.staff-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.sidebar{align-self:start;position:sticky;top:20px}.sidebar button,.sidebar a{display:block;width:100%;margin:8px 0;text-align:left}.receipt-link{background:none;border:0;color:var(--green);text-decoration:underline;padding:0}@media(max-width:900px){.layout,.staff-shell{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:8px;flex-wrap:wrap}.sidebar button,.sidebar a{width:auto}main{padding:15px}header{padding:15px}.bar-row{grid-template-columns:80px 1fr 100px}}@media print{body{background:white}body>*{display:none!important}#receipt-print{display:block!important}.receipt{margin:0 auto;padding:5px;width:76mm;font-size:12px}#receipt-print button{display:none} @page{margin:8mm}}

dialog{border:1px solid var(--line);border-radius:12px;max-width:520px;width:92%;padding:24px}dialog::backdrop{background:#20352c88}

#header-tickets{width:100%;border-top:1px solid var(--line);padding-top:12px}#header-tickets strong{font-size:16px}#ticket-strip{display:flex;gap:10px;overflow-x:auto;padding:10px 0}.header-ticket{flex:0 0 185px;text-align:left;background:#fff4d9;color:var(--ink);border-color:#e7ce8c}.header-ticket.prepared{background:#e3efdd;border-color:#87a479}.header-ticket span,.header-ticket small{display:block}.category-icons{display:flex;gap:9px;overflow-x:auto;padding:12px 0 18px}.category-icon{flex:0 0 112px;min-height:88px;background:white;color:var(--ink);border-color:var(--line);text-align:center}.category-icon span{display:block;font-size:28px}.category-icon small{display:block}.category-icon.selected{background:#e3efdd;border-color:var(--green)}

.pos-header{position:sticky;top:0;z-index:20}

#category-icons{position:sticky;top:var(--category-top,0px);z-index:15;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 5px 10px #20352c0d;scrollbar-width:thin}
html:has(#category-icons){scroll-padding-top:var(--category-scroll-offset,280px)}
.category-icon.selected,.category-icon[aria-pressed="true"]{background:var(--green);color:white;border-color:var(--green)}.pos-menu-group{margin:0 0 28px}.pos-menu-group h3{padding:8px 0;border-bottom:1px solid var(--line)}