/* ============================================================
   Turing ERP v2 — Shim AdminLTE → v2
   ============================================================
   Deja que las 44 vistas existentes (modales Bootstrap 3, .box,
   small-box, callouts, labels, tablas DataTables, etc.) se vean
   con el look v2 SIN tocar su markup. Convive con AdminLTE hasta
   que cada vista sea migrada. Retirable en el PR final.
   ============================================================ */

/* ---- Contenedor principal ------------------------------- */
.wrapper { background: transparent !important; min-height: auto !important; }
.content-wrapper { background: var(--bg-app) !important; min-height: auto !important; }
.content-header { padding: 20px 24px 0 !important; background: transparent !important; }
.content-header > h1 {
  font-size: var(--fs-display) !important;
  line-height: var(--lh-display) !important;
  letter-spacing: var(--ls-display) !important;
  font-weight: 600 !important;
  color: var(--fg-1) !important;
  margin: 0 0 2px !important;
}
.content-header > h1 > small {
  display: block;
  font-size: 13px !important;
  color: var(--fg-3) !important;
  font-weight: 400 !important;
  margin-top: 4px !important;
}
.content-header > .breadcrumb {
  position: static !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
  font-size: 12.5px !important;
  color: var(--fg-3) !important;
  border-radius: 0 !important;
}
.content-header > .breadcrumb > li + li:before { color: var(--fg-4); }
.content-header > .breadcrumb a { color: var(--fg-3); }
.content-header > .breadcrumb .active { color: var(--fg-1); font-weight: 550; }
.content { padding: 16px 24px 40px !important; background: transparent !important; }

/* ---- Box (tarjeta AdminLTE) ---------------------------- */
.box {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-top: 1px solid var(--border) !important;
  border-radius: var(--r-3) !important;
  box-shadow: var(--sh-xs) !important;
  margin-bottom: 16px !important;
}
.box-header {
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--divider) !important;
  color: var(--fg-1) !important;
}
.box-header.with-border { border-bottom: 1px solid var(--divider) !important; }
.box-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fg-1) !important;
  margin: 0 !important;
}
.box-body { padding: 14px !important; color: var(--fg-1) !important; background: var(--bg-surface) !important; border-radius: 0 0 var(--r-3) var(--r-3) !important; }
.box-footer {
  padding: 10px 14px !important;
  border-top: 1px solid var(--divider) !important;
  background: var(--bg-subtle) !important;
  color: var(--fg-3) !important;
  font-size: 12px !important;
}
.box.box-primary { border-top-color: var(--accent) !important; }
.box.box-success { border-top-color: var(--success) !important; }
.box.box-warning { border-top-color: var(--warning) !important; }
.box.box-danger  { border-top-color: var(--danger)  !important; }
.box.box-info    { border-top-color: var(--info)    !important; }
.box.box-solid > .box-header { background: var(--bg-subtle) !important; color: var(--fg-1) !important; }
.box-tools > .btn-box-tool { color: var(--fg-3) !important; background: transparent !important; }
.box-tools > .btn-box-tool:hover { color: var(--fg-1) !important; }

/* ---- Botones Bootstrap 3 → tokens v2 -------------------
   Nota: display NO lleva !important para que inline style="display:none"
   pueda ocultar botones sin tener que añadir [hidden] o clases aparte. */
.btn {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  letter-spacing: -.005em !important;
  border-radius: var(--r-2) !important;
  padding: 0 12px !important;
  height: var(--input-h) !important;
  line-height: calc(var(--input-h) - 2px) !important;
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: background .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease !important;
}
.btn.btn-sm, .btn-sm { height: var(--row-h-sm) !important; line-height: calc(var(--row-h-sm) - 2px) !important; padding: 0 10px !important; font-size: 12.5px !important; }
.btn.btn-xs, .btn-xs { height: 24px !important; line-height: 22px !important; padding: 0 8px !important; font-size: 11.5px !important; }
.btn.btn-lg, .btn-lg { height: var(--input-h-lg) !important; line-height: calc(var(--input-h-lg) - 2px) !important; padding: 0 16px !important; font-size: 14px !important; }

