/* Liquidaciones v3 (beta) · clon independiente de liquidaciones-v2.css (2026-10-21). Tabla: estilos de la v2. Interfaz: capa "UI v3" al final. */
.slim-mainpanel > .liquidaciones-v2-shell {
  width: 100%;
  max-width: none;
  padding-left: 12px;
  padding-right: 12px;
}

.liquidaciones-v2-shell .liquidaciones-v2-section {
  width: 100%;
}

.liquidaciones-v2-card {
  width: 100%;
  max-width: none;
  overflow: hidden;
  border: 1px solid #dfe3e8;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .06);
  background: #fff;
}

.liquidaciones-v2-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 14px 18px;
  background: #f8fafc;
  border-bottom: 1px solid #eceff3;
}

.liquidaciones-v2-card-header > i {
  flex: 0 0 auto;
}

.liquidaciones-v2-card-title {
  color: #2b2f36;
  font-weight: 700;
  line-height: 1.2;
}

.liquidaciones-v2-card-subtitle {
  margin-top: 2px;
  color: #6b7280;
  font-size: 12px;
}

.liquidaciones-v2-card-body {
  padding: 16px 18px 12px;
}

.liquidaciones-v2-table-shell {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.liquidaciones-v2-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.liquidaciones-v2-table-wrap .dataTables_wrapper,
#liquidaciones {
  width: 100% !important;
}

.liquidaciones-v2-table-wrap .dataTables_wrapper {
  overflow: visible;
}

.liquidaciones-v2-table-wrap .dataTables_filter input {
  width: 220px;
  max-width: 100%;
}

.liquidaciones-v2-table-wrap .dataTables_length,
.liquidaciones-v2-table-wrap .dt-length {
  display: none !important;
}

.liquidaciones-v2-table-wrap .dataTables_filter,
.liquidaciones-v2-table-wrap .dt-search {
  margin: 0 0 8px;
  text-align: right;
}

.liquidaciones-v2-table-wrap .dataTables_filter label,
.liquidaciones-v2-table-wrap .dt-search label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 600;
}

.liquidaciones-v2-table-wrap .dt-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.liquidaciones-v2-table-wrap div.dt-buttons .dt-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 30px;
  padding: .25rem .5rem;
  line-height: 1;
}

.liquidaciones-v2-table-wrap .dt-button i {
  font-size: 20px;
}

.liquidaciones-v2-processing {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b7280;
  font-size: 13px;
  font-weight: 600;
}

.liquidaciones-v2-table-wrap .dt-processing,
.liquidaciones-v2-table-wrap .dataTables_processing {
  z-index: 2;
  padding: 8px 12px;
  border: 1px solid #dfe3e8;
  border-radius: 6px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}

#liquidaciones thead th {
  background: #dfe4ea;
  color: #2b2f36;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle;
}

#liquidaciones tbody td {
  vertical-align: middle;
}

.liquidaciones-v2-timing {
  padding: 4px 18px 8px;
  color: #a3a3a3;
  font-size: 12px;
  font-weight: 400;
}

#liquidaciones th,
#liquidaciones td {
  white-space: nowrap;
}

.liquidaciones-v2-filter-panel {
  display: none;
  margin: 10px 0 12px;
  padding: 12px 14px;
  border: 1px solid #d6dce3;
  border-radius: 5px;
  background: #f5f7f9;
}

.liquidaciones-v2-filter-panel.is-open {
  display: block;
}

.liquidaciones-v2-filter-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  color: #3f4b59;
  font-weight: 600;
}

.liquidaciones-v2-filter-heading small {
  color: #7a8490;
  font-weight: 400;
}

.liquidaciones-v2-filter-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 10px;
}

.liquidaciones-v2-filter-field span {
  display: block;
  margin-bottom: 4px;
  color: #65717e;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.liquidaciones-v2-filter-multi {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 5px 7px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background: #fff;
}

.liquidaciones-v2-filter-check {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 3px 7px;
  border: 1px solid #d9e0e7;
  border-radius: 12px;
  background: #f7f9fb;
  color: #475569;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.liquidaciones-v2-filter-check:has(input:checked) {
  border-color: #0d6efd;
  background: #eaf3ff;
  color: #0d6efd;
}

.liquidaciones-v2-filter-check.is-special {
  border-color: #f1c40f;
  background: #fff9db;
  color: #8a6d00;
}

.liquidaciones-v2-filter-check.is-special:has(input:checked) {
  border-color: #d39e00;
  background: #fff0b3;
  color: #705600;
}

.liquidaciones-v2-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 900px) {
  .liquidaciones-v2-filter-fields {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 520px) {
  .liquidaciones-v2-filter-fields {
    grid-template-columns: 1fr;
  }

  .liquidaciones-v2-filter-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }
}

@media (max-width: 767.98px) {
  .slim-mainpanel > .liquidaciones-v2-shell {
    padding-left: 7px;
    padding-right: 7px;
  }

  .liquidaciones-v2-card-header,
  .liquidaciones-v2-card-body {
    padding-left: 12px;
    padding-right: 12px;
  }

  .liquidaciones-v2-card-header .fa-3x {
    font-size: 2.25em;
  }

  .liquidaciones-v2-table-wrap .dataTables_filter,
  .liquidaciones-v2-table-wrap .dataTables_filter input,
  .liquidaciones-v2-table-wrap .dt-search,
  .liquidaciones-v2-table-wrap .dt-search input {
    width: 100%;
  }

  .liquidaciones-v2-timing {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Lenguaje visual compartido con Mi Portal: la tabla mantiene sus columnas
   administrativas, pero usa los mismos colores semánticos para sus montos. */
#liquidaciones thead th {
  background: #fff;
  color: #55636f;
  border-bottom: 1px solid #dfe5eb;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .03em;
  padding-top: 12px;
  padding-bottom: 12px;
  white-space: normal !important;
  line-height: 1.15;
}

/* DataTables 2 envuelve el texto en estos elementos flex. Si conservan
   white-space: nowrap, las cabeceras compactas se salen de su columna. */
#liquidaciones thead th .dt-column-header,
#liquidaciones thead th .dt-column-title {
  white-space: normal !important;
  line-height: 1.15;
}

#liquidaciones tbody tr {
  transition: background-color .15s ease;
}

#liquidaciones tbody tr:hover {
  background: #f8fbfe;
}

#liquidaciones tbody td {
  color: #354452;
  font-size: 13.5px;
  padding-top: 12px;
  padding-bottom: 12px;
}

#liquidaciones tfoot th {
  background: #f7f9fb;
  color: #55636f;
  font-size: 19px;
  font-weight: 800;
  padding: 16px 12px;
  border-top: 2px solid #dfe5eb;
}

#liquidaciones tfoot th.tx-right {
  text-align: right;
  font-size: 21px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#liquidaciones tfoot th.col-recaudado {
  color: #1678d3;
}

#liquidaciones tfoot th.col-comision {
  color: #c62828;
}

#liquidaciones tfoot th.col-otros {
  color: #996f09;
}

#liquidaciones tfoot th.col-liquidado {
  color: #198664;
}

.liq-ciclo {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 6px;
  overflow: hidden;
}

.liq-ciclo-icon {
  flex: 0 0 auto;
  font-size: 24px;
}

.liq-ciclo-alerta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: #8a5d00;
  cursor: help;
  font-size: 18px;
  line-height: 1;
}

.liq-ciclo-text {
  min-width: 0;
  overflow: hidden;
  color: #1b2b3a;
  font-size: 14.5px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.liq-titular-badge {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 3px 11px;
  border-radius: 999px;
  background: #f1f4f8;
  color: #4a5a6a;
  font-size: 12px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.liq-monto {
  font-variant-numeric: tabular-nums;
  font-size: 14.5px;
  font-weight: 600;
  white-space: nowrap;
}

.liq-monto.is-arriendo {
  color: #687786;
}

.liq-monto.is-recaudado {
  color: #1678d3;
}

.liq-monto.is-comision {
  color: #c62828;
}

.liq-monto.is-descuento {
  color: #996f09;
}

.liq-monto.is-liquidado {
  color: #198664;
  font-size: 15.5px;
}

.liquidaciones-v2-table-wrap .dt-search,
.liquidaciones-v2-table-wrap .dataTables_filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.liquidaciones-v2-table-wrap .dt-search label,
.liquidaciones-v2-table-wrap .dataTables_filter label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
}

.liquidaciones-v2-table-wrap .pr-dt-lupa {
  flex: 0 0 auto;
  font-size: 20px;
}

.liquidaciones-v2-table-wrap .dt-button,
.liquidaciones-v2-table-wrap div.dt-buttons .dt-button {
  border: 1px solid #d7dee6;
  border-radius: 5px;
  background: #fff;
  color: #55636f;
  box-shadow: none;
}

.liquidaciones-v2-table-wrap .dt-button:hover,
.liquidaciones-v2-table-wrap div.dt-buttons .dt-button:hover {
  border-color: #9cccf5;
  background: #eef6fe;
  color: #1565c0;
}

.liquidaciones-v2-table-wrap div.dt-buttons .dt-button.btn-excel-v2 {
  color: #1d6f42;
}

.liquidaciones-v2-table-wrap div.dt-buttons .dt-button.btn-banco-chile-v2 {
  color: #8a6d00;
}

.liquidaciones-v2-table-wrap .dt-button.btn-pagelen {
  color: #55636f;
}

.liquidaciones-v2-table-wrap .dataTables_info,
.liquidaciones-v2-table-wrap .dt-info {
  color: #767676;
  font-size: 12px;
}

.liquidaciones-v2-table-wrap .dataTables_paginate,
.liquidaciones-v2-table-wrap .dt-paging {
  float: none;
  margin-top: 0;
  padding-top: 0;
  text-align: right;
}

.liquidaciones-v2-table-wrap .dt-paging-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  margin: 0 3px !important;
  padding: 0 8px !important;
  border: 1px solid #d8e2ec !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #5d6b79 !important;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;
  box-shadow: none !important;
}

