/* ===================================
   VOICETRANSCRIPT - Transcription vocale
   ===================================
   Gestion de l'entrée vocale et textuelle
*/

/* Ligne avec micro, transcription, poubelle */
.main-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:8px 0;
}

/* Bouton microphone */
#micIcon{
    display:inline-block;
    font-size:64px;
    line-height:1;
    cursor:pointer;
    user-select:none;
    transition:transform 0.15s ease, filter 0.2s ease;
    filter:drop-shadow(3px 3px 0 rgba(0,0,0,0.25));
    flex-shrink:0;
}
#micIcon:hover{ transform:scale(1.08); }
#micIcon.listening{
    color:#DC143C;
    animation:mic-glow 1.2s infinite ease-in-out;
}
@keyframes mic-glow{
    0%,100%{ filter:drop-shadow(0 0 2px rgba(220,20,60,0.35)) drop-shadow(3px 3px 0 rgba(0,0,0,0.25)); }
    50%{ filter:drop-shadow(0 0 12px rgba(220,20,60,0.75)) drop-shadow(0 0 24px rgba(255,105,180,0.45)) drop-shadow(3px 3px 0 rgba(0,0,0,0.25)); }
}

/* Zone de texte transcription */
.text-area-inline{
    flex:1;
    position:relative;
}
#transcript{
    width:100%;
    min-height:80px;
    padding:8px;
    border:4px solid #000;
    border-radius:16px;
    font-size:14px;
    line-height:1.4;
    resize:vertical;
    font-family:'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;
    font-weight:bold;
    background-color:#FFFACD;
}

/* Icône copier */
.copy-icon{
    position:absolute;
    bottom:6px;
    right:6px;
    background:transparent;
    border:none;
    cursor:pointer;
    font-size:32px;
    padding:3px;
    transition:all 0.25s ease;
    z-index:10;
    opacity:0.6;
}
.copy-icon:hover{ opacity:1; transform:scale(1.1); }

/* Bouton poubelle (effacer) */
#clearBtn{
    background:none;
    border:none;
    color:#FF8C00;
    padding:0;
    font-size:52px;
    cursor:pointer;
    transition:all 0.2s ease;
    display:inline-block;
    user-select:none;
    flex-shrink:0;
}
#clearBtn:hover{ transform:scale(1.2); color:#FF6B00; }

/* Séparateur après transcription */
.transcription-hr{
    border:none;
    border-top:3px solid #000;
    margin:10px 0;
    width:100%;
}

/* Espace après transcription */
.after-transcript-space{ height:90px; }

/* Décalage : remonter tout après transcription */
#afterTranscriptShift{
    margin-top:-80px;
}