:root{--pos-ink:#292722;--pos-muted:#726b60;--pos-paper:#f7f4ed;--pos-gold:#b8a06d;--pos-line:#dfd8ca}
*{box-sizing:border-box}body{margin:0;padding:0;background:#eee9df;color:var(--pos-ink);font-family:Arial,sans-serif}
[hidden]{display:none!important}.pos-legacy{display:none!important}
.pos-rail{position:fixed;inset:0 auto 0 0;width:112px;background:var(--pos-ink);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:24px 10px;color:#f8f4e9;z-index:5}
.pos-rail a{color:inherit;text-decoration:none;font-size:12px;text-align:center;line-height:1.4;padding:14px 5px;border-radius:10px}
.pos-rail a[aria-current]{background:#ffffff15;color:#ead4a0}.pos-rail .pos-monogram{margin:0 auto 18px;width:55px;height:55px;padding:9px;background:#e9dfc8;color:var(--pos-ink);font:bold 32px Georgia,serif;border-radius:16px}
.pos-rail-label{margin-top:auto;text-align:center;font-size:10px;letter-spacing:2px;line-height:1.8;color:#d5c9af}
.pos-shell{margin:0 0 0 112px;max-width:none;min-height:100vh;padding:30px 36px;background:var(--pos-paper);border:0;border-radius:0;box-shadow:none}
.pos-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.pos-header h1{margin:5px 0;font:500 32px Georgia,serif}.pos-eyebrow{font-size:10px;letter-spacing:2px;color:var(--pos-muted);margin:0}
.pos-badge{border:1px solid #c4b48d;padding:8px 12px;border-radius:30px;font-size:11px;letter-spacing:1px;white-space:nowrap}
.pos-shell .notice{background:#eee7d6;border:1px solid #ded1af;border-radius:12px;padding:13px 16px;font-size:12px;line-height:1.6}
.pos-shell h2{font-size:20px}.pos-shell h3{font-size:16px}.pos-shell section{border:0}.pos-shell .small{font-size:12px;line-height:1.6;color:var(--pos-muted)}
.pos-shell label{font-size:12px;color:#514b40;margin-top:14px}.pos-shell input,.pos-shell select,.pos-shell textarea{border:1px solid var(--pos-line);border-radius:9px;background:#fff;color:var(--pos-ink);padding:12px;font-size:14px;min-width:0;width:100%}
.pos-shell input[type=checkbox]{width:auto;accent-color:var(--pos-ink)}.pos-shell button{border:1px solid var(--pos-ink);border-radius:9px;background:var(--pos-ink);color:#fff;padding:12px 15px;font-size:12px;font-weight:600;cursor:pointer;min-height:42px}
.pos-shell button:disabled{opacity:.45;cursor:not-allowed}.pos-shell :focus-visible,.pos-rail a:focus-visible{outline:3px solid #b29a60;outline-offset:3px}
#loginPanel{max-width:420px;margin:48px auto;background:#fff;padding:26px;border-radius:18px;border:1px solid var(--pos-line)}#sessionPanel{margin:18px 0;padding:12px 0;border-bottom:1px solid var(--pos-line)}#sessionPanel h2{display:none}#sessionUser{font-size:14px;font-weight:bold}#sessionPanel .actions{display:flex;gap:8px;flex-wrap:wrap}
#cashierPanel>.small{display:none}.pos-work-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;margin-top:24px}.pos-entry{min-width:0}.pos-cart{min-width:0;background:#fff;border:1px solid var(--pos-line)!important;border-radius:16px;padding:22px;position:sticky;top:20px}
.pos-favorites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 26px}.pos-shell .pos-favorite{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#ece5d8;border:1px solid #d5c8ae;color:var(--pos-ink);padding:22px 16px;text-align:left;min-height:110px}.pos-favorite strong{font:500 18px Georgia,serif}.pos-favorite span{font-size:11px;color:#71664f}.pos-favorite:hover{background:#e6dbc5}
#draftForm{padding:20px;background:#fff;border:1px solid var(--pos-line);border-radius:14px}#draftForm>.actions{margin-top:18px}#draftLineSummary{white-space:pre-line;min-height:70px;font-size:13px;line-height:1.8;padding:14px 0;border-bottom:1px solid var(--pos-line);overflow-wrap:anywhere}
.pos-cart .actions{display:flex;flex-wrap:wrap;gap:8px}.pos-cart section{padding:12px 0;margin-top:20px}#ksrDetails,#draftResult,#paymentResult{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.pos-cart .pos-next{width:100%;margin-top:22px;background:#bca572;color:#26231c;border-color:#bca572}
#posPaymentView{margin:24px auto;max-width:620px;padding:26px;background:#fff;border:1px solid var(--pos-line);border-radius:16px}#posPaymentView button{margin:8px 4px 8px 0}#posPaymentView .pos-back{background:transparent;color:var(--pos-ink);border-color:var(--pos-line)}#paymentForm{margin-top:20px}#status:empty{display:none}#status{font-size:13px;padding:12px;background:#eee7d6;border-radius:9px}#recoveryNotice:empty{display:none}#recoveryNotice{position:relative;margin:0 0 0 112px;padding:12px 36px;background:#ffebc1;color:#48391c;font-size:13px;line-height:1.6}
.pos-shell footer{margin-top:36px;font-size:11px;color:var(--pos-muted)}
@media(min-width:1500px){.pos-shell{padding:38px 60px}.pos-work-grid{grid-template-columns:minmax(0,1fr) 400px;gap:40px}.pos-favorites{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:950px){.pos-work-grid{grid-template-columns:1fr}.pos-cart{position:static}.pos-shell{padding:24px}.pos-favorites{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pos-rail{position:relative;inset:auto;width:100%;flex-direction:row;gap:4px;padding:8px;align-items:center;flex-wrap:wrap}.pos-rail .pos-monogram{margin:0 6px 0 0;width:38px;height:38px;padding:5px;font-size:24px;border-radius:10px}.pos-rail a{padding:10px 6px;font-size:10px}.pos-rail-label{display:none}.pos-shell{margin:0;padding:18px}.pos-header h1{font-size:28px}.pos-header{align-items:flex-start}.pos-badge{font-size:9px;padding:8px}.pos-work-grid{gap:18px}.pos-cart{padding:18px}.pos-favorites{gap:8px}.pos-shell .pos-favorite{padding:16px 12px;min-height:98px}.pos-favorite strong{font-size:16px}#recoveryNotice{margin:0;padding:12px 18px}#posPaymentView{padding:18px}#loginPanel{margin:24px auto;padding:20px}}