.liquidaciones-v2-table-wrap .dt-paging-button:hover:not(.disabled):not([disabled]) {
  border-color: #b9cee0 !important;
  background: #f1f6fb !important;
  color: #174f85 !important;
}

.liquidaciones-v2-table-wrap .dt-paging-button.current,
.liquidaciones-v2-table-wrap button.dt-paging-button.current {
  border-color: #1565c0 !important;
  background: #1565c0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.liquidaciones-v2-table-wrap .dt-paging-button.disabled,
.liquidaciones-v2-table-wrap .dt-paging-button[disabled] {
  cursor: default;
  opacity: .4;
}

.liquidaciones-v2-table-wrap .dt-layout-row:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 50px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #edf1f5;
}

.liquidaciones-v2-table-wrap .dt-layout-cell {
  min-width: 0;
}

.liquidaciones-v2-table-wrap .dt-layout-cell.dt-layout-start {
  flex: 1 1 auto;
}

.liquidaciones-v2-table-wrap .dt-layout-cell.dt-layout-end {
  flex: 0 0 auto;
  margin-left: auto;
}

/* DataTables mantiene solo las columnas visibles en el DOM final. */
#liquidaciones th.col-sel,
#liquidaciones td.col-sel {
  width: 34px !important;
  min-width: 34px;
  max-width: 34px;
}

#liquidaciones th.col-ciclo,
#liquidaciones td.col-ciclo {
  width: 175px !important;
  min-width: 175px;
  max-width: 175px;
}

#liquidaciones th.col-titular,
#liquidaciones td.col-titular {
  width: auto !important;
  min-width: 0;
}

#liquidaciones th.col-recaudado,
#liquidaciones td.col-recaudado {
  width: 90px !important;
  min-width: 90px;
  max-width: 90px;
}

#liquidaciones th.col-comision,
#liquidaciones td.col-comision {
  width: 90px !important;
  min-width: 90px;
  max-width: 90px;
}

#liquidaciones th.col-otros,
#liquidaciones td.col-otros {
  width: 108px !important;
  min-width: 108px;
  max-width: 108px;
}

#liquidaciones th.col-liquidado,
#liquidaciones td.col-liquidado {
  width: 95px !important;
  min-width: 95px;
  max-width: 95px;
}

#liquidaciones th.col-accion,
#liquidaciones td.col-accion {
  width: 96px !important;
  min-width: 96px;
  max-width: 96px;
}

#liquidaciones th.col-grupo-v2,
#liquidaciones td.col-grupo-v2 {
  width: 58px !important;
  min-width: 58px;
  max-width: 58px;
}

/* Banco es opcional y aparece antes de Grupo. Sus anchos se fijan por clase
   para que la regla genérica de la novena columna no lo deje en 70 px cuando
   se activa desde el selector de visibilidad. */
#liquidaciones th.col-banco-v2,
#liquidaciones td.col-banco-v2 {
  width: 120px !important;
  min-width: 120px;
  max-width: 120px;
}

#liquidaciones th.col-grupo-v2,
#liquidaciones td.col-grupo-v2 {
  width: 58px !important;
  min-width: 58px;
  max-width: 58px;
  text-align: center;
}

#liquidaciones td.col-banco-v2 {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Cuando Banco se activa, se reserva un ancho compacto para que Banco y Grupo
   sigan dentro del viewport; cuando se oculta, TITULAR vuelve a crecer con el
   espacio libre de la tabla. */
#liquidaciones.con-banco-v2 th.col-titular,
#liquidaciones.con-banco-v2 td.col-titular {
  width: 255px !important;
  min-width: 255px;
  max-width: 255px;
}

/* Acción contiene cuatro iconos. Se compactan dentro de su celda para que
   el último no invada la columna Grupo. Los espacios heredados del markup
   quedan sin ancho y cada icono mantiene su tamaño visual. */
#liquidaciones tbody td.col-accion {
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  font-size: 0;
  overflow: hidden;
}

#liquidaciones tbody td.col-accion > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
  font-size: 0;
  line-height: 1;
  vertical-align: middle;
}

#liquidaciones tbody td.col-accion > span:last-child {
  margin-right: 0;
}

#liquidaciones tbody td.col-accion a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.liquidaciones-v2-table-wrap .paginate_button,
.liquidaciones-v2-table-wrap .dt-paging-button {
  border-radius: 7px !important;
}

@media (max-width: 575px) {
  .liquidaciones-v2-table-wrap .dt-layout-row:last-child {
    align-items: center;
  }

  .liquidaciones-v2-table-wrap .dt-layout-cell.dt-layout-end {
    width: auto;
    margin-left: auto;
    text-align: right;
  }

  .liquidaciones-v2-table-wrap .dt-paging {
    text-align: right;
  }
}

/* Acciones masivas: mismo lenguaje de Mi Portal (botones pill, tipografia
   limpia y jerarquia clara), separado de la grilla para que el cierre de la
   pagina no parezca otro bloque de la tabla. */
.liquidaciones-v2-bulkbar {
  margin-top: 16px;
  padding: 16px 18px;
  border: 1px solid #e4eaf0;
  border-radius: 12px;
  background: linear-gradient(135deg, #f8fafc 0%, #f3f7fb 100%);
}

.liquidaciones-v2-bulkbar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.liquidaciones-v2-bulkbar-title {
  color: #1b2b3a;
  font-size: 14px;
  font-weight: 700;
}

.liquidaciones-v2-bulkbar-title i {
  margin-right: 6px;
  font-size: 18px;
}

.liquidaciones-v2-bulkbar-subtitle {
  margin-top: 3px;
  color: #67788a;
  font-size: 12px;
}

.liquidaciones-v2-selected-count {
  flex: 0 0 auto;
  padding: 5px 11px;
  border: 1px solid #cfe3ec;
  border-radius: 999px;
  background: #fff;
  color: #41606f;
  font-size: 12px;
  font-weight: 700;
}

.liquidaciones-v2-bulkbar-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(420px, 1.6fr);
  gap: 18px;
  align-items: end;
}

.liquidaciones-v2-visibility,
.liquidaciones-v2-bulk-actions {
  min-width: 0;
}

.liquidaciones-v2-visibility label,
.liquidaciones-v2-actions-label {
  display: block;
  margin-bottom: 5px;
  color: #55636f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.liquidaciones-v2-visibility label i {
  margin-right: 5px;
  font-size: 15px;
}

.liquidaciones-v2-visibility select {
  min-height: 38px;
  border-radius: 8px;
  color: #354452;
  font-size: 13px;
  font-weight: 600;
}

.liquidaciones-v2-visibility small {
  display: block;
  margin-top: 6px;
  color: #67788a;
  font-size: 11px;
  line-height: 1.35;
}

.liquidaciones-v2-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.liquidaciones-v2-bulk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.liquidaciones-v2-bulk-btn i {
  font-size: 16px;
}

.liquidaciones-v2-bulk-btn.is-primary {
  border-color: #b9d8f4;
  background: #fff;
  color: #1565c0;
}

.liquidaciones-v2-bulk-btn.is-primary:hover {
  border-color: #1b84e7;
  background: #eaf3ff;
}

.liquidaciones-v2-bulk-btn.is-danger {
  border-color: #efc5c5;
  background: #fff;
  color: #b32626;
}

.liquidaciones-v2-bulk-btn.is-danger:hover {
  border-color: #c62828;
  background: #fff0f0;
}

.liquidaciones-v2-bulk-btn.is-solid {
  border-color: #1b84e7;
  background: #1b84e7;
  color: #fff;
  box-shadow: 0 2px 5px rgba(27, 132, 231, .18);
}

.liquidaciones-v2-bulk-btn.is-solid:hover {
  border-color: #146abb;
  background: #146abb;
  color: #fff;
}

.liquidaciones-v2-modal-lead {
  margin-bottom: 12px;
  color: #354452;
  font-size: 14px;
  font-weight: 600;
}

#formeditselect .modal-header,
#formdeleteselect .modal-header {
  border-radius: 12px 12px 0 0;
}

#formeditselect .modal-content,
#formdeleteselect .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 12px 35px rgba(15, 23, 42, .18);
}

#formeditselect .modal-footer,
#formdeleteselect .modal-footer {
  gap: 8px;
}

#formeditselect .modal-footer .btn,
#formdeleteselect .modal-footer .btn,
#formeditselect .modal-body .form-control {
  border-radius: 999px;
}

#formeditselect .modal-footer .btn,
#formdeleteselect .modal-footer .btn {
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .liquidaciones-v2-bulkbar-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 520px) {
  .liquidaciones-v2-bulkbar {
    padding: 14px 12px;
  }

  .liquidaciones-v2-bulkbar-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .liquidaciones-v2-action-buttons,
  .liquidaciones-v2-bulk-btn {
    width: 100%;
  }
}

/* =====================================================================================
   UI v3 (2026-10-21) — encabezado, buscador, botones y modales con el estilo de
   Proveedores / Control Pagos. La tabla (#liquidaciones) conserva los estilos de la v2.
   Todo va acotado a body.lq3-page para no afectar otras páginas.
   ===================================================================================== */
.lq3-page {
  --lq3-line: #dfe7ee;
  --lq3-soft: #f4f8fb;
  --lq3-ink: #26364d;
  --lq3-muted: #607487;
  --lq3-teal: #0b5d78;
}

