/**
 * INFOBMS table chrome:
 * - Colored border on tables / DataTables scroll wrappers (tint via JS)
 * - Transparent borders on section/div/card wrappers
 * - Light polish for table cards + DataTables toolbar
 */

/* ── Table / scroll wrapper tint border ── */
table.table.infobms-table-border,
table.dataTable.infobms-table-border,
.dataTables_scroll.infobms-table-border {
  border: 2px solid var(--infobms-table-tint, #6366F1) !important;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
}

.dataTables_scroll.infobms-table-border {
  overflow: hidden;
}

/* When scroll wrapper is tinted, avoid a second border on the inner table */
.dataTables_scroll.infobms-table-border table.table,
.dataTables_scroll.infobms-table-border table.dataTable {
  border: none !important;
}

/* ── Strip colored borders on page wrappers (not table cells) ── */
.content-wrapper,
.content-wrapper > section.content,
section.content,
.content,
.box,
.box-header,
.box-body,
.card,
.card-header,
.card-body,
.nav-tabs-custom,
.infobms-table-card,
.infobms-table-tint {
  border-color: transparent !important;
}

.box,
.card,
.infobms-table-card {
  border-width: 0 !important;
  box-shadow: var(--shadow-card, 0 2px 8px rgba(0, 0, 0, 0.08));
  border-radius: 12px;
  overflow: visible;
}

body.dark-mode .box,
body.dark-mode .card,
body.dark-mode .infobms-table-card {
  box-shadow: var(--shadow-card, 0 2px 8px rgba(0, 0, 0, 0.4));
}

/* Keep internal table grid lines; only neutralize wrapper outlines */
section:not(.content-header),
div.box,
div.card {
  outline: none !important;
}

/* ── DataTables toolbar polish ── */
.dataTables_wrapper > .row.margin-bottom-20,
.dataTables_wrapper .row:first-child {
  align-items: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 0.5rem 0;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 0.35rem;
}

.dataTables_wrapper .dt-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  justify-content: center;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  margin-top: 0.75rem;
  padding-top: 0.25rem;
}