/*
 * #10209 — Canonical DataTables.net border reset, globally enqueued.
 *
 * Sister of the block in wcp-dt-dashboard.css — the dashboard variant is
 * scoped to pages built with cw_render_admin_dt_dashboard(). Many other
 * pages mount DataTables.net without that scaffold (admin-q4-audit,
 * admin-loa-documents, terminal-prices, sherpa-legacy, navis-connectivity,
 * container-matrix, customer-lawson-ifs, bulk-container-inquiry, …). To
 * give them the same clean single-line look as the dashboard pages, this
 * file is enqueued globally in container_workflow_enqueue_assets().
 *
 * Rules are identical so the cascade is deterministic regardless of which
 * stylesheet wins the load order.
 *
 * Single source of truth → ANY DataTables.net-initialized table on
 * termont.com inherits the canonical border treatment.
 *
 * @author Olivier RAVEAU - Oliv.Ai 🥷
 * @since  2026-05-22
 */

table.dataTable,
.dataTables_wrapper table.dataTable {
    border: none !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #e5e7eb !important;
}

table.dataTable tbody td,
table.dataTable tbody th {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #f1f3f5 !important;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 2px solid #e5e7eb !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* Hover row tint — modern alternative to the heavy grid */
table.dataTable tbody tr:hover > * {
    background-color: #f8fafc !important;
}

/* Bootstrap .table-bordered override (Tier C / D pages like terminal-prices) */
table.dataTable.table-bordered,
table.dataTable.table-bordered > :not(caption) > * > * {
    border: none !important;
}
table.dataTable.table-bordered tbody td,
table.dataTable.table-bordered tbody th {
    border-bottom: 1px solid #f1f3f5 !important;
}
table.dataTable.table-bordered thead th,
table.dataTable.table-bordered thead td {
    border-bottom: 2px solid #e5e7eb !important;
}