/* public/app/css/dash-simple-compose-stack.css
 * Synopsis: Bouton Dicter au-dessus de la zone texte homepage.
 * Objectif: Premières lignes de transcription toujours lisibles.
 */

.dash.dash--simple .dash-compose {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    min-height: clamp(28rem, 58vh, 42rem);
}

.dash.dash--simple .dash-compose__go {
    grid-column: 1;
    grid-row: 1;
    left: auto;
    margin: 0 0 .65rem;
    max-width: none;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 3;
}

.dash.dash--simple .dash-compose #ws-input,
.dash.dash--simple .dash-compose .stt-adv-marks,
.dash.dash--simple .dash-compose .stt-adv-mirror,
.dash.dash--simple .dash-compose .llm-overlay,
.dash.dash--simple .dash-compose__tools,
.dash.dash--simple .dash-compose__dock {
    grid-column: 1;
    grid-row: 2;
}

.dash.dash--simple .dash-compose #ws-input {
    min-height: clamp(16rem, 38vh, 30rem);
    padding: 1.05rem 3.6rem 1.3rem 1.2rem;
}

.dash.dash--simple .dash-compose .stt-adv-marks,
.dash.dash--simple .dash-compose .stt-adv-mirror {
    inset: 0;
    padding: 1.05rem 3.6rem 1.3rem 1.2rem;
}

.dash.dash--simple .dash-compose__tools {
    left: auto;
    position: absolute;
    right: 1rem;
    top: .7rem;
}

.dash.dash--simple .dash-compose__dock {
    position: absolute;
}