/* Piel moderna compartida por las pantallas de configuración que usan el patrón
   "banco de preguntas + seleccionadas arrastrables" (calls-configuration-questions.tmpl
   y calls-configuration-questions-followup.tmpl). Solo estilos — ninguna clase aquí
   cambia el comportamiento de utils.js/saveXxx(), que siguen leyendo el DOM igual. */

.card-content-questions .content-questions,
.card-content-myConfiguration .content-questions {
    max-height: 55vh;
    min-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .5rem;
    background: var(--bs-body-bg, #fff);
    list-style: none;
}

.content-questions .container-question {
    border: none;
    border-bottom: 1px solid var(--bs-border-color, #eee);
    border-radius: 0;
    padding: .65rem .9rem;
    transition: background-color .15s ease;
}

.content-questions .container-question:last-child {
    border-bottom: none;
}

.content-questions .container-question:hover {
    background-color: rgba(0, 0, 0, .03);
}

.q-id-badge {
    display: inline-block;
    font-size: .75em;
    color: var(--bs-secondary-color, #6c757d);
    background: rgba(0, 0, 0, .04);
    border-radius: .25rem;
    padding: .05rem .35rem;
}

.q-type-badge {
    display: inline-block;
    font-size: .72em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: #fff;
    background: #6c757d;
    border-radius: 1rem;
    padding: .1rem .55rem;
    margin-left: .35rem;
}

.question-moves {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.q-drag-handle {
    cursor: grab;
    color: #999;
    padding: 0 .25rem;
}

.q-drag-handle:active {
    cursor: grabbing;
}

.js-q-bank-count,
.js-q-selected-count {
    font-size: .75em;
    vertical-align: middle;
}

.q-tag-badge {
    display: inline-block;
    font-size: .72em;
    color: var(--bs-secondary-color, #6c757d);
    background: rgba(0, 0, 0, .04);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 1rem;
    padding: .05rem .55rem;
    margin-left: .3rem;
}

/* Botón "+" / "✓ ya añadida" (icon-move-question) — mismo lenguaje visual que
   .js-rqc-add del picker de preguntas del reporte Excel (/projects). */
.icon-move-question {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-move-question.q-added {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--bs-secondary-color, #6c757d);
    border-color: var(--bs-border-color, #dee2e6);
    background: transparent;
    opacity: .7;
}

/* Iconos de acción "ghost": mismo tratamiento que .rqc-item-actions .btn-link
   del picker de Excel — menos ruido visual que los círculos de color sólido. */
.q-action-btn {
    width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--bs-secondary-color, #6c757d);
    transition: background-color .15s ease, color .15s ease;
}

.q-action-btn:hover {
    background-color: rgba(0, 0, 0, .06);
    color: var(--bs-body-color, #212529);
}

.q-action-btn.icon-remove:hover {
    color: var(--bs-danger, #dc3545);
}

/* Filtros, Vista de tabla, Informe One-page, Formulario público: en "seleccionadas"
   solo debe quedar "eliminar" — el resto de acciones (editar/traducir/visible/
   obligatoria/config-extra/chart) no aplican ahí. Ver .card-content-myConfiguration
   en filters.html/tableView.html/reportOnePage.html/privacity.html. */
.qp-selected-remove-only .question-actions .js-action-edit,
.qp-selected-remove-only .question-actions .js-action-type-chart,
.qp-selected-remove-only .question-actions .icon-translate,
.qp-selected-remove-only .question-actions .icon-eyes,
.qp-selected-remove-only .question-actions .icon-extra-conf {
    display: none;
}

/* Gráficas (dashboard): en "seleccionadas" solo "cambiar gráfica" + "eliminar". */
.qp-selected-chart-remove .question-actions .js-action-edit,
.qp-selected-chart-remove .question-actions .icon-translate,
.qp-selected-chart-remove .question-actions .icon-eyes,
.qp-selected-chart-remove .question-actions .icon-extra-conf {
    display: none;
}

/* Criterios de evaluación: en "seleccionadas" solo "editar" + "eliminar". */
.qp-selected-edit-remove-only .question-actions .icon-translate,
.qp-selected-edit-remove-only .question-actions .icon-extra-conf {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .content-questions .container-question {
        transition: none;
    }

    .q-action-btn {
        transition: none;
    }
}