/* Yajra / DataTables — Floater Admin theme (Inter = Figma Admin Panel font) */
.dataTables_wrapper,
.dataTables_wrapper table.dataTable,
.dt-floater-toolbar,
.dt-floater-footer {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-size: 0.875rem;
  color: #0d0d0d;
}
.dataTables_wrapper { color: #0d0d0d; }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate { font-size: 0.875rem; color: #707070; margin-top: 1rem; }
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #d7d7d7; border-radius: 0.5rem; padding: 0.35rem 1.75rem 0.35rem 0.75rem;
  color: #0d0d0d; background: #fff; margin: 0 0.35rem;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #d7d7d7; border-radius: 0.5rem; padding: 0.5rem 0.75rem; margin-left: 0.5rem;
  color: #0d0d0d; outline: none;
}
.dataTables_wrapper .dataTables_filter input:focus { box-shadow: 0 0 0 2px #df1827; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #dfdfdf !important; border-radius: 0.5rem !important; padding: 0.4rem 0.9rem !important;
  margin: 0 0.2rem !important; background: #fff !important; color: #0d0d0d !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #f5f5f5 !important; border-color: #dfdfdf !important; color: #0d0d0d !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #df1827 !important; border-color: #df1827 !important; color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: 0.5 !important; cursor: not-allowed !important;
}
.dataTables_wrapper .dataTables_processing {
  background: rgba(255,255,255,.9); border: 1px solid #dfdfdf; border-radius: 0.5rem;
  color: #0d0d0d; box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
table.dataTable { border-collapse: collapse !important; width: 100% !important; font-size: 0.875rem !important; }
table.dataTable thead th {
  border-bottom: 1px solid #dfdfdf !important; font-weight: 600; font-size: 0.875rem; color: #0d0d0d;
  height: 3rem; padding: 0.5rem 1rem !important; background: #fff !important;
  white-space: nowrap;
  cursor: default !important;
}
/* Hide DataTables sort arrows on all admin lists */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-image: none !important;
  cursor: default !important;
}
table.dataTable thead th.sorting:before,
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:before,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:before,
table.dataTable thead th.sorting_desc:after {
  display: none !important;
  content: none !important;
}
table.dataTable tbody td {
  border-bottom: 1px solid #dfdfdf !important; padding: 0.5rem 1rem !important;
  height: 3rem; vertical-align: middle; font-size: 0.875rem; color: #0d0d0d;
}
table.dataTable.no-footer { border-bottom: 0 !important; }
table.dataTable tbody tr:hover { background: rgba(0,0,0,.02) !important; }
.dt-floater-wrap {
  border: 1px solid #dfdfdf;
  border-radius: 0.5rem;
  overflow-x: auto;
  overflow-y: visible;
  background: #fff;
  padding: 0;
}
.dt-floater-wrap .dataTables_wrapper { padding: 0; }
.dt-floater-wrap table.dataTable { margin: 0 !important; }
.dt-floater-wrap table.dataTable tbody td:last-child {
  overflow: visible;
  position: relative;
}

/*
 * scrollX clones thead into scrollHead. Independent overflow-x on the header
 * created a top scrollbar that moved only the header. Keep one scroller on
 * .dt-floater-wrap so header + body move together.
 */
.dt-floater-wrap .dataTables_scroll {
  overflow: visible !important;
  display: inline-block;
  min-width: 100%;
  vertical-align: top;
}
.dt-floater-wrap .dataTables_scrollHead,
.dt-floater-wrap .dataTables_scrollBody,
.dt-floater-wrap .dataTables_scrollHeadInner,
.dt-floater-wrap .dataTables_scrollFoot,
.dt-floater-wrap .dataTables_scrollFootInner {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* Toolbar — Figma VenueTab: left entries, right filter cluster (gap-3), equal-height */
.dt-floater-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: nowrap;
  margin-bottom: 1.5rem;
  width: 100%;
}
.dt-floater-toolbar > .flex {
  flex-shrink: 0;
  align-items: center;
}
.dt-floater-toolbar .dt-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem; /* Figma gap-3 */
  flex-wrap: nowrap;
  margin-left: auto;
  min-width: 0;
}
@media (max-width: 1100px) {
  .dt-floater-toolbar {
    flex-wrap: wrap;
  }
  .dt-floater-toolbar .dt-filters {
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}
.dt-floater-toolbar select,
.dt-floater-toolbar input[type="text"],
.dt-floater-toolbar input[type="date"],
.dt-floater-toolbar input[type="search"] {
  height: 2.5rem;
  border: 1px solid #d7d7d7;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  color: #0d0d0d;
  background: #fff;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25;
  box-sizing: border-box;
}
.dt-floater-toolbar select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  padding-right: 2rem;
  cursor: pointer;
  flex-shrink: 0;
}
.dt-floater-toolbar .dt-filters > .relative,
.dt-floater-toolbar .dt-filters > select,
.dt-floater-toolbar .dt-filters > button {
  flex-shrink: 0;
}
.dt-floater-toolbar input.dt-search-input[type="text"] {
  padding-left: 2.5rem;
  width: 12rem;
}
.dt-floater-toolbar input[type="date"] {
  min-width: 9.5rem;
  color: #0d0d0d;
}
.dt-floater-toolbar input[type="date"]:invalid,
.dt-floater-toolbar input[type="date"]:placeholder-shown {
  color: #707070;
}

/* Figma DatePickerOverlay-style fields */
.dt-date-field .dt-date-display {
  box-sizing: border-box;
  pointer-events: none;
}
.dt-date-field .dt-date-display.is-filled .dt-date-placeholder {
  color: #0d0d0d;
}
.dt-date-field:focus-within .dt-date-display {
  box-shadow: 0 0 0 2px #df1827;
}
.dt-floater-toolbar select:focus,
.dt-floater-toolbar input:focus {
  outline: none;
  box-shadow: 0 0 0 2px #df1827;
}

/* Buttons — do NOT force white on Apply (was overriding Tailwind) */
.dt-floater-toolbar button {
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}
.dt-floater-toolbar button[id$="-apply"],
.dt-floater-toolbar .dt-btn-apply {
  background: #df1827 !important;
  border: 1px solid #df1827 !important;
  color: #fff !important;
}
.dt-floater-toolbar button[id$="-apply"]:hover,
.dt-floater-toolbar .dt-btn-apply:hover {
  background: #c41520 !important;
  border-color: #c41520 !important;
}
.dt-floater-toolbar button[id$="-clear"],
.dt-floater-toolbar .dt-btn-clear {
  background: #fff !important;
  border: 1px solid #d7d7d7 !important;
  color: #0d0d0d !important;
}
.dt-floater-toolbar button[id$="-clear"]:hover,
.dt-floater-toolbar .dt-btn-clear:hover {
  background: #f5f5f5 !important;
}

.dt-hide-default .dataTables_length,
.dt-hide-default .dataTables_filter { display: none !important; }
.dt-floater-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0 0;
  flex-wrap: wrap;
  gap: 0.75rem;
}