/* Asistente "nueva recurrente" (gbal_recurrente; mockup autorizado 2026-09-08). Reusa la
   estructura cf-* de convertir_factura.css (pasos, avisos, tabla, totales, pie); aquí sólo
   vive lo propio del alta: chip del cliente, grid de 3 columnas, tarjetas de OV, switches.
   Tokens de plataforma; escalera 991/767/480. */

/* chip del cliente (fijo: viene del plan de pagos) */
.rc-cliente{display:flex;align-items:center;gap:10px;background:#f6f6f7;border:1px solid #e4e4e8;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:15px}
.rc-cliente>i{color:var(--gris-atenuado,#6a6772)}
.rc-cliente small{color:var(--gris-atenuado,#6a6772);margin-left:auto;text-align:right}

/* selector de tipo (nota/factura) visible en el paso 1 — tarjetas gbal-formas */
.rc-tipos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}
.rc-tipo{border:1px solid #e4e4e8;border-radius:8px;background:#fff;padding:10px 14px;text-align:left;cursor:pointer;min-height:46px}
.rc-tipo b{display:block;font-size:15px;color:#1f1f23}
.rc-tipo b i{color:var(--gris-atenuado,#6a6772);margin-right:4px}
.rc-tipo span{display:block;font-size:12.5px;color:var(--gris-atenuado,#6a6772)}
.rc-tipo.on{border-color:var(--rojo-mextic,#AB0010);box-shadow:0 0 0 3px rgba(171,0,16,.12)}
.rc-tipo.on b i{color:var(--rojo-mextic,#AB0010)}
.rc-tipo:focus-visible{outline:2px solid var(--rojo-mextic,#AB0010);outline-offset:2px}

/* grid de formulario: 3 columnas EXPLÍCITAS, cada fila suma 3 (regla de la piel) */
.rc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px}
.rc-grid .form-group{margin-bottom:10px}
.rc-grid .rc-c2{grid-column:span 2}
.rc-grid label{font-size:13px;font-weight:600;color:var(--gris-atenuado,#6a6772);margin-bottom:4px}
.rc-grid .form-control{height:46px;font-size:15px}
.rc-grid textarea.form-control{height:auto}

/* tarjetas de órdenes de venta del proyecto */
.rc-ovs{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.rc-ov{display:flex;align-items:center;gap:12px;border:1px solid #e4e4e8;border-radius:8px;padding:10px 14px;cursor:pointer;margin:0;font-weight:400;min-height:46px}
.rc-ov input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--rojo-mextic,#AB0010)}
.rc-ov b{font-variant-numeric:tabular-nums}
.rc-ov .rc-ov-monto{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}
.rc-ov.on{border-color:var(--rojo-mextic,#AB0010);box-shadow:0 0 0 3px rgba(171,0,16,.12)}

/* switches del documento (consecutivo / mostrar OV) */
.rc-switches{display:flex;flex-direction:column;gap:6px;justify-content:center}

/* nombre del producto arriba de la descripción en la fila del concepto */
.rc-prod-nom{font-size:12px;color:var(--gris-atenuado,#6a6772);margin-bottom:2px}

/* totales "calculando" mientras el servidor responde */
#rc-totales.rc-calc b{opacity:.35}

/* enlace al alta completa en el pie */
.rc-alta-completa{font-size:13px;white-space:nowrap}
.rc-alta-completa+*{margin-left:10px}

/* ── escalera ── */
@media (max-width:991px){
    .rc-grid{grid-template-columns:repeat(2,1fr)}
    .rc-grid .rc-c2{grid-column:span 2}
}
@media (max-width:767px){
    .rc-cliente small{display:none}
}
@media (max-width:480px){
    .rc-tipos{grid-template-columns:1fr}
    .rc-grid{grid-template-columns:1fr}
    .rc-grid .rc-c2{grid-column:auto}
    .rc-grid .form-control{font-size:16px}   /* iOS no hace auto-zoom */
    .rc-ov{padding:10px 12px}
    .rc-alta-completa{width:100%;text-align:center;order:2;padding-top:4px}
}