/* Fase 9.3 — CSS verbatim de los bloques de estilo de Pages/CPP/CuentaPagarProveedorAdelantoModalPage.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-proveedor-block, .section-sep, .autocomplete-wrap/.autocomplete-list/
   .autocomplete-item, .proveedor-elegido, .accordion-hd/.accordion-bd,
   .loading-overlay) ya definidas en el  de
   CuentaPagarProveedorAmortizacionModalPage.razor / CuentasPagarProveedorMainPage.razor
   y heredadas por cascada CSS normal (este modal siempre se renderiza como
   hijo DENTRO de MainPage). */
.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; }

.autocomplete-wrap {
    position: relative;
}

.autocomplete-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: var(--z-desplegable); /* mayor que .adelanto-modal (99000) — D-51: dentro del modal basta la capa de desplegable */
    background: var(--cxc-surface);
    border: 1px solid var(--cxc-border);
    max-height: 260px;
    overflow-y: auto;
}