.lq3-page .slim-mainpanel > .lq3-shell {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

/* --- Encabezado --- */
.lq3-page .lq3-beta {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: #dc3545;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1;
}

.lq3-page .lq3-version {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid var(--lq3-line);
  border-radius: 999px;
  background: #fff;
  color: var(--lq3-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.lq3-page .pr-pagehead-title {
  font-size: var(--pr-pagehead-title-size);
}

/* --- Avisos --- */
.lq3-page .lq3-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid;
  font-size: 15px;
  font-weight: 600;
}

.lq3-page .lq3-alert i { font-size: 20px; }
.lq3-page .lq3-alert.is-success { background: #e2f5e9; border-color: #b9e3c8; color: #197044; }
.lq3-page .lq3-alert.is-danger { background: #fdecea; border-color: #f5c2bd; color: #a12a1f; }

/* --- Tarjetas --- */
.lq3-page .lq3-card,
.lq3-page .liquidaciones-v2-card.lq3-card {
  background: #fff;
  border: 1px solid var(--lq3-line);
  border-radius: 12px;
  box-shadow: 0 3px 12px rgba(28, 59, 83, .06);
}

.lq3-page .lq3-section { margin-top: 0; }

.lq3-page .lq3-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  background: var(--lq3-soft);
  border-bottom: 1px solid var(--lq3-line);
}

.lq3-page .lq3-card-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.lq3-page .lq3-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  line-height: 1;
}

.lq3-page .lq3-card-header h2 {
  margin: 0;
  color: var(--lq3-ink);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.2;
}

.lq3-page .lq3-card-header small {
  display: block;
  margin-top: 3px;
  color: var(--lq3-muted);
  font-size: 14px;
}

/* --- Buscador --- */
.lq3-page .lq3-search-card {
  margin-bottom: 14px;
  padding: 12px 16px;
}

.lq3-page .lq3-search-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.lq3-page .lq3-search-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border: 1px solid #e7ecf3;
  border-radius: 9px;
  background: #edf7fb;
  font-size: 15px;
}

.lq3-page .lq3-search-head h2 {
  margin: 0;
  color: var(--lq3-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
}

.lq3-page .lq3-filters-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(280px, 1.8fr) auto;
  gap: 8px 10px;
  align-items: end;
}

.lq3-page .lq3-f { min-width: 0; margin: 0; }

.lq3-page .lq3-f label {
  display: block;
  margin: 0 0 3px;
  color: #5b6b7b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.lq3-page .lq3-f .form-control,
.lq3-page .lq3-f .custom-select {
  height: 44px;
  border: 1px solid #d5dee8;
  border-radius: 10px;
  color: var(--lq3-ink);
  font-size: 15px;
}

.lq3-page .lq3-f .form-control:focus,
.lq3-page .lq3-f .custom-select:focus {
  border-color: #5fc3e4;
  box-shadow: 0 0 0 3px rgba(95, 195, 228, .25);
}

.lq3-page .lq3-f-actions {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.lq3-page .pr-ghost-btn i { font-size: 17px; }

/* --- Barra de botones de la tabla (DataTables) --- */
.lq3-page .liquidaciones-v2-table-wrap .dt-buttons { gap: 8px; margin-bottom: 10px; }

.lq3-page .liquidaciones-v2-table-wrap .dt-button,
.lq3-page .liquidaciones-v2-table-wrap div.dt-buttons .dt-button {
  min-height: 38px;
  padding: 0 14px;
  gap: 8px;
  border: 1px solid #d5dee8;
  border-radius: 11px;
  background: #fff;
  color: #2b4a63;
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.lq3-page .liquidaciones-v2-table-wrap .dt-button:hover,
.lq3-page .liquidaciones-v2-table-wrap div.dt-buttons .dt-button:hover,
.lq3-page .liquidaciones-v2-table-wrap div.dt-buttons .dt-button:focus {
  border-color: #b9e0ed;
  background: #eef7fb;
  color: var(--lq3-teal);
  transform: translateY(-1px);
  outline: none;
}

.lq3-page .liquidaciones-v2-table-wrap .dt-button i { font-size: 18px; }
.lq3-page .liquidaciones-v2-table-wrap div.dt-buttons .dt-button.btn-excel-v2 { color: #1d6f42; }
.lq3-page .liquidaciones-v2-table-wrap div.dt-buttons .dt-button.btn-banco-chile-v2 { color: #8a6d00; }
.lq3-page .liquidaciones-v2-table-wrap div.dt-buttons .dt-button.btn-split-v2 { color: #6b2d8a; }

.lq3-page .liquidaciones-v2-table-wrap .dt-search input,
.lq3-page .liquidaciones-v2-table-wrap .dataTables_filter input {
  height: 40px;
  padding: 0 14px;
  border: 1px solid #d5dee8;
  border-radius: 999px;
  font-size: 14px;
}

/* --- Acciones sobre seleccionados --- */
.lq3-page .liquidaciones-v2-bulkbar {
  border-color: var(--lq3-line);
  background: #fff;
  box-shadow: 0 3px 12px rgba(28, 59, 83, .06);
}

.lq3-page .liquidaciones-v2-bulkbar-title { color: var(--lq3-ink); font-size: 17px; font-weight: 800; }
.lq3-page .liquidaciones-v2-bulkbar-subtitle { color: var(--lq3-muted); font-size: 13px; }

.lq3-page .liquidaciones-v2-selected-count {
  padding: 6px 12px;
  border-color: #bfe3ef;
  background: #eaf6fb;
  color: #035f7d;
  font-size: 13px;
}

.lq3-page .liquidaciones-v2-visibility select {
  height: 44px;
  border-radius: 10px;
}

.lq3-page .liquidaciones-v2-action-buttons { gap: 10px; }
.lq3-page .lq3-btn { height: 44px; text-decoration: none; }
.lq3-page .lq3-btn:hover { text-decoration: none; }

.lq3-page .pr-ghost-btn.is-danger { border-color: #f3c3c0; color: #a12a1f; }
.lq3-page .pr-ghost-btn.is-danger:hover,
.lq3-page .pr-ghost-btn.is-danger:focus { background: #fdecea; border-color: #eaa29b; color: #8c1d13; }

.lq3-page .lq3-danger-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 20px 0 6px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #e5484d 0%, #a12a1f 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(161, 42, 31, .28);
  transition: transform .15s ease, box-shadow .15s ease;
}

.lq3-page .lq3-danger-btn:hover,
.lq3-page .lq3-danger-btn:focus { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(161, 42, 31, .36); outline: none; }
.lq3-page .lq3-danger-btn .pr-search-btn-icon i { --fa-primary-color: #fff; --fa-secondary-color: #ffd0cc; --fa-secondary-opacity: 1; }

/* --- Modales (mismo estilo que Proveedores / Control Pagos) --- */
.lq3-page .lq3-modal .modal-content {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(21, 45, 62, .28);
  overflow: hidden;
}

.lq3-page .lq3-modal .modal-header {
  align-items: center;
  padding: 20px 26px;
  background: var(--lq3-soft);
  border-bottom: 1px solid #dce8ed;
}

.lq3-page .lq3-modal.is-danger .modal-header { background: #fdf1f0; border-bottom-color: #f5d3cf; }

.lq3-page .lq3-modal .modal-header h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: var(--lq3-ink);
  font-size: 24px;
  font-weight: 800;
}

.lq3-page .lq3-modal .close { font-size: 32px; line-height: 1; color: var(--lq3-muted); opacity: 1; }
.lq3-page .lq3-modal .modal-body { padding: 24px 26px; color: #415266; font-size: 16px; line-height: 1.55; }
.lq3-page .lq3-modal .modal-body label { color: var(--lq3-ink); font-size: 15px; font-weight: 700; }
.lq3-page .lq3-modal .modal-body .form-control { height: 46px; border-radius: 10px; font-size: 15px; }
.lq3-page .lq3-modal .modal-footer { gap: 10px; padding: 16px 26px; border-top: 1px solid #e3edf1; }

.lq3-page .lq3-modal-lead,
.lq3-page .lq3-modal .liquidaciones-v2-modal-lead {
  margin: 0 0 18px;
  color: var(--lq3-ink);
  font-size: 18px;
  font-weight: 600;
}

.lq3-page .lq3-how-body ul { margin: 0; padding-left: 20px; }
.lq3-page .lq3-how-body li { margin-bottom: 12px; }
.lq3-page .lq3-how-body li:last-child { margin-bottom: 0; }

/* --- Responsive --- */
@media (max-width: 991px) {
  .lq3-page .slim-mainpanel > .lq3-shell { padding-left: 12px; padding-right: 12px; }
  .lq3-page .lq3-filters-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lq3-page .lq3-f-actions { grid-column: 1 / -1; justify-content: stretch; }
  .lq3-page .lq3-f-actions > * { flex: 1 1 auto; justify-content: center; }
}

@media (max-width: 575px) {
  .lq3-page .lq3-filters-row { grid-template-columns: 1fr; }
  .lq3-page .lq3-card-header { padding: 14px 16px; }
  .lq3-page .lq3-card-header h2 { font-size: 18px; }
  .lq3-page .lq3-modal .modal-header h2 { font-size: 20px; }
}

/* =====================================================================================
   UI v3 · iteración 2 (2026-10-21): buscador por propietario y ciclos, indicadores,
   acciones de fila y detalle "sin liquidar".
   ===================================================================================== */

/* --- Select2 dentro del buscador (mismo look que los campos) --- */
.lq3-page .lq3-f .select2-container { width: 100% !important; }
.lq3-page .lq3-f .select2-container--default .select2-selection--single,
.lq3-page .lq3-f .select2-container--default .select2-selection--multiple {
  min-height: 44px;
  border: 1px solid #d5dee8;
  border-radius: 10px;
  background: #fff;
}
.lq3-page .lq3-f .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
  padding-left: 12px;
  color: var(--lq3-ink);
  font-size: 15px;
}
.lq3-page .lq3-f .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.lq3-page .lq3-f .select2-container--default .select2-selection--multiple { padding: 3px 8px; }
.lq3-page .lq3-f .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 4px;
  padding: 3px 10px;
  border: 1px solid #9fd3e6;
  border-radius: 999px;
  background: #eaf6fb;
  color: #0b5d78;
  font-size: 13px;
  font-weight: 700;
}
.lq3-page .lq3-f .select2-container--default.select2-container--focus .select2-selection--multiple,
.lq3-page .lq3-f .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #5fc3e4;
  box-shadow: 0 0 0 3px rgba(95, 195, 228, .25);
}
.lq3-page .select2-dropdown { border-color: #d5dee8; border-radius: 10px; overflow: hidden; }
.lq3-page .select2-results__option { font-size: 14px; }
.lq3-page .select2-container--default .select2-results__option--highlighted[aria-selected] { background: #0b5d78; }

/* --- Atajos de ciclos --- */
.lq3-page .lq3-quick { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.lq3-page .lq3-quick-label { color: #5b6b7b; font-size: 12px; font-weight: 700; margin-right: 2px; }
.lq3-page .lq3-chip {
  height: 30px;
  padding: 0 12px;
  border: 1px solid #d5dee8;
  border-radius: 999px;
  background: #fff;
  color: #2b4a63;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.lq3-page .lq3-chip:hover,
.lq3-page .lq3-chip:focus { background: #eef7fb; border-color: #b9e0ed; color: var(--lq3-teal); outline: none; }
.lq3-page .lq3-quick-hint { margin-left: 6px; font-size: 13px; color: var(--lq3-muted); }
.lq3-page .lq3-quick-hint.is-error { color: #a12a1f; font-weight: 700; }

/* --- Indicadores (mismo patrón que las métricas de Proveedores) --- */
.lq3-page .lq3-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
@media (min-width: 1700px) { .lq3-page .lq3-metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.lq3-page .lq3-metric {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid var(--lq3-line);
  border-left-width: 4px;
  border-left-color: var(--lq3-line);
  border-radius: 16px;
  box-shadow: 0 3px 12px rgba(28, 59, 83, .06);
}
.lq3-page .lq3-metric.is-ok { border-left-color: #3fae6a; }
.lq3-page .lq3-metric.is-warn { border-left-color: #e0a526; }
.lq3-page .lq3-metric.is-bad { border-left-color: #d9534f; }
.lq3-page .lq3-metric.is-bad .lq3-metric-main > strong { color: #a8322a; }
.lq3-page .lq3-metric.is-link { cursor: pointer; transition: box-shadow .15s ease, transform .15s ease; }
.lq3-page .lq3-metric.is-link:hover,
.lq3-page .lq3-metric.is-link:focus-visible { box-shadow: 0 6px 18px rgba(16, 42, 67, .14); transform: translateY(-1px); outline: none; }
.lq3-page .lq3-metric-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border: 1px solid #e7ecf3;
  border-radius: 14px;
  font-size: 26px;
}
.lq3-page .lq3-metric-main { flex: 1; min-width: 0; text-align: right; }
.lq3-page .lq3-metric-main > strong {
  display: block;
  color: var(--lq3-ink);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lq3-page .lq3-metric-main > small {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  margin-top: 4px;
  color: #607487;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.15;
}
.lq3-page .lq3-metric-sub { display: block; margin-top: 3px; color: var(--lq3-muted); font-size: 12.5px; line-height: 1.3; }
.lq3-page .lq3-metric-help {
  margin-left: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: #8a90a2;
  font-size: 15px;
  line-height: 1;
  cursor: help;
}
.lq3-page .lq3-metric-help:hover,
.lq3-page .lq3-metric-help:focus { color: #64748b; outline: none; }
.lq3-page .lq3-up { color: #197044; font-weight: 700; }
.lq3-page .lq3-down { color: #a8322a; font-weight: 700; }
.lq3-page .lq3-skeleton {
  display: inline-block;
  width: 70%;
  height: 24px;
  border-radius: 8px;
  background: linear-gradient(90deg, #eef2f6 25%, #f7f9fb 50%, #eef2f6 75%);
  background-size: 200% 100%;
  animation: lq3-shimmer 1.2s infinite linear;
}
@keyframes lq3-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }

/* --- Acciones de fila --- */
.lq3-page .lq3-row-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 1px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: none;
  color: #1b84e7;
  font-size: 17px;
  cursor: pointer;
}
.lq3-page .lq3-row-btn.is-visible { color: #ffa500; }
.lq3-page .lq3-row-btn.is-danger { color: #6b7280; }
.lq3-page .lq3-row-btn:hover,
.lq3-page .lq3-row-btn:focus { border-color: #d5dee8; background: #f3f6f9; outline: none; }
.lq3-page .lq3-row-btn.is-danger:hover { border-color: #f3c3c0; background: #fdecea; color: #a12a1f; }
.lq3-page .lq3-row-btn[disabled] { opacity: .5; cursor: wait; }

/* --- Detalle "sin liquidar" --- */
.lq3-page .lq3-mini-table { margin: 0; font-size: 14px; }
.lq3-page .lq3-mini-table thead th { border-top: 0; color: #5b6b7b; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.lq3-page .lq3-mini-table td { vertical-align: middle; color: var(--lq3-ink); }
.lq3-page .lq3-mini-link { font-weight: 700; color: var(--lq3-teal); white-space: nowrap; }
.lq3-page .lq3-modal-note { margin: 14px 0 0; color: var(--lq3-muted); font-size: 13px; }

/* --- Popover estándar amarillo (mismo de Control Pagos) --- */
.pt-standard-popover { border: 1px solid #e5e7eb !important; border-radius: 14px !important; box-shadow: 0 4px 4px rgba(15, 0, 0, .10) !important; background: #fff !important; max-width: 320px; font-size: 15px; }
.pt-standard-popover .popover-header { background: #ffef85 !important; color: #1f2937 !important; border-bottom: 1px solid #e5e7eb !important; border-top-left-radius: 14px !important; border-top-right-radius: 14px !important; padding: 10px 14px !important; font-size: 14px; font-weight: 700; }
.pt-standard-popover .popover-body { background: #fffbed !important; color: #374151 !important; line-height: 1.45; padding: 12px 14px !important; border-bottom-left-radius: 14px !important; border-bottom-right-radius: 14px !important; }

@media (max-width: 991px) {
  .lq3-page .lq3-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .lq3-page .lq3-filters-row { grid-template-columns: 1fr; }
  .lq3-page .lq3-metrics { grid-template-columns: 1fr; }
  .lq3-page .lq3-metric-main > strong { font-size: 22px; }
}

/* =====================================================================================
   UI v3 · iteración 3 (2026-10-21): indicadores + gráfico en una franja, buscador debajo,
   textos más grandes en indicadores y en el nombre del titular.
   ===================================================================================== */
.lq3-page .lq3-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(360px, 1fr);
  gap: 12px;
  align-items: stretch;
  margin-bottom: 14px;
}
.lq3-page .lq3-overview .lq3-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  margin-bottom: 0;
}
@media (min-width: 1700px) {
  .lq3-page .lq3-overview .lq3-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Indicadores compactos, con textos más legibles */
.lq3-page .lq3-overview .lq3-metric { padding: 10px 14px; gap: 10px; align-items: center; }
.lq3-page .lq3-overview .lq3-metric-icon { width: 42px; height: 42px; min-width: 42px; border-radius: 12px; font-size: 22px; align-self: flex-start; margin-top: 2px; }
.lq3-page .lq3-overview .lq3-metric-main > strong { font-size: 27px; }
.lq3-page .lq3-overview .lq3-metric-main > small { margin-top: 3px; font-size: 16.5px; color: #4d6176; }
.lq3-page .lq3-overview .lq3-metric-sub { margin-top: 3px; font-size: 14.5px; line-height: 1.32; color: #52677a; }
.lq3-page .lq3-metric-help { font-size: 16px; }

/* Gráfico (mismo diseño que "Ingresos liquidados" del Directorio v2) */
.lq3-page .lq3-chart-card { display: flex; flex-direction: column; padding: 12px 16px 10px; min-width: 0; }
.lq3-page .lq3-chart-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.lq3-page .lq3-chart-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lq3-page .lq3-chart-icon { font-size: 30px; line-height: 1; }
.lq3-page .lq3-chart-title h2 { margin: 0; color: var(--lq3-ink); font-size: 19px; font-weight: 800; line-height: 1.2; }
.lq3-page .lq3-chart-title small { display: block; margin-top: 2px; color: var(--lq3-muted); font-size: 14px; }
.lq3-page .lq3-chart-tools { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: 8px 0 6px; }
.lq3-page .lq3-seg { display: inline-flex; padding: 3px; border: 1px solid #d5dee8; border-radius: 999px; background: #f4f8fb; }
.lq3-page .lq3-seg button { height: 30px; padding: 0 12px; border: 0; border-radius: 999px; background: none; color: #52677a; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.lq3-page .lq3-seg button.is-active { background: #0b5d78; color: #fff; box-shadow: 0 2px 6px rgba(11, 93, 120, .25); }
.lq3-page .lq3-seg button:focus-visible { outline: 3px solid #b9e0ed; outline-offset: 1px; }
.lq3-page .lq3-mini-btn { height: 34px; padding: 0 14px; font-size: 14px; }

.lq3-page .lq3-bars { display: flex; flex: 1 1 auto; align-items: flex-end; gap: 6px; min-height: 170px; padding-top: 4px; }
.lq3-page .lq3-bar { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; gap: 5px; min-width: 0; height: 100%; }
.lq3-page .lq3-bar-col { display: flex; flex: 1; align-items: flex-end; width: 100%; max-width: 56px; min-height: 90px; overflow: hidden; border-radius: 10px; background: #f1f4f7; }
.lq3-page .lq3-bar-col i { display: block; width: 100%; border-radius: 10px 10px 0 0; background: #98a6b3; }
.lq3-page .lq3-bar-col i.is-teal { background: linear-gradient(180deg, #1d8aa8, #0b5d78); }
.lq3-page .lq3-bar-col i.is-sel { background: linear-gradient(180deg, #2fb380, #17643c); }
.lq3-page .lq3-bar-col i.is-prom { background: repeating-linear-gradient(135deg, #f0b44d 0 8px, #e59a00 8px 16px); }
.lq3-page .lq3-bar-val { color: #10263a; font-size: 14.5px; font-weight: 800; text-align: center; white-space: nowrap; }
.lq3-page .lq3-bar-lbl { min-height: 34px; color: #52677a; font-size: 13.5px; line-height: 1.2; text-align: center; }
.lq3-page .lq3-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 2px; color: #52677a; font-size: 12.5px; }
.lq3-page .lq3-legend span { display: inline-flex; align-items: center; gap: 6px; }
.lq3-page .lq3-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.lq3-page .lq3-legend i.is-teal { background: #0b5d78; }
.lq3-page .lq3-legend i.is-sel { background: #17643c; }
.lq3-page .lq3-legend i.is-prom { background: repeating-linear-gradient(135deg, #f0b44d 0 4px, #e59a00 4px 8px); }
.lq3-page .lq3-empty { margin: auto; color: var(--lq3-muted); font-size: 15px; }
.lq3-page .lq3-skeleton-chart { width: 100%; height: 150px; border-radius: 12px; }
.lq3-page .lq3-row-prom td { background: #fff8e8; font-style: italic; }

/* Buscador debajo de la franja de indicadores */
.lq3-page .lq3-overview + .lq3-search-card { margin-top: 0; }

/* Nombre del titular más grande en la tabla (solo v3) */
.lq3-page .liq-titular-badge { padding: 4px 12px; color: #2f3f50; font-size: 14.5px; font-weight: 500; }

@media (max-width: 1199px) {
  .lq3-page .lq3-overview { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .lq3-page .lq3-overview .lq3-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .lq3-page .lq3-overview .lq3-metrics { grid-template-columns: 1fr; }
  .lq3-page .lq3-bar-val { font-size: 12.5px; }
  .lq3-page .lq3-bar-lbl { font-size: 12px; }
}

/* =====================================================================================
   UI v3 · iteración 4 (2026-10-21): selectores con buscador y casillas, etiquetas
   quitables, íconos de acción alineados, pill del titular con tono y modales anchos.
   ===================================================================================== */
.lq3-page .lq3-native { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.lq3-page .lq3-f { position: relative; }
.lq3-page .lq3-flabel { display: block; margin: 0 0 3px; color: #5b6b7b; font-size: 12px; font-weight: 700; line-height: 1.2; }

/* Selector (mismo aspecto que el de ejecutivos de Visitas de arriendo) */
.lq3-page .lq3-pick { position: relative; }
.lq3-page .lq3-pick-btn {
  display: flex; align-items: center; gap: 10px; width: 100%; height: 48px; padding: 6px 14px 6px 8px;
  border: 1px solid #cfd9e4; border-radius: 12px; background: #fff; color: #10263a; text-align: left; cursor: pointer;
}
.lq3-page .lq3-pick-btn:hover,
.lq3-page .lq3-pick-btn:focus { border-color: #7fb8cc; box-shadow: 0 0 0 3px rgba(11, 93, 120, .12); outline: none; }
.lq3-page .lq3-pick-btn.is-on { border-color: #0b5d78; background: #f2f9fc; }
.lq3-page .lq3-pick-ico { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-width: 34px; border-radius: 50%; background: #e3f1f6; font-size: 16px; }
.lq3-page .lq3-pick-ico i { --fa-primary-color: #0b5d78; --fa-secondary-color: #5fc3e4; --fa-secondary-opacity: 1; }
.lq3-page .lq3-pick-txt { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; line-height: 1.2; }
.lq3-page .lq3-pick-txt b { overflow: hidden; font-size: 15.5px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.lq3-page .lq3-pick-txt small { overflow: hidden; color: #718096; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.lq3-page .lq3-pick-caret { color: #52677a; font-size: 13px; }
.lq3-page .lq3-pick-menu {
  position: absolute; z-index: 1060; top: calc(100% + 6px); left: 0; width: 100%; min-width: 320px; max-width: 520px;
  display: flex; flex-direction: column; max-height: 460px; padding: 0;
  background: #fff; border: 1px solid #d5dee8; border-radius: 14px; box-shadow: 0 14px 34px rgba(16, 38, 58, .16); overflow: hidden;
}
.lq3-page .lq3-pick-menu[hidden] { display: none; }
.lq3-page .lq3-pick-search { position: relative; padding: 10px 10px 6px; }
.lq3-page .lq3-pick-search i { position: absolute; top: 50%; left: 24px; transform: translateY(-30%); color: #8aa0b2; font-size: 14px; }
.lq3-page .lq3-pick-search .form-control { height: 40px; padding-left: 38px; border: 1px solid #d5dee8; border-radius: 10px; font-size: 14.5px; }
.lq3-page .lq3-pick-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 14px 6px; color: #718096; font-size: 12.5px; }
.lq3-page .lq3-pick-bar button { margin-left: 10px; padding: 0; border: 0; background: none; color: #0b5d78; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.lq3-page .lq3-pick-bar button:hover { text-decoration: underline; }
.lq3-page .lq3-pick-list { flex: 1 1 auto; overflow: auto; padding: 0 6px 6px; }
.lq3-page .lq3-pick-grupo { padding: 8px 10px 4px; color: #7a8b9b; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.lq3-page .lq3-pick-opt { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0; padding: 7px 10px; border-radius: 10px; color: #10263a; cursor: pointer; }
.lq3-page .lq3-pick-opt:hover,
.lq3-page .lq3-pick-opt:focus-within { background: #eef6fa; }
.lq3-page .lq3-pick-opt input { width: 18px; height: 18px; flex: 0 0 18px; accent-color: #0b5d78; }
.lq3-page .lq3-pick-opt:has(input:checked) { background: #e3f1f6; }
.lq3-page .lq3-pick-opt.is-especial { margin-bottom: 4px; border: 1px dashed #b9e0ed; }
.lq3-page .lq3-pick-opt.is-off { opacity: .5; cursor: not-allowed; }
.lq3-page .lq3-pick-otxt { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.lq3-page .lq3-pick-otxt b { overflow: hidden; font-size: 14.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.lq3-page .lq3-pick-otxt small { overflow: hidden; color: #718096; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.lq3-page .lq3-pick-empty { margin: 14px; color: #718096; font-size: 14px; text-align: center; }
.lq3-page .lq3-pick-foot { display: flex; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid #e3edf1; background: #fff; }

/* Etiquetas de lo elegido: la ✕ quita */
.lq3-page .lq3-chipsbar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.lq3-page .lq3-chipsbar[hidden] { display: none; }
.lq3-page .lq3-tag {
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 4px 0 10px;
  border: 1px solid #9fd3e6; border-radius: 999px; background: #eaf6fb; color: #0b5d78; font-size: 13px; font-weight: 700;
}
.lq3-page .lq3-tag.is-prop { border-color: #c4b5fd; background: #f3efff; color: #5b21b6; }
.lq3-page .lq3-tag.is-mas { padding-right: 10px; border-style: dashed; }
.lq3-page .lq3-tag i { font-size: 13px; }
.lq3-page .lq3-tag button {
  display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0;
  border: 0; border-radius: 50%; background: rgba(11, 93, 120, .10); color: inherit; font-size: 16px; line-height: 1; cursor: pointer;
}
.lq3-page .lq3-tag button:hover,
.lq3-page .lq3-tag button:focus { background: #a8322a; color: #fff; outline: none; }
.lq3-page .lq3-tag-clear { padding: 0 6px; border: 0; background: none; color: #a12a1f; font-size: 13px; font-weight: 700; cursor: pointer; }
.lq3-page .lq3-tag-clear:hover { text-decoration: underline; }

/* Íconos de acción: cajas iguales y alineadas */
.lq3-page #liquidaciones tbody td.col-accion { overflow: visible; }
.lq3-page .lq3-row-actions { display: inline-flex !important; align-items: center; gap: 2px; font-size: 0; }
.lq3-page .lq3-row-state,
.lq3-page .lq3-row-btn {
  display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 0; padding: 0;
  border: 1px solid transparent; border-radius: 8px; background: none; font-size: 16px; line-height: 1; vertical-align: middle;
}
.lq3-page .lq3-row-state { color: #9aa5b1; cursor: help; }
.lq3-page .lq3-row-state.is-on { color: #1f6d43; }
.lq3-page .lq3-row-state i,
.lq3-page .lq3-row-btn i { display: block; font-size: 16px; line-height: 1; }
.lq3-page .lq3-row-detail { display: inline-flex; }

/* Pill del titular con tono */
.lq3-page .liq-titular-badge { border: 1px solid #bfe3ef; background: #e8f4fa; color: #0b4f66; font-weight: 600; }

/* Modales anchos (la versión de Bootstrap de la intranet no trae modal-xl) */
.lq3-page .lq3-modal .modal-xl { max-width: min(1240px, 96vw); }
.lq3-page .lq3-mini-table th,
.lq3-page .lq3-mini-table td { white-space: nowrap; }
.lq3-page .lq3-mini-table td:nth-child(2) { white-space: normal; }

@media (max-width: 991px) {
  .lq3-page .lq3-pick-menu { max-width: none; min-width: 0; }
}
.lq3-page #liquidaciones td.col-accion { width: 132px !important; min-width: 132px; max-width: 132px; }
/* Las opciones del selector son <label>: anulan la regla de etiquetas del buscador */
.lq3-page .lq3-f label.lq3-pick-opt { display: flex; margin: 0; color: #10263a; font-size: inherit; font-weight: 400; line-height: 1.2; }

/* =====================================================================================
   UI v3 · iteración 5 (2026-10-21): acciones con el encuadre de Cartolas (38 px), un solo
   ojo que muestra y cambia la visibilidad, y Grupo en pill.
   ===================================================================================== */
.lq3-page #liquidaciones td.col-accion { width: 100px !important; min-width: 100px; max-width: 100px; }
.lq3-page .lq3-row-actions { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; font-size: 0; }
.lq3-page .lq3-act {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; margin: 0; padding: 0;
  border: 1px solid #dde5ec; border-radius: 10px; background: #fff;
  box-shadow: 0 1px 2px rgba(16, 42, 67, .06); cursor: pointer; line-height: 1;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.lq3-page .lq3-act i { display: block; font-size: 18px; line-height: 1; }
.lq3-page .lq3-act:hover,
.lq3-page .lq3-act:focus { background: #f2f8fb; box-shadow: 0 4px 10px rgba(16, 42, 67, .14); transform: translateY(-1px); outline: none; }
.lq3-page .lq3-act.is-visible { border-color: #b9e3c8; }
.lq3-page .lq3-act.is-visible i { --fa-primary-color: #1f6d43; --fa-secondary-color: #7fd19b; --fa-secondary-opacity: 1; color: #1f6d43; }
.lq3-page .lq3-act.is-hidden { border-color: #f1d08a; background: #fffaf0; }
.lq3-page .lq3-act.is-hidden i { --fa-primary-color: #8b6200; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; color: #8b6200; }
.lq3-page .lq3-act.is-danger { border-color: #f3c9c4; }
.lq3-page .lq3-act.is-danger i { --fa-primary-color: #a8322a; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; color: #a8322a; }
.lq3-page .lq3-act.is-danger:hover { background: #fff1ef; }
.lq3-page .lq3-act[disabled] { opacity: .45; cursor: wait; }

/* Grupo en pill (sufijo 1 = Banco de Chile, 2 = otros bancos, 3 = Pago Fácil) */
.lq3-page #liquidaciones td.col-grupo-v2 { width: 76px !important; min-width: 76px; max-width: 76px; overflow: visible; }
.lq3-page .lq3-grupo {
  display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 28px; padding: 0 10px;
  border: 1px solid #cfd9e4; border-radius: 999px; background: #f1f5f9; color: #26364d;
  font-size: 15px; font-weight: 800; letter-spacing: .02em; line-height: 1;
}
.lq3-page .lq3-grupo.is-bch { border-color: #f1d08a; background: #fff4d6; color: #7a5300; }
.lq3-page .lq3-grupo.is-otros { border-color: #bfe3ef; background: #e8f4fa; color: #0b4f66; }
.lq3-page .lq3-grupo.is-pf { border-color: #c4b5fd; background: #f3efff; color: #5b21b6; }
.lq3-page .lq3-grupo.is-vacio { border-style: dashed; color: #8a9aac; font-weight: 600; }

/* =====================================================================================
   UI v3 · iteración 6 (2026-10-21): íconos visibles (el kit de Font Awesome dibuja SVG de
   1em y la celda Acción tiene font-size 0), modal de borrado y titular como enlace.
   ===================================================================================== */
.lq3-page .lq3-act { font-size: 18px; }
.lq3-page .lq3-act i,
.lq3-page .lq3-act svg { display: block; width: 1em; height: 1em; font-size: 18px; line-height: 1; }
.lq3-page .lq3-act.is-visible svg { --fa-primary-color: #1f6d43; --fa-secondary-color: #7fd19b; --fa-secondary-opacity: 1; color: #1f6d43; }
.lq3-page .lq3-act.is-hidden svg { --fa-primary-color: #8b6200; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; color: #8b6200; }
.lq3-page .lq3-act.is-danger svg { --fa-primary-color: #a8322a; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; color: #a8322a; }

/* Titular: enlace a sus últimas 12 liquidaciones */
.lq3-page a.lq3-titular-link { cursor: pointer; text-decoration: none; transition: background .15s ease, border-color .15s ease; }
.lq3-page a.lq3-titular-link:hover,
.lq3-page a.lq3-titular-link:focus { border-color: #0b5d78; background: #d4ecf6; color: #083f52; text-decoration: none; outline: none; }

/* Modal de borrado */
.lq3-page .lq3-del-modal .modal-dialog { max-width: 560px; }
.lq3-page .lq3-del-modal.is-socio .modal-header { background: #fdf1f0; border-bottom-color: #f5d3cf; }
.lq3-page .lq3-del-modal.is-bloqueo .modal-header { background: #fff8e8; border-bottom-color: #f1d08a; }
.lq3-page .lq3-del-modal .modal-header h2 i { font-size: 24px; }
.lq3-page .lq3-del-modal.is-socio .modal-header h2 i { --fa-primary-color: #a8322a; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; }
.lq3-page .lq3-del-modal.is-bloqueo .modal-header h2 i { --fa-primary-color: #8b6200; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
.lq3-page .lq3-del-hero { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 16px; }
.lq3-page .lq3-del-hero p { margin: 0; color: #26364d; font-size: 16px; line-height: 1.5; }
.lq3-page .lq3-del-ico { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; min-width: 52px; border-radius: 16px; font-size: 26px; }
.lq3-page .lq3-del-ico.is-warn { background: #fdecea; }
.lq3-page .lq3-del-ico.is-warn i { --fa-primary-color: #a8322a; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; }
.lq3-page .lq3-del-ico.is-lock { background: #fff4d6; }
.lq3-page .lq3-del-ico.is-lock i { --fa-primary-color: #8b6200; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
.lq3-page .lq3-del-ficha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid #e3edf1; border-radius: 12px; background: #f8fafc; }
.lq3-page .lq3-del-ficha dt { color: #718096; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.lq3-page .lq3-del-ficha dd { margin: 2px 0 0; color: #26364d; font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.lq3-page .lq3-del-label { display: block; margin-bottom: 6px; color: #26364d; font-size: 14px; font-weight: 700; }
.lq3-page .lq3-del-text { min-height: 110px; border-radius: 10px; font-size: 14.5px; line-height: 1.45; }
@media (max-width: 575px) { .lq3-page .lq3-del-ficha { grid-template-columns: 1fr; } }

/* =====================================================================================
   UI v3 · iteración 7 (2026-10-21): panel Filtrar con botones y tipografía estándar,
   Grupo con tonos del pill, totales alineados y torta de bancos.
   ===================================================================================== */
/* Panel Filtrar */
.lq3-page .liquidaciones-v2-filter-panel { padding: 14px 16px; border: 1px solid var(--lq3-line); border-radius: 12px; background: #f8fafc; }
.lq3-page .liquidaciones-v2-filter-heading { margin-bottom: 12px; color: var(--lq3-ink); font-size: 17px; font-weight: 800; }
.lq3-page .liquidaciones-v2-filter-heading small { font-size: 13px; }
.lq3-page .liquidaciones-v2-filter-field span { margin-bottom: 6px; color: #5b6b7b; font-size: 13px; font-weight: 800; }
.lq3-page .liquidaciones-v2-filter-field select.form-control { height: 44px; border: 1px solid #d5dee8; border-radius: 10px; color: var(--lq3-ink); font-size: 15px; }
.lq3-page .liquidaciones-v2-filter-multi { gap: 8px; padding: 8px; border: 1px solid #d5dee8; border-radius: 10px; }
.lq3-page .liquidaciones-v2-filter-check { gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 14.5px; font-weight: 700; }
.lq3-page .liquidaciones-v2-filter-check input { width: 16px; height: 16px; accent-color: #0b5d78; }
.lq3-page .liquidaciones-v2-filter-check:has(input:checked) { border-color: #0b5d78; background: #e3f1f6; color: #0b5d78; }
/* Grupo: mismos tonos que el pill de la tabla */
.lq3-page .liquidaciones-v2-filter-check.lq3-fgrupo { min-width: 64px; justify-content: center; font-size: 15px; font-weight: 800; border-color: #cfd9e4; background: #f1f5f9; color: #26364d; }
.lq3-page .liquidaciones-v2-filter-check.lq3-fgrupo.is-bch { border-color: #f1d08a; background: #fff4d6; color: #7a5300; }
.lq3-page .liquidaciones-v2-filter-check.lq3-fgrupo.is-otros { border-color: #bfe3ef; background: #e8f4fa; color: #0b4f66; }
.lq3-page .liquidaciones-v2-filter-check.lq3-fgrupo.is-pf { border-color: #c4b5fd; background: #f3efff; color: #5b21b6; }
.lq3-page .liquidaciones-v2-filter-check.lq3-fgrupo:has(input:checked) { box-shadow: 0 0 0 2px #0b5d78; }
.lq3-page .liquidaciones-v2-filter-actions { gap: 10px; margin-top: 12px; }

/* Totales: más grandes y alineados a la derecha como sus columnas */
.lq3-page #liquidaciones tfoot th { padding-top: 16px; padding-bottom: 16px; }
.lq3-page #liquidaciones tfoot th.tx-right,
.lq3-page #liquidaciones tfoot th:has(.liq-monto) { text-align: right !important; }
.lq3-page #liquidaciones tfoot .liq-monto { display: block; font-size: 18.5px; font-weight: 800; text-align: right; }
.lq3-page #liquidaciones tfoot .liq-monto.is-liquidado { font-size: 20px; }

/* Torta de bancos */
.lq3-page .lq3-bars.is-pie { align-items: center; }
.lq3-page .lq3-pie { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 170px; }
.lq3-page .lq3-pie svg { width: 170px; height: 170px; flex: 0 0 170px; }
.lq3-page .lq3-pie-slice { transition: opacity .15s ease; cursor: default; }
.lq3-page .lq3-pie svg:hover .lq3-pie-slice { opacity: .55; }
.lq3-page .lq3-pie svg .lq3-pie-slice:hover { opacity: 1; }
.lq3-page .lq3-pie-c1 { fill: #10263a; font-size: 20px; font-weight: 800; }
.lq3-page .lq3-pie-c2 { fill: #52677a; font-size: 10.5px; font-weight: 700; }
.lq3-page .lq3-pie-list { flex: 1 1 auto; min-width: 0; max-height: 190px; margin: 0; padding: 0 4px 0 0; overflow: auto; list-style: none; }
.lq3-page .lq3-pie-list li { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid #eef2f6; font-size: 13.5px; }
.lq3-page .lq3-pie-list li:last-child { border-bottom: 0; }
.lq3-page .lq3-pie-list li i { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 3px; }
.lq3-page .lq3-pie-list li.is-warn .lq3-pie-n { color: #a8322a; }
.lq3-page .lq3-pie-n { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #26364d; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.lq3-page .lq3-pie-v { color: #10263a; font-weight: 800; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.lq3-page .lq3-pie-v small { display: block; color: #718096; font-size: 11.5px; font-weight: 600; }
.lq3-page .lq3-seg { flex-wrap: wrap; }
@media (max-width: 575px) { .lq3-page .lq3-pie { flex-direction: column; } }
.lq3-page #liquidaciones tfoot th { padding-right: 10px; }
.lq3-page .liquidaciones-v2-filter-check { align-items: center; line-height: 1.2; }
.lq3-page .liquidaciones-v2-filter-check input { margin: 0; }

/* UI v3 · iteración 8 (2026-10-21): medalla del tipo de cliente junto al titular y detalle por banco */
.lq3-page .lq3-medalla { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-right: 6px; vertical-align: middle; font-size: 20px; cursor: help; }
.lq3-page .lq3-medalla i,
.lq3-page .lq3-medalla svg { display: block; width: 1em; height: 1em; font-size: 20px; }
.lq3-page .lq3-dot { display: inline-block; width: 12px; height: 12px; margin-right: 8px; border-radius: 3px; vertical-align: -1px; }
.lq3-page .lq3-row-warn td { background: #fdf1f0; color: #a8322a; }

/* =====================================================================================
   UI v3 · iteración 9 (2026-10-21): popovers con íconos (ciclo, titular, medalla, gráfico)
   y botón de detalle con el ícono de Mi Portal.
   ===================================================================================== */
.pt-standard-popover { max-width: 360px; }
.pt-standard-popover .lq3-tip { display: grid; gap: 6px; font-size: 14px; line-height: 1.4; }
.pt-standard-popover .lq3-tip-row { display: flex; align-items: flex-start; gap: 8px; }
.pt-standard-popover .lq3-tip-row > i,
.pt-standard-popover .lq3-tip-row > svg { flex: 0 0 18px; width: 18px; margin-top: 1px; font-size: 16px; text-align: center; }
.pt-standard-popover .lq3-tip-row.is-actual { margin: 0 -6px; padding: 3px 6px; border-radius: 8px; background: #fff3c4; }
.pt-standard-popover .lq3-tip-row.is-hint { color: #52677a; font-size: 13px; }
.pt-standard-popover .lq3-tip-row em { color: #7a5300; font-style: normal; font-weight: 700; }
.pt-standard-popover .lq3-tip-lead { margin: 0; color: #374151; }
.pt-standard-popover .lq3-tip-big { margin: 0; color: #10263a; font-size: 20px; font-weight: 800; }
.pt-standard-popover .lq3-tip-big small { color: #52677a; font-size: 13px; font-weight: 600; }
.pt-standard-popover .lq3-tip-sub { margin: -2px 0 2px 26px; color: #52677a; font-size: 12.5px; }
.pt-standard-popover .lq3-tip-foot { margin: 2px 0 0; color: #718096; font-size: 12px; }
.pt-standard-popover .lq3-ti-blue { --fa-primary-color: #0384AD; --fa-secondary-color: #9cccf5; --fa-secondary-opacity: 1; color: #0384AD; }
.pt-standard-popover .lq3-ti-green { --fa-primary-color: #1f6d43; --fa-secondary-color: #7fd19b; --fa-secondary-opacity: 1; color: #1f6d43; }
.pt-standard-popover .lq3-ti-violet { --fa-primary-color: #6d28d9; --fa-secondary-color: #c4b5fd; --fa-secondary-opacity: 1; color: #6d28d9; }
.pt-standard-popover .lq3-ti-gray { --fa-primary-color: #607487; --fa-secondary-color: #c9d3dc; --fa-secondary-opacity: 1; color: #607487; }
.pt-standard-popover .lq3-ti-gold { --fa-primary-color: #fac400; --fa-secondary-color: #fa0000; --fa-secondary-opacity: .8; color: #e0a100; }
.pt-standard-popover .lq3-ti-silver { --fa-primary-color: #e0e0e0; --fa-secondary-color: #9e9e9e; --fa-secondary-opacity: .8; color: #9e9e9e; }
.pt-standard-popover .lq3-ti-bronze { --fa-primary-color: #cd7f32; --fa-secondary-color: #8d5524; --fa-secondary-opacity: .8; color: #a0632a; }

/* Botón de detalle (mismo ícono y estilo que Mi Portal) */
.lq3-page .lq3-detalle-btn {
  display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-left: 6px;
  border: 1px solid #d8e6f5; border-radius: 10px; background: #fff; color: #1b84e7; font-size: 18px; vertical-align: middle;
  transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.lq3-page .lq3-detalle-btn i,
.lq3-page .lq3-detalle-btn svg { display: block; width: 1em; height: 1em; font-size: 18px; --fa-primary-color: #1b84e7; --fa-secondary-color: #9cccf5; --fa-secondary-opacity: 1; }
.lq3-page .lq3-detalle-btn:hover,
.lq3-page .lq3-detalle-btn:focus { border-color: #9cccf5; background: #eef6fe; text-decoration: none; transform: translateY(-1px); outline: none; }
.lq3-page .lq3-ciclo-ico { display: inline-flex; cursor: help; }
.lq3-page .lq3-bar { cursor: default; }
.lq3-page .lq3-bar:focus { outline: 2px solid #b9e0ed; outline-offset: 2px; border-radius: 8px; }
.lq3-page #liquidaciones td.col-sel { white-space: nowrap; }
.lq3-page #liquidaciones th.col-sel, .lq3-page #liquidaciones td.col-sel { width: 74px !important; min-width: 74px; max-width: 74px; }

/* ===== UI v3 · iteración 10: cuadre con la réplica de Breal + colores extra de popover (2026-10-21) ===== */
.pt-standard-popover .lq3-ti-red { --fa-primary-color: #c62828; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; color: #c62828; }
.pt-standard-popover .lq3-ti-amber { --fa-primary-color: #b06d00; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; color: #b06d00; }
.lq3-page .lq3-cuadre-alerta { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 6px; border-radius: 8px; background: #fff4d6; border: 1px solid #f0d58a; cursor: help; vertical-align: middle; font-size: 15px; }
.lq3-page .lq3-cuadre-alerta i, .lq3-page .lq3-cuadre-alerta svg { --fa-primary-color: #8a5a00; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; font-size: 15px; }
.lq3-page .lq3-cuadre-alerta:focus { outline: 2px solid #f0b44d; outline-offset: 1px; }
.lq3-page .lq3-cuadre-aviso { display: flex; align-items: center; gap: 14px; margin: 0 20px 4px; padding: 12px 16px; border: 1px solid #f0d58a; border-radius: 14px; background: #fff8e1; color: #5c4300; font-size: 15px; line-height: 1.4; }
.lq3-page .lq3-cuadre-aviso[hidden] { display: none; }
.lq3-page .lq3-cuadre-aviso-ico { flex: 0 0 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #fff; border: 1px solid #f0d58a; font-size: 20px; }
.lq3-page .lq3-cuadre-aviso-ico i, .lq3-page .lq3-cuadre-aviso-ico svg, .lq3-page .lq3-cuadre-inline { --fa-primary-color: #8a5a00; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
.lq3-page .lq3-cuadre-aviso-txt { flex: 1 1 auto; min-width: 0; }
.lq3-page .lq3-cuadre-aviso-txt b { color: #3f2e00; }
.lq3-page .lq3-cuadre-btn { flex: 0 0 auto; height: 40px; }
.lq3-page .lq3-cuadre-btn.is-on { background: #fff1c2; border-color: #e0b84a; color: #5c4300; }
.lq3-page .lq3-cuadre-btn i, .lq3-page .lq3-cuadre-btn svg { --fa-primary-color: #8a5a00; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
@media (max-width: 767px) {
  .lq3-page .lq3-cuadre-aviso { flex-wrap: wrap; margin: 0 12px 4px; }
  .lq3-page .lq3-cuadre-btn { width: 100%; justify-content: center; }
}

/* ===== UI v3 · iteración 11: pagos retroactivos (2026-10-21) ===== */
.lq3-page .lq3-retro { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; padding: 14px 18px; border: 1px solid #f5c2bd; border-radius: 16px; background: #fdecea; color: #6f1d16; font-size: 15.5px; line-height: 1.4; box-shadow: 0 4px 14px rgba(28, 59, 83, .05); }
.lq3-page .lq3-retro[hidden] { display: none; }
.lq3-page .lq3-retro.is-ok { border-color: #b9e3c8; background: #eefaf2; color: #1f5e3b; }
.lq3-page .lq3-retro-ico { flex: 0 0 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: #fff; border: 1px solid #f5c2bd; font-size: 21px; }
.lq3-page .lq3-retro.is-ok .lq3-retro-ico { border-color: #b9e3c8; }
.lq3-page .lq3-retro-ico i, .lq3-page .lq3-retro-ico svg { --fa-primary-color: #a8322a; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; }
.lq3-page .lq3-retro.is-ok .lq3-retro-ico i, .lq3-page .lq3-retro.is-ok .lq3-retro-ico svg { --fa-primary-color: #1f6d43; --fa-secondary-color: #7fd19b; }
.lq3-page .lq3-retro-txt { flex: 1 1 auto; min-width: 0; }
.lq3-page .lq3-retro-txt b { color: #4a120d; }
.lq3-page .lq3-retro.is-ok .lq3-retro-txt b { color: #174a2e; }
.lq3-page .lq3-retro-btn { flex: 0 0 auto; height: 42px; }
.lq3-page .lq3-retro-btn i, .lq3-page .lq3-retro-btn svg { --fa-primary-color: #a8322a; --fa-secondary-color: #f2a4a4; --fa-secondary-opacity: 1; }
.lq3-page .lq3-retro.is-ok .lq3-retro-btn i, .lq3-page .lq3-retro.is-ok .lq3-retro-btn svg { --fa-primary-color: #1f6d43; --fa-secondary-color: #7fd19b; }
.lq3-page .lq3-retro-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; flex-wrap: wrap; }
.lq3-page .lq3-retro-check { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 600; color: #374151; cursor: pointer; }
.lq3-page .lq3-retro-check input { width: 18px; height: 18px; }
.lq3-page .lq3-retro-tools .pr-ghost-btn { height: 40px; }
.lq3-page .lq3-retro-table td small { color: #607487; }
.lq3-page .lq3-retro-table tfoot td { border-top: 2px solid #e4eaf0; font-size: 15.5px; }
.lq3-page .lq3-retro-chip { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.lq3-page .lq3-retro-chip.is-pend { background: #fdecea; color: #a12a1f; border: 1px solid #f5c2bd; }
.lq3-page .lq3-retro-chip.is-ok { background: #e2f5e9; color: #197044; border: 1px solid #b9e3c8; }
@media (max-width: 767px) {
  .lq3-page .lq3-retro { flex-wrap: wrap; }
  .lq3-page .lq3-retro-btn { width: 100%; justify-content: center; }
}

/* ===== UI v3 · iteración 12: lupa en Acción + columna Corretaje + filtro "con corretaje" (2026-10-21) =====
   Las reglas de ancho usan clases de columna (col-*) en vez de nth-child: así agregar u ocultar columnas
   no corre los estilos a la columna equivocada. */
#liquidaciones th.col-sel, #liquidaciones td.col-sel, .lq3-page #liquidaciones th.col-sel, .lq3-page #liquidaciones td.col-sel { width: 40px !important; min-width: 40px; max-width: 40px; }
#liquidaciones th.col-corretaje, #liquidaciones td.col-corretaje { width: 112px !important; min-width: 112px; max-width: 112px; text-align: right; }
.lq3-page #liquidaciones td.col-accion, .lq3-page #liquidaciones th.col-accion { width: 146px !important; min-width: 146px; max-width: 146px; }
.lq3-page .lq3-act.is-detalle { color: #0384AD; text-decoration: none; }
.lq3-page .lq3-act.is-detalle i, .lq3-page .lq3-act.is-detalle svg { --fa-primary-color: #0384AD; --fa-secondary-color: #F0B44D; --fa-secondary-opacity: 1; }
.lq3-page .lq3-act.is-detalle:hover, .lq3-page .lq3-act.is-detalle:focus { background: #e8f4fa; border-color: #9fd3e6; }
.liq-monto.is-corretaje { color: #8a1f1f; }
.lq3-page .lq3-corretaje { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; padding: 3px 9px; border-radius: 999px; background: #fbeaea; border: 1px solid #f0c9c9; cursor: help; white-space: nowrap; }
.lq3-page .lq3-corretaje i, .lq3-page .lq3-corretaje svg { font-size: 13px; --fa-primary-color: #8a1f1f; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
#liquidaciones tfoot th.col-corretaje { color: #8a1f1f; }
.lq3-page .lq3-f-corretaje { display: inline-flex; align-items: center; gap: 9px; min-height: 36px; margin: 0 0 0 auto; padding: 0 14px; border: 1px solid #d6dee6; border-radius: 999px; background: #fff; color: #3c4b5c; font-size: 15px; font-weight: 700; cursor: pointer; white-space: nowrap; user-select: none; }
.lq3-page .lq3-f-corretaje input { width: 18px; height: 18px; margin: 0; accent-color: #8a1f1f; }
.lq3-page .lq3-f-corretaje i, .lq3-page .lq3-f-corretaje svg { font-size: 17px; --fa-primary-color: #8a1f1f; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
.lq3-page .lq3-f-corretaje.is-on { background: #fbeaea; border-color: #e5a9a9; color: #6f1d16; }
.lq3-page .lq3-f-corretaje:focus-within { outline: 2px solid #b9e0ed; outline-offset: 2px; }
@media (max-width: 767px) { .lq3-page .lq3-f-corretaje { margin-left: 0; } }


/* ===== v3 · 2026-10-22 ===================================================== */
/* Lupa del detalle: mismos colores que en Mi Portal (celeste #1b84e7, borde #d8e6f5; al pasar, relleno celeste). */
.lq3-page .lq3-act.is-detalle { color: #1b84e7; border-color: #d8e6f5; background: #fff; }
.lq3-page .lq3-act.is-detalle i, .lq3-page .lq3-act.is-detalle svg { --fa-primary-color: #1b84e7; --fa-secondary-color: #1b84e7; --fa-secondary-opacity: .4; color: #1b84e7; }
.lq3-page .lq3-act.is-detalle:hover, .lq3-page .lq3-act.is-detalle:focus { background: #1b84e7; border-color: #1b84e7; }
.lq3-page .lq3-act.is-detalle:hover i, .lq3-page .lq3-act.is-detalle:hover svg,
.lq3-page .lq3-act.is-detalle:focus i, .lq3-page .lq3-act.is-detalle:focus svg { --fa-primary-color: #fff; --fa-secondary-color: #fff; color: #fff; }
/* Otros descuentos: píldora ámbar con icono, como la de Colocación. */
.lq3-page .lq3-otros { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; padding: 3px 9px; border-radius: 999px; background: #fff6e0; border: 1px solid #f1dca6; cursor: help; white-space: nowrap; }
.lq3-page .lq3-otros i, .lq3-page .lq3-otros svg { font-size: 13px; --fa-primary-color: #996f09; --fa-secondary-color: #f0b44d; --fa-secondary-opacity: 1; }
/* Alerta de datos bancarios (va en LIQUIDADO, junto a la de descuadre): azul, icono de banco. */
.lq3-page .lq3-banco-alerta { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 6px; border-radius: 8px; background: #e8f1fc; border: 1px solid #b9d3f2; cursor: help; vertical-align: middle; font-size: 14px; }
.lq3-page .lq3-banco-alerta i, .lq3-page .lq3-banco-alerta svg { --fa-primary-color: #1b5fb4; --fa-secondary-color: #9cc3ef; --fa-secondary-opacity: 1; font-size: 14px; }
.lq3-page .lq3-banco-alerta:focus { outline: 2px solid #9cc3ef; outline-offset: 1px; }

/* Filtro Mi Portal sobre la tabla (2026-10-22). */
.lq3-page .lq3-vis-filter { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.lq3-page .lq3-vis-filter-label { font-size: 13px; font-weight: 700; color: #3c4b5c; display: inline-flex; align-items: center; gap: 6px; }
.lq3-page .lq3-vis-filter-label i { --fa-primary-color: #1b84e7; --fa-secondary-color: #9cccf5; --fa-secondary-opacity: 1; }
.lq3-page .lq3-vis-chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border: 1px solid #d6dee6; border-radius: 999px; background: #fff; color: #3c4b5c; font-size: 13px; font-weight: 600; cursor: pointer; }
.lq3-page .lq3-vis-chip i { --fa-primary-color: #1b84e7; --fa-secondary-color: #9cccf5; --fa-secondary-opacity: 1; }
.lq3-page .lq3-vis-chip.is-hidden-chip i { --fa-primary-color: #67788a; --fa-secondary-color: #c3ccd5; }
.lq3-page .lq3-vis-chip:hover { background: #f2f8fb; border-color: #9fd3e6; }
.lq3-page .lq3-vis-chip.is-on { background: #e8f4fa; border-color: #0384AD; color: #0b5d78; box-shadow: inset 0 0 0 1px #0384AD; }