/* ============================================================
   CRM · Ventas Corporativas — Fiat Venezuela
   vista-ajustes-portal.css · Ajustes → «Pagos y portal» (contrato §6.3)
   La pestaña cuelga de .v-ajp; el formulario del modal, de .v-ajp__form
   (el modal vive fuera de la vista).
   ============================================================ */

.v-ajp{min-width:0;display:flex;flex-direction:column;gap:14px;}
.v-ajp .v-ajustes__ayuda{margin-bottom:0;}
.v-ajp__cols{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);align-items:start;}
@media (min-width:1080px){ .v-ajp__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);} }
.v-ajp__tarjeta{min-width:0;}
.v-ajp__tarjeta .tarjeta__cab>svg{width:17px;height:17px;flex:0 0 17px;color:var(--cyan);}
.v-ajp__error,.v-ajp .estado{padding:24px 12px;}

/* ---------------- Estado del correo ---------------- */
.v-ajp__estado{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radio-sm);border:1px solid;}
.v-ajp__estado>svg{width:22px;height:22px;flex:0 0 22px;margin-top:1px;}
.v-ajp__estado--ok{background:rgba(47,158,91,.07);border-color:rgba(47,158,91,.32);}
.v-ajp__estado--ok>svg{color:var(--ok);}
.v-ajp__estado--alerta{background:rgba(224,140,27,.09);border-color:rgba(224,140,27,.4);}
.v-ajp__estado--alerta>svg{color:var(--alerta);}
.v-ajp__estado-tit{font-family:var(--tipo-titulo);font-size-adjust:none;font-weight:500;font-size:15px;color:var(--texto);}
.v-ajp__estado--ok .v-ajp__estado-tit{color:var(--ok-tinta);}
.v-ajp__estado--alerta .v-ajp__estado-tit{color:var(--alerta-tinta);}
.v-ajp__estado-txt{font-size:13px;color:var(--texto);margin-top:2px;overflow-wrap:anywhere;}
.v-ajp__estado-txt b{color:var(--cyan-tinta);font-weight:600;}
.v-ajp code{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:12px;background:#EEF2F7;border-radius:4px;padding:1px 5px;}

.v-ajp__nota{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--suave);margin-top:10px;line-height:1.45;}
.v-ajp__nota[hidden]{display:none;}
.v-ajp__nota svg{width:15px;height:15px;flex:0 0 15px;color:var(--cyan);margin-top:1px;}

/* ---------------- Correos de Todeschini ---------------- */
.v-ajp__destinos{display:flex;flex-direction:column;gap:14px;}
.v-ajp__guardado{font-size:12px;font-weight:600;min-height:0;color:var(--suave);}
.v-ajp__guardado:empty{display:none;}
.v-ajp__guardado--ok{color:var(--ok-tinta);}
.v-ajp__guardado--ok::before{content:'✓ ';}
.v-ajp__guardado--error{color:var(--peligro-tinta);font-weight:500;}

/* ---------------- Métodos de pago ---------------- */
.v-ajp__explica{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;margin-bottom:14px;
  background:rgba(0,141,212,.06);border:1px solid rgba(0,141,212,.22);border-radius:var(--radio-sm);
  font-size:12.5px;color:var(--texto);line-height:1.45;}
.v-ajp__explica svg{width:16px;height:16px;flex:0 0 16px;color:var(--cyan);margin-top:1px;}
.v-ajp__agregar{flex:0 0 auto;}