.btn-primary, .btn-primary:focus {
  background: var(--accent) !important;
  color: #fff !important;
  border: 1px solid var(--accent) !important;
  box-shadow: var(--sh-xs), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.btn-primary:hover, .btn-primary.hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
  color: #fff !important;
}
.btn-primary:active, .btn-primary.active { background: var(--accent-pressed) !important; border-color: var(--accent-pressed) !important; }

.btn-default, .btn-default:focus {
  background: var(--bg-surface) !important;
  color: var(--fg-1) !important;
  border: 1px solid var(--border-strong) !important;
  box-shadow: var(--sh-xs) !important;
}
.btn-default:hover { background: var(--bg-hover) !important; color: var(--fg-1) !important; }

.btn-success, .btn-success:focus { background: var(--success) !important; border: 1px solid var(--success) !important; color: #fff !important; }
.btn-success:hover { filter: brightness(.92); }

.btn-warning, .btn-warning:focus { background: var(--warning) !important; border: 1px solid var(--warning) !important; color: #fff !important; }
.btn-warning:hover { filter: brightness(.92); }

.btn-danger, .btn-danger:focus  { background: var(--danger) !important; border: 1px solid var(--danger) !important; color: #fff !important; }
.btn-danger:hover { filter: brightness(.92); }

.btn-info, .btn-info:focus { background: var(--info) !important; border: 1px solid var(--info) !important; color: #fff !important; }
.btn-info:hover { filter: brightness(.92); }

.btn-flat { border-radius: var(--r-2) !important; box-shadow: none !important; }
.btn[disabled], .btn.disabled { opacity: .5 !important; cursor: not-allowed !important; }

/* ---- Formularios Bootstrap 3 --------------------------- */
.form-control {
  width: 100% !important;
  height: var(--input-h) !important;
  padding: 0 10px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  color: var(--fg-1) !important;
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--r-2) !important;
  box-shadow: none !important;
  transition: border-color .12s ease, box-shadow .12s ease, background .12s ease !important;
}
.form-control::placeholder { color: var(--fg-4) !important; }
.form-control:focus {
  border-color: var(--accent) !important;
  box-shadow: var(--sh-ring) !important;
  outline: none !important;
}
textarea.form-control { height: auto !important; padding: 8px 10px !important; min-height: 72px !important; }
select.form-control { padding-right: 28px !important; appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%236b6e7a' stroke-width='1.5' fill='none'/></svg>") !important; background-repeat: no-repeat !important; background-position: right 10px center !important; }
.form-group { margin-bottom: 12px !important; }
.control-label { font-size: 12px !important; font-weight: 500 !important; color: var(--fg-2) !important; }
.help-block { font-size: 11.5px !important; color: var(--fg-3) !important; }
.has-error .form-control { border-color: var(--danger) !important; }
.has-error .help-block, .has-error .control-label { color: var(--danger-ink) !important; }

.input-group { display: flex !important; }
.input-group-addon {
  background: var(--bg-subtle) !important;
  border: 1px solid var(--border-strong) !important;
  border-right: 0 !important;
  color: var(--fg-3) !important;
  font-size: 12.5px !important;
  padding: 0 10px !important;
  display: flex !important;
  align-items: center !important;
  border-radius: var(--r-2) 0 0 var(--r-2) !important;
}
.input-group .form-control { border-radius: 0 var(--r-2) var(--r-2) 0 !important; }
.input-group-btn .btn { border-radius: 0 var(--r-2) var(--r-2) 0 !important; }

/* ---- Tablas (AdminLTE + DataTables) ------------------- */
.table { background: var(--bg-surface) !important; font-size: 12.5px !important; color: var(--fg-1) !important; }
.table > thead > tr > th {
  background: var(--bg-subtle) !important;
  border-bottom: 1px solid var(--border) !important;
  border-top: 0 !important;
  color: var(--fg-3) !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  padding: 8px 10px !important;
  white-space: nowrap !important;
}
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 10px !important;
  border-top: 1px solid var(--divider) !important;
  color: var(--fg-1) !important;
  vertical-align: middle !important;
}
.table-hover > tbody > tr:hover { background: var(--bg-hover) !important; }
.table-bordered { border: 1px solid var(--border) !important; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td { border: 1px solid var(--divider) !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: var(--bg-subtle) !important; }
/* Wrapper del datatable: ocupa 100% del contenedor, sin desbordar.
   datatables.net-bs envuelve el header (length + filter) y el footer
   (info + pagination) en <div class="row"> de Bootstrap, que añade
   margin-left/right: -15px y genera un scroll horizontal innecesario.
   Neutralizamos esos márgenes negativos. */
.dataTables_wrapper{ width: 100%; max-width: 100%; overflow-x: hidden; }
.dataTables_wrapper > .row{ margin-left: 0 !important; margin-right: 0 !important; }
.dataTables_wrapper > .row > [class*="col-"]{ padding-left: 0 !important; padding-right: 0 !important; }
.table-responsive{ overflow-x: auto; overflow-y: visible; -webkit-overflow-scrolling: touch; border: 0; margin-bottom: 0; }
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select { border: 1px solid var(--border-strong) !important; border-radius: var(--r-2) !important; padding: 4px 8px !important; font-size: 12.5px !important; background: var(--bg-surface) !important; color: var(--fg-1) !important; height: 30px !important; box-sizing: border-box !important; }
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus { border-color: var(--accent) !important; outline: 0 !important; box-shadow: var(--sh-ring) !important; }
/* Anchos compactos para que "Mostrar N registros" y "Buscar" no
   generen scroll horizontal en la cabecera del datatable. */
.dataTables_wrapper .dataTables_filter input[type="search"]{ width: 180px !important; max-width: 100%; margin-left: 6px !important; }
.dataTables_wrapper .dataTables_length select{ width: 64px !important; padding-right: 4px !important; }
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length{ font-size: 12.5px; color: var(--fg-3); }
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label{ display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 500; }
@media (max-width: 560px){
  .dataTables_wrapper .dataTables_filter input[type="search"]{ width: 140px !important; }
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length{ float: none !important; text-align: left !important; margin: 4px 0; }
}
.dataTables_wrapper .dataTables_info { color: var(--fg-3) !important; font-size: 12px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 3px 10px !important;
  border-radius: var(--r-2) !important;
  font-size: 12.5px !important;
  border: 1px solid transparent !important;
  color: var(--fg-2) !important;
  background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: var(--accent-soft) !important;
  color: var(--accent-ink) !important;
  border-color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--bg-hover) !important; border-color: transparent !important; color: var(--fg-1) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { color: var(--fg-4) !important; background: transparent !important; }

/* ---- Labels / badges Bootstrap 3 ---------------------- */
.label {
  display: inline-flex !important;
  align-items: center !important;
  height: 20px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  border-radius: var(--r-pill) !important;
  border: 1px solid transparent !important;
}
.label-default { background: var(--bg-hover) !important; color: var(--fg-2) !important; border-color: var(--border) !important; }
.label-primary { background: var(--accent-soft) !important; color: var(--accent-ink) !important; }
.label-success { background: var(--success-soft) !important; color: var(--success-ink) !important; }
.label-info    { background: var(--info-soft)    !important; color: var(--info-ink)    !important; }
.label-warning { background: var(--warning-soft) !important; color: var(--warning-ink) !important; }
.label-danger  { background: var(--danger-soft)  !important; color: var(--danger-ink)  !important; }
.badge {
  background: var(--fg-3) !important;
  color: #fff !important;
  border-radius: var(--r-pill) !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 550 !important;
}

/* ---- Small-box (stat tiles del dashboard) -------------- */
.small-box {
  position: relative !important;
  border-radius: var(--r-3) !important;
  overflow: hidden !important;
  box-shadow: var(--sh-xs) !important;
  margin-bottom: 16px !important;
  border: 1px solid var(--border) !important;
  background: var(--bg-surface) !important;
  color: var(--fg-1) !important;
  display: block !important;
  padding: 14px 16px 40px !important;
  min-height: 108px !important;
}
.small-box > .inner { padding: 0 !important; color: var(--fg-1) !important; }
.small-box > .inner h3 {
  font-family: var(--font-mono) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  color: var(--fg-1) !important;
  line-height: 1.1 !important;
  margin: 0 0 4px !important;
  font-variant-numeric: tabular-nums !important;
}
.small-box > .inner p { font-size: 11.5px !important; font-weight: 500 !important; color: var(--fg-3) !important; margin: 0 !important; letter-spacing: .01em !important; }
.small-box > .icon {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--r-2) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 16px !important;
  color: #fff !important;
  opacity: 1 !important;
  background: var(--accent) !important;
}
.small-box > .icon > i { color: #fff !important; font-size: 16px !important; opacity: 1 !important; }
.small-box > .small-box-footer {
  position: absolute !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: var(--bg-subtle) !important;
  color: var(--fg-3) !important;
  padding: 8px 16px !important;
  font-size: 11.5px !important;
  text-align: left !important;
  border-top: 1px solid var(--divider) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.small-box > .small-box-footer:hover { color: var(--fg-1) !important; background: var(--bg-hover) !important; }

/* Mapear los "bg-*" de AdminLTE al icono coloreado */
.small-box.bg-aqua    > .icon { background: var(--info) !important; }
.small-box.bg-green   > .icon,
.small-box.bg-green-gradient > .icon { background: var(--success) !important; }
.small-box.bg-yellow  > .icon,
.small-box.bg-orange  > .icon { background: var(--warning) !important; }
.small-box.bg-red     > .icon,
.small-box.bg-maroon  > .icon { background: var(--danger) !important; }
.small-box.bg-blue    > .icon,
.small-box.bg-teal    > .icon,
.small-box.bg-light-blue > .icon { background: var(--chart-5) !important; }
.small-box.bg-purple  > .icon,
.small-box.bg-fuchsia > .icon { background: var(--chart-6) !important; }
.small-box.bg-olive   > .icon,
.small-box.bg-lime    > .icon { background: var(--chart-2) !important; }

/* ---- Info-box ----------------------------------------- */
.info-box {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-3) !important;
  box-shadow: var(--sh-xs) !important;
  min-height: 80px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.info-box-icon { background: var(--accent-soft) !important; color: var(--accent-ink) !important; }
.info-box-content { padding: 10px 14px !important; color: var(--fg-1) !important; }
.info-box-text { color: var(--fg-3) !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .02em !important; font-weight: 550 !important; }
.info-box-number { font-family: var(--font-mono) !important; font-size: 20px !important; font-weight: 500 !important; color: var(--fg-1) !important; font-variant-numeric: tabular-nums !important; }

/* ---- Callouts ----------------------------------------- */
.callout {
  border-radius: var(--r-2) !important;
  border-left: 3px solid !important;
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
  background: var(--bg-surface) !important;
  color: var(--fg-1) !important;
}
.callout.callout-info    { border-left-color: var(--info)    !important; background: var(--info-soft)    !important; color: var(--info-ink)    !important; }
.callout.callout-success { border-left-color: var(--success) !important; background: var(--success-soft) !important; color: var(--success-ink) !important; }
.callout.callout-warning { border-left-color: var(--warning) !important; background: var(--warning-soft) !important; color: var(--warning-ink) !important; }
.callout.callout-danger  { border-left-color: var(--danger)  !important; background: var(--danger-soft)  !important; color: var(--danger-ink)  !important; }
.callout h4 { margin-top: 0 !important; font-weight: 600 !important; font-size: 13px !important; }

/* ---- Modal Bootstrap 3 (reestilado al v2) ------------- */
.modal-backdrop, .modal-backdrop.in { background: rgba(10,14,39,.45) !important; opacity: 1 !important; backdrop-filter: blur(4px) !important; }
.modal-content {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--r-5) !important;
  box-shadow: var(--sh-lg) !important;
  color: var(--fg-1) !important;
}
.modal-header {
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--divider) !important;
  background: transparent !important;
  border-top-left-radius: var(--r-5) !important;
  border-top-right-radius: var(--r-5) !important;
}
.modal-header .modal-title { font-size: 15px !important; font-weight: 600 !important; color: var(--fg-1) !important; }
.modal-header .close {
  color: var(--fg-3) !important;
  opacity: 1 !important;
  font-size: 20px !important;
  text-shadow: none !important;
  margin-top: -2px !important;
}
.modal-header .close:hover { color: var(--fg-1) !important; }
.modal-body { padding: 18px !important; }
.modal-footer {
  padding: 12px 18px !important;
  border-top: 1px solid var(--divider) !important;
  background: var(--bg-subtle) !important;
  border-bottom-left-radius: var(--r-5) !important;
  border-bottom-right-radius: var(--r-5) !important;
}

/* ---- Nav-tabs / nav-pills ----------------------------- */
.nav-tabs { border-bottom: 1px solid var(--border) !important; }
.nav-tabs > li > a {
  color: var(--fg-3) !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  padding: 8px 14px !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
.nav-tabs > li > a:hover { color: var(--fg-1) !important; background: var(--bg-hover) !important; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--accent-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid var(--accent) !important;
  font-weight: 600 !important;
}
.nav-tabs-custom { box-shadow: none !important; border-radius: var(--r-3) !important; border: 1px solid var(--border) !important; background: var(--bg-surface) !important; }
.nav-tabs-custom > .nav-tabs { border-bottom: 1px solid var(--border) !important; padding: 0 8px !important; }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: transparent !important; }
.nav-tabs-custom > .tab-content { padding: 14px !important; }

/* ---- Pagination Bootstrap 3 --------------------------- */
.pagination > li > a, .pagination > li > span {
  color: var(--fg-2) !important;
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  padding: 4px 10px !important;
  font-size: 12.5px !important;
}
.pagination > .active > a, .pagination > .active > span {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

/* ---- Dropdowns BS3 ------------------------------------ */
.dropdown-menu {
  border: 1px solid var(--border) !important;
  border-radius: var(--r-3) !important;
  box-shadow: var(--sh-md) !important;
  background: var(--bg-surface) !important;
  padding: 4px !important;
  margin-top: 4px !important;
}
.dropdown-menu > li > a {
  color: var(--fg-1) !important;
  padding: 6px 10px !important;
  border-radius: var(--r-2) !important;
  font-size: 13px !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: var(--bg-hover) !important; color: var(--fg-1) !important; }
.dropdown-menu > .divider { background: var(--divider) !important; margin: 4px 0 !important; }

/* ---- Alert BS3 ---------------------------------------- */
.alert {
  padding: 10px 12px !important;
  border-radius: var(--r-2) !important;
  border: 1px solid transparent !important;
  font-size: 12.5px !important;
}
.alert-success { background: var(--success-soft) !important; color: var(--success-ink) !important; }
.alert-warning { background: var(--warning-soft) !important; color: var(--warning-ink) !important; }
.alert-danger  { background: var(--danger-soft)  !important; color: var(--danger-ink)  !important; }
.alert-info    { background: var(--info-soft)    !important; color: var(--info-ink)    !important; }

/* ---- Select2 (mantener con look v2) ------------------- */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  height: var(--input-h) !important;
  border: 1px solid var(--border-strong) !important;
  border-radius: var(--r-2) !important;
  background: var(--bg-surface) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--fg-1) !important; line-height: var(--input-h) !important; padding: 0 10px !important; font-size: 13px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: var(--input-h) !important; top: 0 !important; right: 4px !important; }
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--accent) !important; box-shadow: var(--sh-ring) !important; }
.select2-dropdown { border: 1px solid var(--border) !important; border-radius: var(--r-3) !important; box-shadow: var(--sh-md) !important; background: var(--bg-surface) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--accent) !important; color: #fff !important; }
.select2-container--default .select2-results__option[aria-selected=true] { background: var(--accent-soft) !important; color: var(--accent-ink) !important; }

/* ---- DateRangePicker ---------------------------------- */
.daterangepicker { border: 1px solid var(--border) !important; border-radius: var(--r-3) !important; box-shadow: var(--sh-md) !important; background: var(--bg-surface) !important; color: var(--fg-1) !important; font-family: inherit !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background: var(--accent) !important; color: #fff !important; }
.daterangepicker .ranges li.active { background: var(--accent) !important; color: #fff !important; }

/* ---- Utilidades AdminLTE que sobreviven --------------- */
.text-muted { color: var(--fg-3) !important; }
.text-primary { color: var(--accent-ink) !important; }
.text-success { color: var(--success-ink) !important; }
.text-warning { color: var(--warning-ink) !important; }
.text-danger  { color: var(--danger-ink)  !important; }
.text-info    { color: var(--info-ink)    !important; }

/* ---- Ocultar chrome AdminLTE de vistas legacy --------- */
/* Las vistas que aún renderizan .main-header/.main-sidebar/.main-footer
   desde dentro del módulo (no desde el shell) quedan ocultas. Los
   header/menu/footer nuevos viven en el shell .rail y .topbar. */
.content-wrapper > .main-header,
.content-wrapper > .main-sidebar,
.content-wrapper > .main-footer { display: none !important; }