/* BOTÓN FILTRAR */
#btn-toggle-panes {
    font-size: 1rem;
    font-weight: 600;
    background: #eaf3fd;
    color: #2356a7;
    border: 1px solid #bdd0ea;
    box-shadow: 0 1px 5px #d3e4f511;
    transition: background 0.16s;
}
#btn-toggle-panes:hover {
    background: #dbeffd;
    color: #1c4479;
}

/* --- CARDS MINI --- */
.card-autofill {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur( 19px );
    -webkit-backdrop-filter: blur( 19px );
    border-radius: 8px;
    box-shadow: 0 1px 5px #d6e4fa22;
    padding: 6px 10px 3px 10px;
    min-height: 38px;
    margin-bottom: 6px;
    font-size: 0.92rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-autofill-label {
    color: #2854a6;
    font-weight: 500;
    font-size: 0.87rem;
    margin-bottom: 0.5px;
    white-space: nowrap;
    line-height: 1.1;
    letter-spacing: 0.01em;
}
.card-autofill-value {
    color: #334;
    font-size: 0.93rem;
    font-weight: 400;
    line-height: 1.17;
    white-space: pre-wrap;
    min-height: 18px;
    max-height: 3.4em;
    overflow-y: auto;
}

/* --- Tabla mini --- */
#tabla-muestras th, #tabla-muestras td {
    font-size: 0.94rem !important;
    padding: 5px 9px !important;
    vertical-align: middle !important;
}
#tabla-muestras th {
    background: #f4f8fd;
    color: #224a93;
    font-weight: 600;
    letter-spacing: 0.02em;
}
#tabla-muestras tr {
    border-bottom: 1px solid #ecf1fa;
}

#tabla-muestras tbody tr:hover {
    background: #eaf3fd !important;
}

/* --- Responsive --- */
@media (max-width: 1100px) {
    #autofill-cards-1 .col-md-2, #autofill-cards-1 .col-md-3,
    #autofill-cards-2 .col-md-1, #autofill-cards-2 .col-md-2, #autofill-cards-2 .col-md-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (max-width: 850px) {
    #autofill-cards-1 .col-md-2, #autofill-cards-1 .col-md-3,
    #autofill-cards-2 .col-md-1, #autofill-cards-2 .col-md-2, #autofill-cards-2 .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 520px) {
    #autofill-cards-1 .col-md-2, #autofill-cards-1 .col-md-3,
    #autofill-cards-2 .col-md-1, #autofill-cards-2 .col-md-2, #autofill-cards-2 .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container { padding-left: 2px; padding-right: 2px; }
    .card-autofill { font-size: 0.91rem; min-height: 26px; }
}
#btn-toggle-panes {
    font-size: 0.96rem;
    font-weight: 500;
    padding: 4px 16px;
    border-radius: 4px;
    background: #eaf3fd;
    color: #2356a7;
    border: 1px solid #bdd0ea;
    transition: background 0.13s;
}
#btn-toggle-panes:hover { background: #dbeffd; color: #1c4479; }


.container-fluid {
    padding-left: 18px !important;
    padding-right: 18px !important;
}
@media (max-width: 700px) {
    .container-fluid {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

/* --- Tabla aún más compacta --- */
#tabla-muestras th,
#tabla-muestras td {
    font-size: 0.85rem !important;    /* Reducir tamaño de letra */
    padding: 4px 6px !important;      /* Menos padding */
    vertical-align: middle !important;
}
#tabla-muestras th {
    background: #f4f8fd;
    color: #224a93;
    font-weight: 600;
    letter-spacing: 0.02em;
    font-size: 0.9rem !important;     /* Cabeceras un pelín más pequeñas */
}
#tabla-muestras tr {
    border-bottom: 1px solid #ecf1fa;
}
#tabla-muestras tbody tr:hover {
    background: #eaf3fd !important;
}