/* public/app/css/visual-ultra-system.css
 * Synopsis: Mode Ultra — section Système.
 * Objectif: Langue UI et actions type console.
 */

html[data-vok-visual="ultra"] .dash .dash-panel--sys {
    background:
        radial-gradient(80% 60% at 0% 100%, color-mix(in srgb, var(--dash-accent) 12%, transparent), transparent 55%),
        linear-gradient(180deg, color-mix(in srgb, var(--dash-accent) 7%, transparent), transparent 2.4rem),
        var(--dash-elev);
}

html[data-vok-visual="ultra"] .dash .dash-sys-lang {
    background: color-mix(in srgb, var(--dash-input-bg) 70%, var(--dash-elev2));
    border-color: color-mix(in srgb, var(--dash-accent) 28%, var(--dash-line));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent),
        0 2px 8px color-mix(in srgb, var(--dash-text) 8%, transparent);
}

html[data-vok-visual="ultra"] .dash .dash-sys-btn {
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #fff 26%, transparent),
        0 2px 8px color-mix(in srgb, var(--dash-text) 10%, transparent);
}

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