/* CSS riêng của cụm 2 · Chi tiêu & duyệt chi — chỉ khi style.css chưa có lớp cần dùng. Mọi màu qua biến CSS (var(--…)), không mã màu cứng. */

/* Một câu đỏ dưới đúng ô sai — thay cho alert() chặn cả màn (CANON: Lỗi). */
.loi-dong { margin: 4px 0 0; font-size: 12.5px; color: var(--red); line-height: 1.45; }
.loi-dong a { color: var(--red); }

/* Ô form chiếm trọn chiều ngang (lý do chi, điều khoản, tài khoản nhận). */
.o-form.o-rong { grid-column: 1 / -1; }

/* Bảng con nằm trong một thẻ: bốn số của mã, từng khoản dự chi, lịch đợt. */
.card-sub { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.card-sub h3 { margin: 0 0 6px; font-size: 13.5px; color: var(--dim); font-weight: 650; }

/* Cây ngân sách ba tầng: nhóm đậm, phòng ban thụt một bậc, mã thụt hai bậc. */
.ns-nhom td { background: var(--sunk); font-weight: 650; }
.ns-donvi td:first-child { padding-left: 22px; color: var(--dim); }
.ns-ma td:first-child { padding-left: 40px; }

/* Chặng cuối của phiếu không ai bấm: app đọc email ngân hàng rồi tự đóng. */
.buoc.tu-dong { border-style: dashed; }