/* DataTables visual overrides, applied on every DT page via base.html.
   Convention across all GATe DT pages:
   - per-column filters in a second thead row (.col-filter-row)
   - NO global search-box, NO length-menu, NO pagination
   Datasets in this portal are bounded (max a few hundred rows). Showing
   everything beats hide-and-seek paging, and the per-column filters fully
   replace what the DT-toolbar search would offer. */

/* ---------- Compact table base ---------- */
table.dataTable.table-sm { font-size: .9rem; }

/* ---------- Info-footer text (the only DT chrome we keep) ---------- */
.dataTables_info {
  color: #525c66; font-size: .85rem;
  padding: .4rem 1rem .5rem !important;
}

/* ---------- Empty state ---------- */
.dataTables_empty {
  padding: 2rem 1rem !important;
  color: #525c66;
  font-size: .95rem;
  background: #fafbfc;
}

/* ---------- Per-column filter row inside <thead> ---------- */
/* Second header row carrying input/select per column. Subtle background so
   it reads as "filters" instead of "another header". */
thead tr.col-filter-row th {
  background: #f7f9fc;
  border-top: 1px solid #eef1f5;
  border-bottom: 2px solid #e3e6f0;
  font-weight: normal;
  padding: .35rem .4rem;
}
thead tr.col-filter-row input,
thead tr.col-filter-row select {
  width: 100%;
  height: calc(1.5em + .4rem + 2px);
  padding: .2rem .45rem;
  font-size: .8rem;
  line-height: 1.4;
  border: 1px solid #d1d8e0;
  border-radius: .2rem;
  background: #fff;
}
thead tr.col-filter-row input:focus,
thead tr.col-filter-row select:focus {
  border-color: #2c8bd9;
  box-shadow: 0 0 0 .12rem rgba(44,139,217,.18);
  outline: none;
}
thead tr.col-filter-row select {
  padding-right: 1.5rem;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpath fill='%23525c66' d='M0 0l4 6 4-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .45rem center;
  background-size: 8px 6px;
}

/* ---------- Defensive: .table-responsive should not clip sticky/fixed
   elements positioned below it. ---------- */
.table-responsive { overflow-x: auto; overflow-y: visible; }