/* public/app/css/dash-tools.css
 * Synopsis: Outils d’édition dans Saisie clavier.
 * Objectif: Rangée Réinit. / Annuler / Rétablir / Effacer.
 */

.dash .dash-kbd-tools {
    display: grid;
    gap: .3rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    min-width: 0;
}

.dash .dash-panel--keyboard .dash-reset--kbd,
.dash .dash-panel--keyboard .dash-act--undo,
.dash .dash-panel--keyboard .dash-act--redo,
.dash .dash-panel--keyboard .dash-act--erase {
    font-size: .78rem;
    min-height: 2.35rem;
    padding: .35rem .2rem;
    text-align: center;
}

.dash .dash-act--undo {
    background: color-mix(in srgb, var(--dash-muted) 16%, var(--dash-elev2));
    border-color: color-mix(in srgb, var(--dash-muted) 38%, var(--dash-line));
    color: color-mix(in srgb, var(--dash-muted) 70%, var(--dash-text));
    font-family: var(--display);
    font-weight: 500;
    transition: none;
}

.dash .dash-act--undo:hover:not(:disabled) {
    background: color-mix(in srgb, var(--dash-muted) 28%, var(--dash-elev2));
    border-color: color-mix(in srgb, var(--dash-muted) 52%, var(--dash-line));
    color: var(--dash-text);
}

.dash .dash-act--redo {
    background: color-mix(in srgb, var(--dash-accent) 8%, var(--dash-elev2));
    border-color: color-mix(in srgb, var(--dash-accent) 22%, var(--dash-line));
    color: color-mix(in srgb, var(--dash-accent) 45%, var(--dash-muted));
    font-family: var(--display);
    font-weight: 500;
    transition: none;
}

.dash .dash-act--redo:hover:not(:disabled) {
    background: color-mix(in srgb, var(--dash-accent) 16%, var(--dash-elev2));
    border-color: color-mix(in srgb, var(--dash-accent) 40%, var(--dash-line));
    color: color-mix(in srgb, var(--dash-accent) 72%, var(--dash-text));
}