/* ============================================================
   FIX DEFINITIVO PARA MODALES DE TAREAS
   (Nueva línea, Editar línea, Editar cabecera, Fechas)
   No afecta al resto de modales del theme Nexgen
   ============================================================ */

/* 1. Quitar el display:flex roto del theme SOLO en tus modales */
#modalNuevaLinea .modal-body,
#modalEditarCabecera .modal-body,
#modalFechas .modal-body,
[id^="modalEditarLinea_"] .modal-body {
    display: block !important;
    align-items: initial !important;
}

/* 2. Textareas correctos: altura, borde bootstrap, 100% ancho */
#modalNuevaLinea textarea,
#modalEditarCabecera textarea,
#modalFechas textarea,
[id^="modalEditarLinea_"] textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 150px !important;
    resize: vertical !important;

    background: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    padding: .375rem .75rem !important;

    font-size: 1rem !important;
    line-height: 1.5 !important;
    color: #212529 !important;
}

/* 3. Asegurar que los contenedores de inputs ocupen el ancho */
#modalNuevaLinea .mb-3,
#modalEditarCabecera .mb-3,
#modalFechas .mb-3,
[id^="modalEditarLinea_"] .mb-3 {
    width: 100% !important;
}


/* ============================================================
   ESTILO MEJORADO PARA LAS CARDS DE LÍNEAS DE CONVERSACIÓN
   Más contraste + menos altura + diseño más moderno
   ============================================================ */

.card {
    background: #c0c3c9 !important;      /* Fondo más contrastado */
    border: 1px solid #c6cbd3 !important;
    border-radius: 10px !important;
}

.card-body {
    padding: 0.75rem 1rem !important;    /* Más compacto */
}

.card-body strong {
    font-size: 0.95rem;
    color: #0d1b2a !important;
}

.card-body .text-muted {
    color: #4f5b67 !important;
}

/* Reducir espacio superior/inferior del texto */
.card-body div[style*="white-space"] {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

/* Botones de editar/borrar más integrados */
.card .btn-group .btn {
    padding: 2px 6px !important;
    border-radius: 6px !important;
}

/* Dar un pequeño efecto hover */
.card:hover {
    background: #d9dee6 !important;
    transition: 0.15s ease-in-out;
}

/* ======= CARDS DEL FOOTER ======= */
#footer .card {
    background-color: #080D10 !important;  /* Fondo oscuro personalizado */
    border: 1px solid #101820 !important;  /* Borde sutil */
    color: #f8f9fa !important;            /* Texto claro */
}

/* Títulos dentro de los cards del footer */
#footer .card h4 {
    color: #ffffff !important;
}

/* Enlaces dentro de los cards del footer */
#footer .card a {
    color: #f1f5f9 !important;
    text-decoration: none;
}

#footer .card a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Si quieres un pelín menos padding vertical, opcional: */
#footer .card {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

/* Quitar padding gigante que impone el theme en las líneas */
.card.mb-2 {
    padding: 8px 12px !important; /* ajusta aquí a tu gusto */
    display: block !important;    /* evita el flex que deforma */
    background: #c6cbd3 !important; /* si quieres mantener ese gris */
}
/* Caja bonita para Estado / Departamento */
.estado-box,
.depto-box {
    background: #e9edf3;        /* fondo claro */
    padding: 8px 12px;          /* menos alto */
    border-radius: 6px;         /* borde redondeado */
    font-weight: 500;
    color: #333;
    border: 1px solid #d0d5db;  /* borde leve */
    display: inline-block;
    width: 100%;
}