/* ERAPOR v4.10.2 - perbaikan tinggi dropdown rombel Tugas Guru.
   Selector dibuat lebih spesifik dari style penyaring data global. */
body .master-data-legacy .card-header.tugas-guru-filter-header,
body .master-data-legacy .card-header.erapor-v4100-task-header,
body .master-data-legacy [data-v4100-tugas-guru="1"] > .card-header.erapor-v4100-task-header {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) auto !important;
  align-items: center !important;
  flex-direction: initial !important;
  gap: 10px !important;
}
body .master-data-legacy .card-header.tugas-guru-filter-header::before,
body .master-data-legacy .card-header.erapor-v4100-task-header::before,
body .master-data-legacy [data-v4100-tugas-guru="1"] > .card-header.erapor-v4100-task-header::before {
  grid-column: 1 / -1;
}
body .master-data-legacy .card-header.tugas-guru-filter-header > select.form-control,
body .master-data-legacy .card-header.erapor-v4100-task-header > select.form-control,
body .master-data-legacy [data-v4100-tugas-guru="1"] > .card-header.erapor-v4100-task-header > select.form-control {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  flex: none !important;
  align-self: center !important;
  line-height: 1.25 !important;
}
body .master-data-legacy .card-header.tugas-guru-filter-header > .btn,
body .master-data-legacy .card-header.erapor-v4100-task-header > .btn,
body .master-data-legacy [data-v4100-tugas-guru="1"] > .card-header.erapor-v4100-task-header > .btn {
  width: auto !important;
  min-width: 150px;
  min-height: 42px;
  align-self: center !important;
  white-space: nowrap;
}
@media (max-width: 700px) {
  body .master-data-legacy .card-header.tugas-guru-filter-header,
  body .master-data-legacy .card-header.erapor-v4100-task-header,
  body .master-data-legacy [data-v4100-tugas-guru="1"] > .card-header.erapor-v4100-task-header {
    grid-template-columns: 1fr !important;
  }
  body .master-data-legacy .card-header.tugas-guru-filter-header > .btn,
  body .master-data-legacy .card-header.erapor-v4100-task-header > .btn,
  body .master-data-legacy [data-v4100-tugas-guru="1"] > .card-header.erapor-v4100-task-header > .btn {
    width: 100% !important;
  }
}
