<style>
            .chat-wrapper {
              background: transparent;
              font-family: 'Segoe UI', sans-serif;
              padding: 20px;
              display: flex;
              flex-direction: column;
              gap: 15px;
              max-width: 500px;
              margin: 0 auto;
            }
          
            /* =================== RECEBIDA =================== */
            .received-wrapper {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
            }
          
            .received-name {
              font-size: 14px;
              font-weight: bold;
              margin-left: 12px;
              margin-bottom: 2px;
            }
          
            .received-bubble {
              background: #ffffff;
              border-radius: 8px;
              padding: 10px 15px;
              position: relative;
              box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
              max-width: 80%;
            }
          
            .received-bubble::before {
              content: "";
              position: absolute;
              top: 10px;
              left: -10px;
              width: 0;
              height: 0;
              border-top: 10px solid transparent;
              border-right: 10px solid #ffffff;
              border-bottom: 10px solid transparent;
            }
          
            /* =================== ENVIADA =================== */
            .sent-wrapper {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
            }
          
            .sent-name {
              font-size: 14px;
              font-weight: bold;
              margin-right: 12px;
              margin-bottom: 2px;
            }
          
            .sent-bubble {
              background: #dcf8c6;
              border-radius: 8px;
              padding: 10px 15px;
              position: relative;
              box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
              max-width: 80%;
            }
          
            .sent-bubble::after {
              content: "";
              position: absolute;
              top: 10px;
              right: -10px;
              width: 0;
              height: 0;
              border-top: 10px solid transparent;
              border-left: 10px solid #dcf8c6;
              border-bottom: 10px solid transparent;
            }
          
            /* =================== TEXTO =================== */
            .message-text, .message-subtext {
              font-family: 'Segoe UI', sans-serif; /* Mantém a fonte para o texto da mensagem */
              font-size: 14px;
              color: #000;
            }
          
            .message-subtext {
              font-size: 13px;
              color: #555;
              margin-top: 5px;
            }
          </style>