/* ============================================================
   CRM · Ventas Corporativas — Fiat Venezuela
   vista-cotizaciones.css · Estilos exclusivos de la vista "Cotizaciones"
   Todas las reglas cuelgan de .v-cotiza. No se toca nada global.
   Lo que la vista pinta dentro del modal compartido también va
   envuelto en .v-cotiza, por eso el prefijo alcanza.
   ============================================================ */

.v-cotiza { display: block; min-width: 0; }
.v-cotiza > * + * { margin-top: 14px; }

.v-cotiza .ct-nota {
  font-size: 11.5px;
  color: var(--suave);
  font-weight: 500;
}
.v-cotiza .ct-conteo {
  font-size: 12px;
  font-weight: 600;
  color: var(--marca);
  background: rgba(0, 54, 95, .07);
  border-radius: 999px;
  padding: 3px 11px;
  white-space: nowrap;
}

/* ---------------- Filtros del listado ---------------- */
.v-cotiza .ct-filtros {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 10px 12px;
}

/* ---------------- Tabla del listado ---------------- */
.v-cotiza .ct-tabla { min-width: 760px; }
.v-cotiza .ct-tabla tbody tr:focus-visible { outline-offset: -2px; }

/* ---------------- Formulario + vista previa ---------------- */
.v-cotiza .ct-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
@media (max-width: 980px) {
  .v-cotiza .ct-grid { grid-template-columns: minmax(0, 1fr); }
}

.v-cotiza .ct-form { display: flex; flex-direction: column; gap: 12px; }

.v-cotiza .ct-previa-caja { position: sticky; top: calc(var(--barra) + 14px); }
@media (max-width: 980px) {
  .v-cotiza .ct-previa-caja { position: static; }
}
.v-cotiza .ct-previa-vacia {
  font-size: 12.5px;
  color: var(--suave);
  text-align: center;
  padding: 26px 12px;
}
.v-cotiza .ct-pie-acciones {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

/* ---------------- Las dos cifras clave ---------------- */
.v-cotiza .ct-claves {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.v-cotiza .ct-clave {
  border: 1px solid var(--linea);
  border-radius: var(--radio-sm);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: #FBFCFD;
}
.v-cotiza .ct-clave span {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--suave);
}
.v-cotiza .ct-clave b {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.4px;
  color: var(--marca);
}
.v-cotiza .ct-clave--cuota { border-color: rgba(0, 141, 212, .4); background: rgba(0, 141, 212, .06); }
.v-cotiza .ct-clave--cuota b { color: var(--cyan); }

/* ---------------- Desglose ---------------- */
.v-cotiza .ct-desg { font-size: 12.5px; }
.v-cotiza .ct-desg__sub {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: var(--suave);
  padding: 10px 0 4px;
  border-bottom: 1px dashed var(--linea);
  margin-bottom: 2px;
}
.v-cotiza .ct-desg__fila {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
}
.v-cotiza .ct-desg__fila span { color: var(--texto); min-width: 0; }
.v-cotiza .ct-desg__fila b { font-weight: 600; white-space: nowrap; }
.v-cotiza .ct-desg__fila--suma {
  border-top: 1px solid var(--linea);
  font-weight: 600;
}
.v-cotiza .ct-desg__fila--clave {
  background: rgba(47, 158, 91, .08);
  border-radius: var(--radio-sm);
  padding: 6px 8px;
  margin: 2px -8px;
}
.v-cotiza .ct-desg__fila--clave b { color: var(--ok); font-size: 13.5px; }
.v-cotiza .ct-desg__fila--total {
  border-top: 2px solid var(--marca);
  margin-top: 4px;
  padding-top: 7px;
  font-weight: 700;
}
.v-cotiza .ct-desg__fila--total b { color: var(--marca); font-size: 14px; }

/* ---------------- Detalle en el modal ---------------- */
.v-cotiza.ct-det { display: flex; flex-direction: column; gap: 12px; }
.v-cotiza.ct-det > * + * { margin-top: 0; }
.v-cotiza .ct-det__cab {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.v-cotiza .ct-det__correlativo {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.2px;
  color: var(--marca);
}
.v-cotiza .ct-det__datos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 8px 14px;
  margin: 0;
}
.v-cotiza .ct-det__dato dt {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--suave);
}
.v-cotiza .ct-det__dato dd { margin: 1px 0 0; font-size: 12.5px; }
.v-cotiza .ct-det__anulada {
  font-size: 12.5px;
  color: var(--peligro);
  background: rgba(192, 57, 43, .08);
  border: 1px solid rgba(192, 57, 43, .25);
  border-radius: var(--radio-sm);
  padding: 8px 10px;
}
.v-cotiza .ct-det__notas {
  font-size: 12px;
  color: var(--suave);
  border-left: 3px solid var(--linea);
  padding-left: 10px;
}

/* ---------------- Bloque interno (SOLO GERENCIA) ----------------
   Rotulado sin ambigüedad: fondo oscuro y candado. Este bloque solo
   existe cuando la gerencia lo pide explícitamente. */
.v-cotiza .ct-interno {
  margin-top: 14px;
  border: 2px solid #7C2D12;
  border-radius: var(--radio-sm);
  overflow: hidden;
}
.v-cotiza .ct-interno__cab {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #1F2937;
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .8px;
  padding: 8px 12px;
}
.v-cotiza .ct-interno__cab svg { width: 15px; height: 15px; flex: 0 0 15px; }
.v-cotiza .ct-interno .ct-desg { padding: 6px 12px 4px; }
.v-cotiza .ct-interno .ct-desg__fila--total { border-top-color: #7C2D12; }
.v-cotiza .ct-interno .ct-desg__fila--total b { color: #7C2D12; }
.v-cotiza .ct-interno__pie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 12px 10px;
  font-size: 11px;
  color: #7C2D12;
  background: rgba(124, 45, 18, .06);
}

/* ---------------- Anulación ---------------- */
.v-cotiza .ct-anular-aviso {
  font-size: 12.5px;
  color: var(--texto);
  background: rgba(224, 140, 27, .1);
  border: 1px solid rgba(224, 140, 27, .3);
  border-radius: var(--radio-sm);
  padding: 9px 11px;
  margin-bottom: 12px;
}

/* ---------------- Parámetros (gerencia) ---------------- */
.v-cotiza.ct-par > * + * { margin-top: 10px; }
.v-cotiza .ct-par__ayuda { font-size: 12px; color: var(--suave); }
.v-cotiza .ct-par__tabla { min-width: 520px; }
.v-cotiza .ct-par__celda { width: 150px; }
.v-cotiza .ct-par__celda .entrada { height: 30px; font-size: 12.5px; }