/* X10 F&B ERP — shared styles (ต่อท้าย brand.css) */
body { font-family: 'Prompt', 'Noto Sans Thai', sans-serif; background: #f4f7fb; color: #16283c; }

.no-sb::-webkit-scrollbar { display: none; }
.no-sb { scrollbar-width: none; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #eef2f7; }
::-webkit-scrollbar-thumb { background: #c3d0de; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #a7b8ca; }

.tabular-nums { font-variant-numeric: tabular-nums; }

@keyframes slidein { from { transform: translateX(20px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
@keyframes pop { 0% { transform: scale(.7) } 70% { transform: scale(1.1) } 100% { transform: scale(1) } }
.pop { animation: pop .25s ease; }

/* ปุ่มแท็บย่อย */
.subtab { padding: .4rem .9rem; border-radius: .75rem; font-size: .875rem; background: #fff; border: 1px solid #e2e9f1; white-space: nowrap; }
.subtab.active { background: #0f4c83; color: #fff; border-color: #0f4c83; }

/* การ์ดออเดอร์ตามสถานะครัว */
.oc { border-left-width: 4px !important; }
.oc-NEW { border-left-color: #f68a39 !important; }
.oc-ACCEPTED { border-left-color: #1b6bb0 !important; }
.oc-COOKING { border-left-color: #e0752a !important; }
.oc-READY { border-left-color: #16a34a !important; }
.oc-SERVED { border-left-color: #94a3b8 !important; }

/* จอครัว: เตือนเมื่อรอนาน */
.kds-warn { box-shadow: 0 0 0 2px #f59e0b inset; }
.kds-late { box-shadow: 0 0 0 3px #e11d48 inset; animation: pulse 1.6s infinite; }
@keyframes pulse { 0%,100% { opacity: 1 } 50% { opacity: .82 } }

/* ตัวเลขติดลบ = แดง */
.neg { color: #e11d48; }
.pos { color: #16a34a; }

/* ตารางหนาแน่นสำหรับหน้าคลัง */
table.dense td, table.dense th { padding-top: .25rem; padding-bottom: .25rem; font-size: .8125rem; }

/* input ในตาราง */
table input[type="number"], table input[type="text"] {
  border: 1px solid #e2e9f1; border-radius: .375rem; padding: .125rem .5rem; font-size: .8125rem;
}
table input:focus { outline: 2px solid #0f4c83; outline-offset: -1px; }

@media print {
  .noprint { display: none !important; }
  body { background: #fff; }
  .qr-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; }
}