/* Datatable cards (Users, Machine Makes, Machine Models): light and dark mode */

/* ── Dropdown overflow fix (global) ──────────────────────────────────────────
   .table-responsive has overflow:auto which can clip fixed-position dropdowns.
   Applies to ALL tables site-wide (datatable-card AND plain cards like /admin/sites).
   The JS in app-layout.js adds/removes .dropdown-overflow-visible on show/hide.
   ──────────────────────────────────────────────────────────────────────────── */
.table-responsive .dropdown-menu { z-index: 1055; }
.table-responsive.dropdown-overflow-visible { overflow: visible !important; }

.datatable-card .card-header { border-bottom: 1px solid rgba(0,0,0,.08); }
.datatable-card .card-footer { border-top: 1px solid rgba(0,0,0,.08); }
.datatable-table thead th { border-bottom: 1px solid rgba(0,0,0,.12); font-weight: 600; }
.datatable-table tbody td { border-top: 1px solid rgba(0,0,0,.06); vertical-align: middle; }
.datatable-table tbody tr:hover { background: rgba(0,0,0,.03); }
/* Dark mode: solid card and table so items are clearly visible */
body.dark-mode .datatable-card,
body.dark-mode .adminuiux-card.datatable-card {
  background: #1e2126 !important;
  color: #e4e6eb !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
body.dark-mode .datatable-card .card-body { background: #1e2126 !important; color: #e4e6eb !important; }
body.dark-mode .datatable-card .card-header {
  border-bottom-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  color: #e4e6eb !important;
}
body.dark-mode .datatable-card .card-header .text-secondary { color: rgba(255,255,255,.65) !important; }
body.dark-mode .datatable-card .card-footer {
  border-top-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.02) !important;
}
body.dark-mode .datatable-card .card-footer .text-secondary { color: rgba(255,255,255,.65) !important; }
body.dark-mode .datatable-card .table-responsive { color: #e4e6eb; }
body.dark-mode .datatable-table { color: #e4e6eb; background: transparent !important; }
body.dark-mode .datatable-table thead th {
  border-bottom-color: rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.85) !important;
  background: rgba(255,255,255,.04) !important;
}
body.dark-mode .datatable-table tbody td {
  border-top-color: rgba(255,255,255,.08) !important;
  color: #e4e6eb !important;
  background: transparent !important;
}
body.dark-mode .datatable-table tbody td p,
body.dark-mode .datatable-table tbody td .mb-0 { color: inherit !important; }
body.dark-mode .datatable-table tbody td .text-secondary,
body.dark-mode .datatable-table tbody td .small { color: rgba(255,255,255,.65) !important; }
body.dark-mode .datatable-table tbody tr:hover td { background: rgba(255,255,255,.06) !important; }
body.dark-mode .datatable-table .text-muted,
body.dark-mode .datatable-table td.text-muted { color: rgba(255,255,255,.6) !important; }
body.dark-mode .datatable-table .avatar.bg-theme-1-subtle { background: rgba(27,58,140,.3) !important; }
body.dark-mode .datatable-table .avatar.text-theme-1 span { color: #7b9fef !important; }
body.dark-mode .datatable-table .badge { color: #fff !important; }
body.dark-mode .datatable-card .form-control,
body.dark-mode .datatable-card .form-select {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: #e4e6eb !important;
}
body.dark-mode .datatable-card .form-control::placeholder { color: rgba(255,255,255,.4); }
body.dark-mode .datatable-card .input-group-text {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: rgba(255,255,255,.8) !important;
}
body.dark-mode .datatable-card .dropdown-menu {
  background: #25282c !important;
  border-color: rgba(255,255,255,.15) !important;
}
body.dark-mode .datatable-card .dropdown-item { color: #e4e6eb !important; }
body.dark-mode .datatable-card .dropdown-item:hover { background: rgba(255,255,255,.1) !important; color: #fff !important; }
body.dark-mode .datatable-card .dropdown-item.text-danger { color: #f87171 !important; }
body.dark-mode .datatable-card .btn-link.text-secondary { color: rgba(255,255,255,.7) !important; }
body.dark-mode .datatable-card .btn-link.text-secondary:hover { color: #fff !important; }
body.dark-mode .datatable-card .pagination .page-link { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: #e4e6eb; }
body.dark-mode .datatable-card .pagination .page-item.active .page-link { background: #1B3A8C; border-color: #1B3A8C; color: #fff; }
body.dark-mode .datatable-card .pagination .page-item.disabled .page-link { color: rgba(255,255,255,.4); background: transparent; }
body.dark-mode .datatable-card .card-footer .text-muted { color: rgba(255,255,255,.45) !important; }