/* public/app/css/visual-ultra-stage.css
 * Synopsis: Mode Ultra — scène centrale dictée.
 * Objectif: Zone texte et actions go cohérentes Ultra.
 */

html[data-vok-visual="ultra"] .dash .dash-compose {
    background:
        radial-gradient(70% 50% at 50% 0%, color-mix(in srgb, var(--dash-accent) 10%, transparent), transparent 60%),
        var(--dash-elev);
    border-color: color-mix(in srgb, var(--dash-accent) 20%, var(--dash-line));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent),
        0 8px 22px color-mix(in srgb, var(--dash-text) 8%, transparent);
}

html[data-vok-visual="ultra"] .dash #ws-input,
html[data-vok-visual="ultra"] .dash .dash-compose textarea {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 14%, transparent);
}

html[data-vok-visual="ultra"] .dash .dash-go.primary,
html[data-vok-visual="ultra"] .dash .dash-go[aria-pressed="true"] {
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--dash-accent) 40%, transparent),
        0 0 18px color-mix(in srgb, var(--dash-accent) 28%, transparent);
}

html[data-vok-visual="ultra"] .dash .dash-eq {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dash-accent) 18%, transparent);
}

html[data-vok-visual="ultra"] .dash .dash-chars {
    color: color-mix(in srgb, var(--dash-accent) 55%, var(--dash-text));
    font-variant-numeric: tabular-nums;
}