/**
 * panel.css — Estilos para el Panel de Administración y Vinculación
 * Biblia Conexiones PWA
 *
 * Administra los estilos visuales de versículos, botones de vinculación,
 * selección activa y acordeones de temas en el panel administrativo.
 */

/* Interacción y hover en versículos del panel */
.verse-item:hover .verse-link-icon-btn i {
    opacity: 0.8 !important;
    color: var(--bs-primary) !important;
}

/* Versículo activo seleccionado en el área de estudio */
.active-verse {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    border-left: 3px solid var(--bs-primary) !important;
}

/* Tema seleccionado para vinculación masiva o inspección */
.theme-selected {
    background-color: rgba(var(--bs-primary-rgb), 0.12) !important;
    border-left: 3px solid var(--bs-primary) !important;
    border-radius: 4px;
}

.theme-selected .accordion-button {
    font-weight: bold;
    color: var(--bs-primary) !important;
}

/* Botón con icono de enlace para conectar temas a versículos */
.verse-link-icon-btn {
    text-decoration: none !important;
    border: none;
    background: transparent;
    padding: 0;
    line-height: 1;
    transition: transform 0.15s ease;
}

.verse-link-icon-btn:hover {
    transform: scale(1.25);
}

/* Ajustes de acordeón para la lista de temas en el panel */
.theme-item-search .accordion-button,
#themes_container .accordion-button {
    font-size: 0.9rem;
}

.theme-item-search .accordion-button:focus,
#themes_container .accordion-button:focus {
    box-shadow: none;
}

.theme-item-search .accordion-button::after,
#themes_container .accordion-button::after {
    background-size: 1rem;
    width: 1rem;
    height: 1rem;
}