/* public/app/css/dash-modes-cycle.css
 * Synopsis: Lignes et bouton cycle reformulation LLM.
 * Objectif: Fenêtre de 4 outils avec défilement ▾.
 */

.dash .dash-modes-matrix {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.dash .dash-modes-row {
    display: grid;
    gap: .35rem .45rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.dash .dash-modes-row--head {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.dash .dash-modes-row[hidden] {
    display: none;
}

.dash .dash-modes-cycle {
    align-self: stretch;
    font-size: 1.05rem;
    line-height: 1;
    min-height: 2.55rem;
    min-width: 2.2rem;
    padding: 0;
}

.dash .dash-modes-cycle.is-spin {
    animation: dash-modes-cycle-spin .35s ease;
}

@keyframes dash-modes-cycle-spin {
    to {
        transform: rotate(180deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dash .dash-modes-cycle.is-spin {
        animation: none;
    }
}