: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-cart{flex:1;min-width:320px;max-width:400px;border-left:1px solid var(--border);background:#fff;display:flex;flex-direction:column;padding:16px}@media(max-width:900px){.pos-layout{flex-direction:column;height:auto;min-height:100vh}.pos-products{overflow:visible}.pos-cart{max-width:none;min-width:0;border-left:none;border-top:2px solid var(--border)}}.modal-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.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}}