/* ============================================================
   consume.css — หน้าเบิกใช้ (ของสิ้นเปลือง ไม่ต้องคืน)
   (โหลดหลัง borrow.css ก่อน dialogs.css)
   ============================================================ */

.form-hint {
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 1.5;
    margin-bottom: 14px;
}

/* ตัวเลือกเดือนในแถบควบคุม */
.consume-month-select {
    width: auto;
    min-width: 170px;
    min-height: 44px;
    font-weight: 600;
}

/* ตาราง: ใช้สไตล์ .items-table เดิม เพิ่มเฉพาะส่วนของหน้านี้ */
.consume-table td.nowrap {
    white-space: nowrap;
}

.consume-item-name {
    font-weight: 700;
    color: var(--text-main);
}

.consume-table td.consume-qty {
    font-size: 16px;
    font-weight: 700;
    color: var(--warning-strong);
    text-align: center;
    white-space: nowrap;
}

.consume-table thead th:nth-child(4) {
    text-align: center;
}

.consume-table td.consume-note {
    min-width: 140px;
    color: var(--text-muted);
}

.consume-table tfoot td {
    padding: 10px 12px;
    background: #fef3c7;
    color: #78350f;
    font-weight: 700;
    border-top: 1.5px solid #fde68a;
}

.consume-table tfoot td.consume-qty {
    color: #78350f;
}

/* ตารางกว้างเกินจอมือถือ → เลื่อนดูในแนวนอนได้ (ตัว container มี overflow-x อยู่แล้ว) */
#consumeList .items-table {
    min-width: 640px;
}