/**
 * Estilo unificado de tablas DataTables / Bootstrap (tipo CRM)
 * Alcance: contenido principal del backend (.main_container).
 * Para desactivar en una tabla concreta: class="table-legacy"
 */

.main_container table.dataTable:not(.table-legacy),
.main_container table.table.table-striped:not(.table-legacy):not(table.tile):not(table.tile_info) {
	border-collapse: separate !important;
	border-spacing: 0 !important;
	margin-bottom: 0 !important;
}

.main_container table.table.table-bordered:not(.table-legacy):not(table.tile):not(table.tile_info),
.main_container table.dataTable:not(.table-legacy).table-bordered {
	border: none !important;
}

.main_container table.dataTable:not(.table-legacy) tbody td,
.main_container table.table.table-striped:not(.table-legacy):not(table.tile):not(table.tile_info) tbody td {
	vertical-align: middle !important;
	padding: 10px 12px !important;
	font-size: 12px;
	color: #334155;
	border-color: #eef1f6 !important;
}

.main_container table.table.table-striped:not(.table-legacy):not(table.tile):not(table.tile_info) > tbody > tr:nth-of-type(odd) > td,
.main_container table.dataTable:not(.table-legacy).table-striped > tbody > tr:nth-of-type(odd) > td {
	background-color: #fafbfd !important;
}

.main_container table.table.table-striped:not(.table-legacy):not(table.tile):not(table.tile_info) > tbody > tr:nth-of-type(even) > td,
.main_container table.dataTable:not(.table-legacy).table-striped > tbody > tr:nth-of-type(even) > td {
	background-color: #ffffff !important;
}

.main_container table.table.table-hover:not(.table-legacy):not(table.tile):not(table.tile_info).table-hover > tbody > tr:hover > td,
.main_container table.dataTable:not(.table-legacy).table-hover > tbody > tr:hover > td {
	background-color: #e8eefc !important;
}

.main_container table.dataTable:not(.table-legacy) thead th,
.main_container table.table.table-striped:not(.table-legacy):not(table.tile):not(table.tile_info) thead th {
	font-family: Roboto, "Helvetica Neue", Arial, "Droid Sans", sans-serif;
	padding: 12px 14px !important;
	font-weight: 600 !important;
	border: none !important;
	border-bottom: 1px solid #dfe3f0 !important;
	background: #f0f2fa !important;
	color: #5b6475 !important;
	vertical-align: middle !important;
	font-size: 12px;
	letter-spacing: 0.04em;
}

.main_container table.table.table-bordered:not(.table-legacy):not(table.tile):not(table.tile_info) > thead > tr > th,
.main_container table.table.table-bordered:not(.table-legacy):not(table.tile):not(table.tile_info) > tbody > tr > td,
.main_container table.dataTable:not(.table-legacy).table-bordered > thead > tr > th,
.main_container table.dataTable:not(.table-legacy).table-bordered > tbody > tr > td {
	border-color: #eef1f6 !important;
}

.main_container .right_col .dataTables_wrapper:not(.no-table-shell) {
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #e5e9f2;
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.main_container .dataTables_wrapper > .row:last-child {
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-top: 1px solid #eef1f6;
	background: #fafbfc;
	padding: 10px 14px;
}

.main_container .dataTables_wrapper .dataTables_info,
.main_container .dataTables_wrapper .dataTables_length label,
.main_container .dataTables_wrapper .dataTables_filter label {
	font-size: 12px;
	color: #64748b;
}

.main_container .dataTables_wrapper .dataTables_info {
	padding-top: 6px !important;
}

.main_container .dataTables_wrapper .dataTables_paginate .pagination > li > a {
	border-radius: 6px !important;
	margin: 0 2px;
	border-color: #e2e8f0;
	color: #475569;
	padding: 5px 11px;
	background: #fff !important;
}

.main_container .dataTables_wrapper .dataTables_paginate .pagination > li.active > a,
.main_container .dataTables_wrapper .dataTables_paginate .pagination > li.active > a:focus {
	background: #3b82f6 !important;
	border-color: #3b82f6 !important;
	color: #fff !important;
}

.main_container .dataTables_wrapper .dataTables_filter input {
	border-radius: 6px !important;
	border: 1px solid #e2e8f0 !important;
	padding: 6px 10px !important;
	font-size: 12px !important;
	box-shadow: none !important;
}

.main_container .dataTables_wrapper .dataTables_filter input:focus {
	border-color: #93c5fd !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

.main_container table.table:not(.table-legacy) .label,
.main_container table.dataTable:not(.table-legacy) .label {
	border-radius: 4px;
	font-weight: 600;
	font-size: 11px;
	padding: 4px 8px;
}

.main_container table.dataTable:not(.table-legacy) th.focus,
.main_container table.dataTable:not(.table-legacy) td.focus {
	outline: 2px solid rgba(37, 87, 214, 0.35) !important;
	outline-offset: -1px;
}