/* styles.css */
.suggestions {
    border: 1px solid #fff;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    background: white;
    width: calc(100% - 22px);
    z-index: 1000;
}
.suggestion-item {
    padding: 10px;
    cursor: pointer;
}
.suggestion-item:hover {
    background-color: #f0f0f0;
}

/* --- Estilos Bento Box Modal --- */
.modal-body-bento {
    background-color: #f8f9fc; /* Fondo ligeramente gris para resaltar las tarjetas */
    padding: 25px;
}
.bento-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.04);
    padding: 20px;
    margin-bottom: 20px;
    
    border: 1px solid #f0f2f5;
}
.bento-card-header {
    font-size: 1.1rem;
    font-weight: 600;
    color: #4e73df;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f8f9fc;
    padding-bottom: 10px;
}
.bento-card-header i {
    margin-right: 8px;
}
.mini-table-wrapper {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid #e3e6f0;
    border-radius: 8px;
}
/* Scrollbar sutil para las mini tablas */
.mini-table-wrapper::-webkit-scrollbar { width: 6px; }
.mini-table-wrapper::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 10px; }
.mini-table-wrapper table th { position: sticky; top: 0; background: #f8f9fc; z-index: 1; border-top: none;}