/* Consola · Comisiones: estilos propios de la pantalla. Solo tokens; clases con prefijo .cons-comisiones- */

/* ---------- Cabecera: selector de mes ---------- */
.cons-comisiones-acciones { align-items: center; }
.cons-comisiones-mes { display: flex; align-items: center; gap: var(--e-2); }
.cons-comisiones-mes__etiqueta { font-size: var(--t-14); font-weight: 600; color: var(--texto-2); }
.cons-comisiones-mes .select select { min-width: 230px; font-weight: 500; }

/* ---------- KPI: 5 tarjetas ---------- */
.cons-comisiones-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--e-4); }
.cons-comisiones-kpis .kpi__valor { font-size: var(--t-24); }
.cons-comisiones-panel { padding-top: var(--e-6); }
.cons-comisiones-panel > [data-mes] > .seccion:first-child { margin-top: 0; }

/* ---------- Tabla por operador ---------- */
.cons-comisiones-reparto-etq { display: flex !important; align-items: center; justify-content: flex-end; gap: 2px; margin-top: 4px; }
.cons-comisiones-motivo { white-space: normal; max-width: 220px; }
.cons-comisiones-lote-btn { font-weight: 600; padding: 0; min-height: 0; height: auto; }
.cons-comisiones-revisar { display: inline-grid; justify-items: end; gap: 4px; }
.cons-comisiones-revisar .celda-sub { white-space: normal; text-align: right; max-width: 220px; }
.cons-comisiones-acc { justify-content: flex-end; flex-wrap: nowrap; }
.cons-comisiones-tabla-op td .estado { margin-top: 3px; }

/* ---------- Historial: acordeón por operador ---------- */
.cons-comisiones-hist { display: grid; gap: var(--e-3); }
.cons-comisiones-hist__item {
  background: var(--superficie); border: 1px solid var(--borde); border-radius: var(--radio-3); box-shadow: var(--sombra-1); min-width: 0;
}
.cons-comisiones-hist__item--falla { border-color: var(--peligro-borde); }
.cons-comisiones-hist__cabecera {
  list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: var(--e-2) var(--e-3);
  min-height: 56px; padding: var(--e-3) var(--e-5); cursor: pointer; border-radius: var(--radio-3);
}
.cons-comisiones-hist__cabecera::-webkit-details-marker { display: none; }
.cons-comisiones-hist__cabecera:hover { background: var(--superficie-2); }
.cons-comisiones-hist__cabecera:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }
.cons-comisiones-hist__item[open] > .cons-comisiones-hist__cabecera { border-bottom: 1px solid var(--borde); border-radius: var(--radio-3) var(--radio-3) 0 0; }
.cons-comisiones-hist__chev { color: var(--texto-3); flex: none; transition: transform var(--dur-1); }
.cons-comisiones-hist__item[open] .cons-comisiones-hist__chev { transform: rotate(90deg); }
.cons-comisiones-hist__nombre { font-weight: 600; font-size: var(--t-15); color: var(--texto); }
.cons-comisiones-hist__meta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--e-2); margin-left: auto; }
.cons-comisiones-hist__total { font-weight: 600; color: var(--texto); min-width: 120px; text-align: right; }
.cons-comisiones-hist__cuerpo { padding: var(--e-2) 0 var(--e-3); }
.cons-comisiones-hist__cuerpo .tabla-contenedor { border: 0; box-shadow: none; border-radius: 0; }
.cons-comisiones-hist__nota { padding: var(--e-2) var(--e-5) 0; }
.cons-comisiones-det { grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); }
.cons-comisiones-det dd { white-space: normal; }
.cons-comisiones-vacio { padding: var(--e-8) var(--e-6); }

/* ---------- Operadores sin tasa: input chico ---------- */
.cons-comisiones-tasa { width: min(100%, 200px); }
.cons-comisiones-tasa .campo__control { text-align: right; font-variant-numeric: tabular-nums; }

/* ---------- Por día: filas con encabezado de fila ---------- */
.cons-comisiones-tabla-dia tbody th, .cons-comisiones-tabla-dia tfoot th {
  position: sticky; left: 0; z-index: 1; top: auto;
  background: var(--superficie); color: var(--texto); font-size: var(--t-14); font-weight: 600; letter-spacing: 0;
  padding: 10px 14px; border-bottom: 1px solid var(--borde); text-align: left; vertical-align: middle;
}
.cons-comisiones-tabla-dia thead th:first-child { left: 0; z-index: 2; }
.cons-comisiones-tabla-dia tfoot th { background: var(--superficie-2); border-top: 1px solid var(--borde-fuerte); border-bottom: 0; }
.cons-comisiones-tabla-dia tbody tr:hover th { background: var(--superficie-2); }
.cons-comisiones-tabla-dia th .celda-principal { display: block; }
.cons-comisiones-tabla-dia td .monto { display: block; }
.cons-comisiones-tabla-dia tbody tr:last-child th, .cons-comisiones-tabla-dia tbody tr:last-child td { border-bottom: 0; }

