*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{outline:none;-webkit-tap-highlight-color:transparent}input[type=date],input[type=time],input[type=month]{color-scheme:inherit;min-height:38px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 14px}.page-body{padding:20px}@media (max-width: 640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.dash-grid-2{grid-template-columns:1fr!important}.page-body{padding:12px}.queue-actions{width:100%;justify-content:flex-start!important;padding-top:4px;border-top:1px solid var(--row)}.queue-actions button{flex:1}input,select,textarea{font-size:16px!important}}.topbar{padding-top:env(safe-area-inset-top)!important}.sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.page-body{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.public-header{padding-top:calc(14px + env(safe-area-inset-top))!important}.btn-ghost.btn-sm:hover:not(:disabled){background:var(--soft);color:var(--text)}.btn-ghost:not(.btn-sm):hover:not(:disabled){background:var(--soft)}.btn-danger.btn-sm:hover:not(:disabled){background:#c2410c14}.btn-soft:hover:not(:disabled){filter:brightness(.97)}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-success:hover:not(:disabled){filter:brightness(.95)}.sidebar{width:224px;flex-shrink:0;background:var(--sidebar);display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;border-radius:8px;border:none;background:transparent;color:var(--sidebar-fg);cursor:pointer;font-size:13.5px;font-weight:500;text-align:left;font-family:inherit;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--sidebar-active);color:var(--sidebar-active-fg);font-weight:600}.nav-item svg{opacity:.85}.nav-item.active svg{opacity:1}.nav-section{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;font-weight:600;padding:14px 12px 6px}.nav-foot-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffffb3;cursor:pointer;font-size:12px;font-family:inherit}.nav-foot-btn:hover{background:#ffffff0f;color:#fff}.watermark{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:9998;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:30px 46px;transform:rotate(-24deg);opacity:.07;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap}@media print{.watermark{opacity:.12}}.protected{-webkit-touch-callout:none}.protected,.protected *{user-select:none;-webkit-user-select:none}.protected input,.protected textarea,.protected [contenteditable=true]{user-select:text;-webkit-user-select:text}.protected img,.protected svg{-webkit-user-drag:none;user-drag:none}@media print{.protected{display:none!important}body.protected-print:after{content:"ไม่อนุญาตให้พิมพ์หน้าจอนี้ — ติดต่อเจ้าของร้าน";display:block;padding:40px;text-align:center;font-size:16px;font-family:inherit}}