/* Nhân sự › Báo cơm */
.meal-settings { display: grid; gap: 14px; }
.meal-settings h3, .meal-settings h4 { margin: 0; }
.meal-settings h4 small { font-weight: 400; margin-left: 6px; }
.meal-settings-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; }
.meal-settings-row label { display: grid; gap: 6px; font-weight: 600; }
.meal-settings-row .meal-settings-check { display: flex; align-items: center; gap: 8px; min-height: 40px; }
.meal-settings-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px; max-height: 360px; overflow: auto; }
.meal-settings-person { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--bms-border, #d9dee7); border-radius: 10px; cursor: pointer; }
.meal-settings-person span { display: grid; min-width: 0; }
.meal-settings-person small { color: var(--bms-text-muted); }
.meal-settings-person:has(input:checked) { border-color: var(--bms-primary); background: color-mix(in srgb, var(--bms-primary) 8%, transparent); }
.meal-settings-actions { display: flex; justify-content: flex-end; }
/* 3 ca báo cơm (20/10/2026): mỗi ca một dòng — bật, tên, giờ chốt, giờ ăn. */
.meal-settings-shifts { overflow-x: auto; }
.meal-settings-shifts table { border-collapse: collapse; min-width: 480px; }
.meal-settings-shifts th { padding: 0 12px 6px 0; font-size: 13px; font-weight: 600; text-align: left; color: var(--bms-text-muted); }
.meal-settings-shifts td { padding: 4px 12px 4px 0; }
.meal-settings-shifts .meal-settings-check { display: flex; align-items: center; gap: 8px; min-height: 40px; font-weight: 600; white-space: nowrap; }
.meal-settings-shifts input[type="text"] { width: 180px; }
.meal-settings-shifts select { min-width: 160px; }
.meal-settings-open { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.meal-settings-open label { display: flex; align-items: center; gap: 4px; font-size: 13px; }
.meal-settings-places { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.meal-settings-place { display: grid; gap: 4px; }
.meal-settings-place input { width: 200px; height: 40px; }
.meal-settings-place small { color: var(--bms-text-muted); font-size: 12px; }