/* =========================================================
   AÇÕES DAS MENSAGENS — DEFINIÇÃO ÚNICA
   ========================================================= */

.message-actions{
    display:flex !important;
    align-items:center;
    gap:2px;
    margin-top:6px;
    width:100%;
    height:28px;
    min-height:28px;
    opacity:1 !important;
    transition:opacity .15s ease;
}

.message-action-button{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#a7a7a7 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:15px !important;
    line-height:1 !important;
    cursor:pointer;
    box-shadow:none !important;
    transition:background .12s ease,color .12s ease,transform .1s ease,box-shadow .12s ease;
}

.message-action-button.is-copied {
    color: #fff !important;
    background: rgba(58,131,246,.28) !important;
}

.message-action-button:hover{
    background:#303030 !important;
    color:#eeeeee !important;
}

.message-action-button:active{
    transform:scale(.94);
}

.message-action-button.active{
    background:transparent !important;
    color:var(--blue) !important;
}

.message-action-button svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.message-action-label{
    font-size:11px;
    margin-left:4px;
}

.message.assistant .message-actions{
    justify-content:flex-start !important;
    padding-left:0 !important;
}

.message.user .message-actions{
    justify-content:flex-end !important;
}

.action-menu-wrapper{
    position:relative;
    display:flex;
    align-items:center;
}

.action-dropdown{
    position:absolute;
    left:0;
    bottom:calc(100% + 5px);
    width:165px;
    min-width:165px;
    padding:5px;
    background:#303030 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:9px;
    box-shadow:0 10px 30px rgba(0,0,0,.45);
    z-index:999;
}

.action-dropdown.hidden{
    display:none !important;
}

.action-dropdown button{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:100% !important;
    height:34px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    color:#eeeeee !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px;
    cursor:pointer;
    text-align:left;
    font-size:12px !important;
    box-shadow:none !important;
}

.action-dropdown button:hover{
    background:#3d3d3d !important;
}

/* Ações também existem nas mensagens do usuário: copiar e reutilizar no campo. */
.message.user .message-actions {
    justify-content: flex-start !important;
    padding-left: 0 !important;
}
.message.user .message-actions .message-action-button {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
}