/* =========================================================
   CONTENEDOR DE RESULTADOS CBA (MODO OSCURO COMPACTO)
   ========================================================= */

/* Contenedor principal: transparente y ajustado al ancho */
#cba-popup-results,
.cba-results-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Encabezado: Resumen de VIN y Conteo */
.cba-summary-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #1d2126 !important;
    border: 1px solid #333a42 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
    color: #e5e7eb !important;
}

.cba-badge-count {
    background-color: #0d6efd !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 10px !important;
    border-radius: 12px !important;
}

.cba-chasis-tag {
    font-size: 12px !important;
    color: #9ca3af !important;
}

.cba-chasis-tag strong {
    color: #ffffff !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* Lista de Tarjetas: Altura controlada con Scroll Interno */
.cba-cards-list {
    max-height: 380px !important; /* Limita la altura para que no desborde el popup */
    overflow-y: auto !important;
    padding-right: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

/* Estilización del scrollbar */
.cba-cards-list::-webkit-scrollbar {
    width: 5px;
}
.cba-cards-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}
.cba-cards-list::-webkit-scrollbar-thumb {
    background: #4b5563;
    border-radius: 4px;
}

/* Tarjeta individual del boletín */
.cba-card {
    background: #1f2329 !important;
    border: 1px solid #323842 !important;
    border-left: 3px solid #0d6efd !important;
    border-radius: 8px !important;
    padding: 14px !important;
    margin: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

.cba-card-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

.cba-card-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

/* Estados (Finalizado / Pendiente) */
.cba-status-badge {
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 3px 7px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.cba-status-badge.cba-status-finalizado {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

/* Detalles del boletín */
.cba-detail-row {
    font-size: 12px !important;
    margin-bottom: 8px !important;
    color: #9ca3af !important;
}

.cba-detail-row .cba-value {
    color: #f3f4f6 !important;
    font-weight: 600 !important;
}

.cba-detail-description .cba-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}

.cba-description-text {
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: #d1d5db !important;
    background: #14171a !important;
    border: 1px solid #282d35 !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    margin: 0 !important;
}

/* Alertas de sin campañas o de error */
.cba-alert {
    background: #1f2329 !important;
    border: 1px solid #323842 !important;
    border-radius: 8px !important;
    padding: 14px !important;
    color: #e5e7eb !important;
    font-size: 13px !important;
}
.cba-alert-info { border-left: 3px solid #10b981 !important; }
.cba-alert-error { border-left: 3px solid #ef4444 !important; }

/* Ocultar aviso de éxito en el formulario de fondo */
.elementor-form .elementor-message-success {
    display: none !important;
}

/* Forzar que el popup modal de Elementor sea oscuro */
.elementor-popup-modal .dialog-widget-content {
    background-color: #1e2124 !important;
    overflow: hidden !important;
    border-radius: 10px !important;
}

/* Contenedor receptor de boletines */
#cba-popup-results {
    background-color: transparent !important;
    margin: 0 !important;
    padding: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-self: flex-start !important;
}

/* Evitar que la cabecera azul se desplace fuera del marco */
#cba-popup-results .cba-summary-header {
    margin-top: 0 !important;
}

/* Contenedor de la lista con límite de altura y scroll oscuro */
#cba-popup-results .cba-cards-list {
    max-height: 380px !important;
    overflow-y: auto !important;
}