/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/CCC/CuentaCobrarClienteAdelantoModalPage.razor. Igual que hoy, es global mientras el componente está en pantalla:
   se enlaza con <link> donde estaba el bloque. Cambios: @@ → @ y capas D-51. */
/* Estilos propios de este componente — reutiliza las variables --cxc-* y las
   clases genéricas (.cxc-modal-backdrop, .cxc-modal, .field-label,
   .nuevo-cliente-block, .section-sep, .autocomplete-wrap/.autocomplete-list/
   .autocomplete-item, .cliente-elegido, .accordion-hd/.accordion-bd,
   .loading-overlay) ya definidas en el  de
   CuentaCobrarClienteAmortizacionModalPage.razor / CuentasCobrarClienteMainPage.razor
   y heredadas por cascada CSS normal (este modal siempre se renderiza como
   hijo DENTRO de MainPage). */
.adelanto-modal {
    z-index: var(--z-modal-2)
}

    .adelanto-modal .cxc-modal {
        max-width: 760px
    }
/* .adelanto-card{ background:var(--cxc-surface); border:1px solid var(--cxc-border); border-radius:8px; margin-bottom:16px; overflow:hidden; }
.adelanto-card .hd{ padding:10px 14px; font-weight:700; font-size:13px; display:flex; align-items:center; gap:8px; color:#fff; } */

.adelanto-card {
    background: var(--cxc-surface);
    border: 1px solid var(--cxc-border);
    border-radius: 8px;
    margin-bottom: 16px;
}

    .adelanto-card .hd {
        padding: 10px 14px;
        font-weight: 700;
        font-size: 13px;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        border-radius: 7px 7px 0 0;
    }

    .adelanto-card:has(.autocomplete-list) {
        overflow: visible;
    }

.adelanto-card .hd.primary{ background:var(--cxc-primary); }
.adelanto-card .hd.success{ background:var(--cxc-success); }
.adelanto-card .bd{ padding:14px; }

/* [2026-10-15] Antes era global (.cxc-modal-body) y quitaba el scroll a TODOS los modales de CxC
   (reversión de documento/cuota, reestructurar…). Se limita a este modal, que la necesita por el autocompletar. */
.adelanto-modal .cxc-modal-body {
    overflow: visible !important;
}