/* public/app/css/dash-compose-go.css
 * Synopsis: Bouton dictée incrusté dans la coque texte.
 * Objectif: Haut gauche, look discret, face aux icônes.
 */

.dash .dash-compose__go {
    left: .55rem;
    max-width: calc(100% - 8.6rem);
    pointer-events: none;
    position: absolute;
    top: .45rem;
    z-index: 3;
}

.dash .dash-compose #stt-btn.dash-go--in {
    background: color-mix(in srgb, var(--dash-input-bg) 82%, var(--dash-accent-dim));
    border: 1px solid color-mix(in srgb, var(--dash-accent) 28%, var(--dash-line));
    border-radius: var(--dash-radius);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--dash-text) 6%, transparent);
    color: color-mix(in srgb, var(--dash-accent) 68%, var(--dash-text));
    cursor: pointer;
    font-family: var(--body);
    font-size: .78rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
    max-width: 100%;
    min-height: 2rem;
    padding: .32rem .7rem;
    pointer-events: auto;
    text-align: left;
    transition: none;
    white-space: normal;
    width: auto;
}

.dash .dash-compose #stt-btn.dash-go--in:hover:not(:disabled) {
    background: color-mix(in srgb, var(--dash-accent) 14%, var(--dash-input-bg));
    border-color: color-mix(in srgb, var(--dash-accent) 42%, var(--dash-line));
    color: color-mix(in srgb, var(--dash-accent) 82%, var(--dash-text));
    filter: none;
}

.dash .dash-compose #stt-btn.dash-go--in[aria-pressed="true"] {
    background: color-mix(in srgb, var(--dash-hot) 14%, var(--dash-input-bg));
    border-color: color-mix(in srgb, var(--dash-hot) 42%, var(--dash-line));
    color: color-mix(in srgb, var(--dash-hot) 78%, var(--dash-text));
    font-size: .78rem;
    font-weight: 500;
    min-height: 2rem;
}

.dash .dash-compose #stt-btn.dash-go--in:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.dash.dash--fs .dash-compose #stt-btn.dash-go--in,
.dash.dash--fs .dash-compose #stt-btn.dash-go--in[aria-pressed="true"],
.dash.dash--fs.dash--flux .dash-compose #stt-btn.dash-go--in,
.dash.dash--fs.dash--flux .dash-compose #stt-btn.dash-go--in[aria-pressed="true"] {
    font-size: .8rem;
    grid-column: auto;
    min-height: 2.05rem;
}