/* public/app/css/dashboard-stage-acts.css
 * Synopsis: Module dashboard-stage-acts.
 * Objectif: Grille dictée, ponctuation et marques.
 */

.dash .dash-core {
    grid-template-columns: minmax(0, 1fr);
}

.dash .dash-core .dash-go {
    grid-column: 1 / -1;
}

.dash .dash-core .dash-act,
.dash .dash-core .dash-go {
    font-size: .86rem;
    min-height: 2.5rem;
    padding: .45rem .35rem;
    text-align: center;
    white-space: normal;
}

.dash .dash-go.primary,
.dash .dash-go {
    background: linear-gradient(135deg, var(--dash-accent), #2fd6a0);
    border: none;
    border-radius: var(--dash-radius);
    color: #06110c;
    font-family: var(--display);
    letter-spacing: -.02em;
}

.dash .dash-go.primary:hover,
.dash .dash-go:hover:not(:disabled) {
    background: linear-gradient(135deg, #7dffd0, var(--dash-accent));
    filter: none;
}

.dash .dash-go[aria-pressed="true"] {
    background: var(--dash-hot);
    color: #fff;
    font-size: clamp(1.1rem, 2.2vw, 1.4rem);
    min-height: 3.25rem;
}

.dash .dash-act--mark {
    align-items: center;
    display: inline-flex;
    font-family: var(--body);
    font-size: 1.15rem;
    font-weight: 600;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    min-height: 2.5rem;
    padding: 0;
    text-align: center;
}

.dash .dash-rail--ops .dash-punct {
    display: grid;
    gap: .3rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}