/* From CI `teacher_attendance_month.php` embedded styles — monthly staff grids */
.att-month-wrap .month-grid-wrap {
  overflow-x: auto;
}

.att-month-wrap .month-grid thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8f9fa;
}

.att-month-wrap .sticky-col {
  position: sticky;
  left: 0;
  z-index: 3;
  background: #fff;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.att-month-wrap .sticky-col-2 {
  position: sticky;
  left: 180px;
  z-index: 3;
  background: #fff;
}

.att-month-wrap .sticky-col-3 {
  position: sticky;
  left: 460px;
  z-index: 3;
  background: #fff;
}

.att-month-wrap .no-school-day {
  background-color: #cff4fc !important;
}

.att-month-wrap .att-select.form-select.form-select-sm {
  min-width: 54px;
  padding-left: 6px;
  padding-right: 18px;
  line-height: 1.1;
  border: 1px solid #adb5bd;
}

.att-month-wrap .att-select.att-present {
  background: #157347;
  color: #fff;
  border-color: #0f5132;
}

.att-month-wrap .att-select.att-absent {
  background: #bb2d3b;
  color: #fff;
  border-color: #842029;
}

.att-month-wrap .att-select.att-late {
  background: #ffca2c;
  color: #111;
  border-color: #997404;
}

.att-month-wrap .att-select.att-none {
  background: #fff;
  color: #212529;
  border-color: #adb5bd;
}

.att-month-wrap .badge-cell.bg-info {
  min-width: 32px;
  padding: 4px 0;
}