/* ---------- Promedio y proyección ---------- */
.cons-comisiones-proy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--e-4); }
.cons-comisiones-proy__datos { margin-top: var(--e-4); }
.cons-comisiones-proy__datos dd { justify-content: flex-end; text-align: right; }
.cons-comisiones-proy__valor { font-family: var(--fuente-titulo); font-size: var(--t-32); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: var(--e-3) 0 var(--e-2); }
.cons-comisiones-proy__valor small { font-size: 0.55em; color: var(--texto-3); font-weight: 600; }

/* ---------- Facturas ---------- */
.cons-comisiones-estados { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-6); list-style: none; padding: 0; margin: 0; }
.cons-comisiones-estados li { display: inline-flex; align-items: center; gap: var(--e-2); }
.cons-comisiones-difiere { display: flex; align-items: center; gap: 6px; font-size: var(--t-13); font-weight: 500; color: var(--alerta); }
.cons-comisiones-difiere[hidden] { display: none; }
.cons-comisiones-difiere .ico { flex: none; }

/* ---------- Responsive ---------- */
@media (max-width: 1280px) {
  .cons-comisiones-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .cons-comisiones-mes { flex: 1 1 100%; }
  .cons-comisiones-mes .select { flex: 1 1 auto; }
  .cons-comisiones-mes .select select { min-width: 0; width: 100%; }
  .cons-comisiones-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e-3); }
  .cons-comisiones-proy { grid-template-columns: minmax(0, 1fr); }
  .cons-comisiones-hist__cabecera { padding: var(--e-3) var(--e-4); }
  .cons-comisiones-hist__meta { margin-left: 26px; width: 100%; }
  .cons-comisiones-hist__total { margin-left: auto; min-width: 0; }
  .cons-comisiones-hist__cuerpo { padding: var(--e-3); }
  .cons-comisiones-hist__nota { padding: var(--e-3) 0 0; }
  .cons-comisiones-tasa { width: 100%; }
}
@media (max-width: 640px) {
  .cons-comisiones-motivo, .cons-comisiones-revisar .celda-sub { max-width: none; text-align: right; }
  .cons-comisiones-acc { flex-wrap: wrap; }
  .tabla--tarjetas td.acciones .btn { flex: 1 1 auto; }
  .cons-comisiones-reparto-etq { margin-top: 0; }
  .cons-comisiones-det { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .cons-comisiones-kpis { grid-template-columns: minmax(0, 1fr); }
}
@media (pointer: coarse) {
  .cons-comisiones-lote-btn { min-height: 44px; }
  .cons-comisiones-hist__cabecera { min-height: 56px; }
}

/* ---------- Ajustes de ancho de la tabla por operador (escritorio) ---------- */
.cons-comisiones-tabla-op td.tarjeta-titulo { white-space: normal; min-width: 150px; }
.cons-comisiones-tabla-op td.tarjeta-titulo .celda-principal { display: block; }
.cons-comisiones-tabla-op td .celda-principal { display: block; }
.cons-comisiones-tabla-op td[data-celda="ultimo-andes"] { white-space: normal; min-width: 180px; }
.cons-comisiones-tabla-op .cons-comisiones-motivo { max-width: 200px; }
.cons-comisiones-kpis .kpi__pie { column-gap: var(--e-2); row-gap: 0; }
.cons-comisiones-kpis .kpi__pie > .nowrap + .nowrap::before { content: "· "; }
.cons-comisiones-tabla-op th { white-space: normal; vertical-align: bottom; }
.cons-comisiones-tabla-op td[data-etiqueta="Próximo cobro"] { white-space: normal; min-width: 130px; max-width: 170px; }
.cons-comisiones-tabla-op td[data-etiqueta="Último cobro"] { white-space: normal; min-width: 150px; max-width: 200px; }
@media (max-width: 640px) {
  .cons-comisiones-tabla-op td[data-etiqueta="Próximo cobro"], .cons-comisiones-tabla-op td[data-etiqueta="Último cobro"] { max-width: none; min-width: 0; }
}

/* Tooltips pegados al borde derecho: se abren hacia la izquierda para no ensanchar la página en celular */
.cons-comisiones-tabla-op [data-tooltip]::after, .cons-comisiones-hist [data-tooltip]::after, #com-aviso-falla [data-tooltip]::after {
  left: auto; right: 0; transform: translateY(4px); max-width: min(260px, 80vw);
}
.cons-comisiones-tabla-op [data-tooltip]:hover::after, .cons-comisiones-tabla-op [data-tooltip]:focus-visible::after,
.cons-comisiones-hist [data-tooltip]:hover::after, .cons-comisiones-hist [data-tooltip]:focus-visible::after,
#com-aviso-falla [data-tooltip]:hover::after, #com-aviso-falla [data-tooltip]:focus-visible::after { transform: translateY(0); }
@media (max-width: 768px) {
  .cons-comisiones-proy__datos { grid-template-columns: minmax(0, 1fr) max-content; gap: 10px var(--e-4); }
  .cons-comisiones-proy__datos dd { margin-bottom: 0; }
  .cons-comisiones-panel .barras__eje--dias span { overflow: visible; text-overflow: clip; font-size: var(--t-11); letter-spacing: -0.02em; }
}
#form-factura .form-grilla { align-items: start; }