.v-ajp__lista{display:flex;flex-direction:column;gap:10px;}
.v-ajp__metodo{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;
  padding:14px;border:1px solid var(--linea);border-radius:var(--radio);background:var(--panel);
}
.v-ajp__metodo--inactivo{background:#F8FAFC;border-style:dashed;}
.v-ajp__metodo--inactivo .v-ajp__nombre,.v-ajp__metodo--inactivo .v-ajp__datos dd{color:var(--suave);}

.v-ajp__orden{display:flex;flex-direction:column;align-items:center;gap:4px;}
.v-ajp__pos{font-family:var(--tipo-titulo);font-size-adjust:none;font-weight:500;font-size:16px;color:var(--cyan-tinta);
  min-width:28px;text-align:center;font-variant-numeric:tabular-nums;line-height:1.2;}
.v-ajp__flecha{
  width:32px;height:28px;border-radius:var(--radio-sm);border:1px solid var(--linea);background:var(--panel);
  display:inline-flex;align-items:center;justify-content:center;color:var(--marca);
}
.v-ajp__flecha svg{width:15px;height:15px;}
.v-ajp__flecha:hover:not([disabled]){background:rgba(0,141,212,.08);border-color:var(--cyan);color:var(--cyan-tinta);}
.v-ajp__flecha[disabled]{opacity:.35;cursor:not-allowed;}

.v-ajp__cuerpo{min-width:0;}
.v-ajp__cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:8px;}
.v-ajp__nombre{font-family:var(--tipo-titulo);font-size-adjust:none;font-weight:500;font-size:15.5px;color:var(--texto);
  margin-right:4px;min-width:0;overflow-wrap:anywhere;}

.v-ajp__datos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 18px;margin:0;}
.v-ajp__dato{min-width:0;}
.v-ajp__datos dt{font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--suave);}
.v-ajp__datos dd{margin:0;font-size:13.5px;color:var(--marca);font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}
.v-ajp__mono{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace;font-size:12.5px !important;letter-spacing:.2px;}

.v-ajp__aviso{display:flex;gap:7px;align-items:flex-start;margin-top:10px;padding:8px 10px;border-radius:var(--radio-sm);
  background:rgba(224,140,27,.10);color:var(--alerta-tinta);font-size:12.5px;line-height:1.45;}
.v-ajp__aviso svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px;color:var(--alerta);}
.v-ajp__aviso--fuerte{margin:0 0 12px;border:1px solid rgba(224,140,27,.45);font-weight:600;}
.v-ajp__incompleto{display:flex;gap:6px;align-items:flex-start;margin-top:8px;font-size:12px;font-weight:600;color:var(--peligro-tinta);}
.v-ajp__incompleto svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px;}

.v-ajp__acciones{display:flex;align-items:center;gap:6px;}
.v-ajp__editar svg{width:14px;height:14px;}

/* ---------------- Formulario del modal ---------------- */
.v-ajp__form{display:flex;flex-direction:column;gap:14px;}
.v-ajp__form .v-ajp__nota--form{margin-top:0;padding:9px 11px;border-radius:var(--radio-sm);background:rgba(0,141,212,.06);color:var(--texto);}
.v-ajp__fila{display:flex;flex-wrap:wrap;gap:12px;}
.v-ajp__campo{flex:1 1 260px;min-width:0;}
.v-ajp__campo--medio{flex:1 1 180px;}
.v-ajp__grupo{border:1px solid var(--linea);border-radius:var(--radio-sm);padding:10px 12px 14px;margin:0;min-width:0;}
.v-ajp__grupo legend{font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--cyan-tinta);padding:0 6px;}
.v-ajp__req{color:var(--peligro-tinta);}
.v-ajp__opc{font-weight:400;color:var(--suave);}
.v-ajp__form .campo textarea{min-height:64px;}
.v-ajp__form input.v-ajp__mono{font-size:13px;}
.v-ajp__check{display:flex;align-items:flex-start;gap:9px;font-size:13px;cursor:pointer;min-height:var(--alto-tactil);padding-top:6px;}
.v-ajp__check input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--cyan);}

/* ---------------- Teléfono ---------------- */
@media (max-width:768px){
  .v-ajp__metodo{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:12px;}
  .v-ajp__acciones{grid-column:1 / -1;}
  .v-ajp__editar{flex:1 1 auto;height:var(--alto-tactil);font-size:14px;}
  .v-ajp__acciones .acciones__disparador{width:var(--alto-tactil);height:var(--alto-tactil);}
  .v-ajp__flecha{width:var(--alto-tactil);height:var(--alto-tactil);}
  .v-ajp__agregar{height:var(--alto-tactil);}
  .v-ajp .campo input{height:var(--alto-tactil);}
  .v-ajp__form .campo input,.v-ajp__form .campo select{height:var(--alto-tactil);}
  .v-ajp__datos{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:520px){
  .v-ajp__agregar{flex:1 1 100%;}
  .v-ajp__estado{padding:10px 12px;}
}