:root{--brand: #1f6feb;--brand-dark: #1a5fd0;--brand-soft: #eef4fd;--bg: #f5f7fb;--surface: #fff;--text: #1a2233;--muted: #6b7684;--border: #e6eaf1;--ok: #1a7f37;--ok-soft: #e5f4e8;--warn: #9a6700;--warn-soft: #fdf3d7;--danger: #c1121f;--danger-soft: #fdeaea;--radius: 16px;--radius-sm: 10px;font-family:Inter,Noto Sans Thai,Segoe UI,system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}button,input,select{font-family:inherit;font-size:16px;min-height:44px}button{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--text);font-weight:500}button:active{transform:translateY(1px)}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-dark)}button:disabled{opacity:.5;cursor:not-allowed}input,select{border-radius:var(--radius-sm);border:1px solid var(--border);padding:0 12px;background:#fff;color:var(--text)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.pos-layout{display:flex;height:100vh}.pos-products{flex:2;display:flex;flex-direction:column;padding:16px;overflow:hidden;min-width:0}.pos-nav{display:flex;gap:8px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.pos-category-bar{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;position:sticky;top:0;z-index:2;background:var(--bg, #f7f7f8);padding:4px 0}.pos-category-bar button{min-height:44px;white-space:nowrap;flex-shrink:0}.pos-tile{height:128px}@media(max-height:820px){.pos-tile{height:96px}}.pos-cart{flex:1;min-width:320px;max-width:400px;border-left:1px solid var(--border);background:#fff;display:flex;flex-direction:column;padding:16px}.pos-mobile-checkout{display:none}@media(max-width:900px){.pos-layout{flex-direction:column;height:auto;min-height:100vh;padding-bottom:96px}.pos-products{overflow:visible}.pos-cart{max-width:none;min-width:0;border-left:none;border-top:2px solid var(--border)}.pos-mobile-checkout{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:5;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface, #fff);border-top:2px solid var(--border);box-shadow:0 -4px 12px #0000001f}.pos-mobile-total{font-size:22px;font-weight:700;margin-right:auto}.pos-mobile-checkout button{height:48px;min-width:140px;font-size:18px}}.modal-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.modal-actions-sticky{position:sticky;bottom:-24px;background:var(--surface);padding:12px 0 0;margin-top:4px;border-top:1px solid var(--border);z-index:1}.modal-actions-sticky button{min-height:44px}@media(max-width:900px){.modal-actions-sticky{flex-wrap:wrap}}.void-detail{flex:2;padding:16px;overflow-y:auto;min-width:0;transition:padding-left .12s ease-out}@media(min-width:900px){.void-detail.is-return-open{padding-left:468px}}