@media(max-width:800px){
    .sidebar{position:fixed;left:0;top:0;bottom:0;box-shadow:12px 0 35px rgba(0,0,0,.35)}
    .sidebar.collapsed{transform:translateX(-100%);width:var(--sidebar-width)}
    .sidebar.collapsed + .floating-sidebar-button{display:block}
    .topbar-left{width:70px}.topbar-right{width:70px}
    .welcome{margin-top:80px}.welcome h1{font-size:26px}
    .chat-area{padding-left:8px;padding-right:8px}
    .message{padding:15px 7px}.message.user .message-content{max-width:86%}
    .thinking-label{display:none}.thinking-button{padding:0 7px}
    .composer-area{padding-left:8px;padding-right:8px}.composer-disclaimer{font-size:10px}
  }
  @media(max-width:540px){
    .sidebar{width:min(286px,88vw)}
    .composer-row{gap:3px}.composer-button{width:30px;flex-basis:30px}.composer-round-button{width:34px;height:34px;flex-basis:34px}
    .thinking-button{width:34px;height:34px;justify-content:center}
    .send-button:before{font-size:16px}

/* Ações das mensagens — responsivo */
@media (max-width:800px){
    .message-actions{
        opacity:1;
    }

    .message-action-button{
        width:30px;
        height:30px;
        min-width:30px;
    }

    .message-action-button svg{
        width:16px;
        height:16px;
    }
}

@media (max-width:540px){
    .message-actions{
        height:27px;
        gap:1px;
    }

    .message-actions .message-action-button{
        width:27px !important;
        min-width:27px !important;
        height:27px !important;
        font-size:14px !important;
    }
}