/* ===== ส่วนเสริมจาก design system เดิม (server-rendered specifics) ===== */

/* modal: ซ่อนไว้ก่อน เปิดด้วยคลาส .show */
.modal-bg{ display:none; }
.modal-bg.show{ display:grid; }
[hidden]{ display:none !important; }

a.nav-item, a.cli-opt, a.cli-foot{ text-decoration:none; }
a.cli-card{ text-decoration:none; color:inherit; display:block; }

/* แถวที่กดได้ */
tr.clickable{ cursor:pointer; }

/* badge เป็นปุ่ม (toggle Dr/Cr) */
button.badge{ cursor:pointer; border:none; font-family:inherit; }

/* select ในตารางคู่บัญชี */
td .select{ padding:7px 10px; font-size:13px; }

/* แถวคู่บัญชีที่ขยายในคิว/สมุดรายวัน */
.expand-row > td{ padding:0 !important; background:var(--surface-2); }
.expand-inner{ padding:14px 22px; }

/* mini bar comparison (dashboard) */
.cmp-bar{ height:10px; border-radius:6px; background:var(--surface-3); overflow:hidden; display:flex; }
.cmp-bar > i{ display:block; height:100%; }

/* ปุ่ม tab ของ reports เชื่อมกับเนื้อหา */
.tabpane{ display:none; }
.tabpane.on{ display:block; animation:fadeIn .25s ease both; }

.muted-note{ color:var(--ink-3); font-size:12.5px; }
.flex-col{ display:flex; flex-direction:column; }