/**
 * Tema propio de Sauco sobre Sneat
 * -------------------------------------------------------------------------
 * Este archivo vive FUERA de public/assets/sneat a proposito: si en el futuro
 * actualizas la plantilla (nueva version de Sneat, nuevo core.css, etc.) este
 * fichero no se toca ni se pisa.
 *
 * Se carga el ultimo dentro del array 'css' de app/Helpers/Load_assets.php,
 * por lo que gana en cascada tanto a los estilos de Sneat (vendor/css/core.css,
 * sneat/css/demo.css) como al CSS legacy (assets/intranet/css/custom.css).
 *
 * Como funciona:
 * Bootstrap 5.3 (que usa Sneat) expone sus colores, tipografia y radios como
 * variables CSS (custom properties) en :root. Sneat las lee en caliente desde
 * JS (window.Helpers.getCssVar en vendor/js/helpers.js, usado por js/config.js
 * y por los charts). Por eso basta con re-declarar aqui las variables que te
 * interesen: no hace falta tocar ni recompilar nada de assets/sneat, y tanto
 * el CSS como el JS de la plantilla usaran automaticamente tu valor nuevo.
 *
 * Nombres de variable confirmados contra tu vendor/css/core.css (Bootstrap
 * 5.3.3 tal y como lo compila Sneat, prefijo "--bs-" via "--prefix: bs-;").
 * Debajo, comentado, esta el valor ACTUAL de cada variable en el core.css de
 * Sneat (tal cual viene de fabrica). Descomenta y cambia el valor para
 * aplicar tu propio tema; lo que dejes comentado sigue usando el de Sneat.
 */

:root {
  /* --- Paleta principal --------------------------------------------- */
  --bs-primary: #f18e00;
  --bs-primary-rgb: 241, 142, 0;
  /* --bs-secondary: #8592a3; */
  /* --bs-success: #71dd37; */
  /* --bs-info: #03c3ec; */
  /* --bs-warning: #ffab00; */
  /* --bs-danger: #ff3e1d; */

  /* --- Tipografia ------------------------------------------------------ */
  /* --bs-body-font-family: var(--bs-font-sans-serif); */
  /* --bs-body-color: #646e78; */
  /* --bs-heading-color: #384551; */

  /* --- Fondo / bordes --------------------------------------------------- */
  /* --bs-body-bg: #f5f5f9; */
  /* --bs-border-color: #e4e6e8; */
  /* --bs-border-radius: 0.375rem; */
}

/* -------------------------------------------------------------------------
 * Ajustes puntuales de componentes Sneat (fuera de variables CSS)
 * Anade aqui reglas sueltas cuando necesites tocar algo que no sea una
 * variable (por ejemplo el alto de la navbar, el ancho del menu lateral,
 * el logo del sidebar, etc.). Mantenlo organizado por bloques con comentario.
 * ---------------------------------------------------------------------- */

/* Ajustes de datatables */
.dt-scroll-foot {
  display: none !important;
}

/* La cabecera fijada de #main-table no hereda el fondo oscuro de thead.table-dark */
thead .dtfc-fixed-left {
  background-color: #212529;
}

.dtfc-fixed-left:not(th) {
  background-color: #fff !important;
}


div.dt-container table.dataTable thead.table-dark tr>.dtfc-fixed-left,
div.dt-container table.dataTable thead.table-dark tr>.dtfc-fixed-right,
div.dt-container table.dataTable tbody.table-dark tr>.dtfc-fixed-left,
div.dt-container table.dataTable tbody.table-dark tr>.dtfc-fixed-right {
  background-color: var(--bs-dark) !important;
}

/* Ajustes datatables: fin */

#debug-bar h1 {
  line-height: 1.1;
}

.table thead tr th {
  padding-block: .8rem;
}

.table-xs thead tr th {
  padding-block: .7rem;
}

.table-xs> :not(caption)>*>* {
  padding: 0.5rem 0.9rem;
  font-size: 0.80rem;
}

.table-xs .btn {
  /* --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 0.9rem;
  --bs-btn-font-size: 0.825rem; */
}

.table-xs .form-control,
.table-xs .form-select {
  padding: 0.5rem 0.9rem;
  font-size: 0.80rem;
}