/* Fundo principal preto, com os blocos de conteúdo destacados em cinza. */
.main-panel{background:#0f0f0f;}
.chat-area{background:#0f0f0f;}
.chat-area{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 22px 20px;display:flex;flex-direction:column}
  .chat-area::-webkit-scrollbar{width:7px}.chat-area::-webkit-scrollbar-thumb{background:#4b4b4b;border-radius:10px}
  .welcome{max-width:700px;margin:115px auto 0;padding:0 18px}
  .welcome-mark{font-size:15px;color:#ddd;margin-bottom:8px}
  .welcome h1{font-size:31px;line-height:1.15;margin:0 0 5px;font-weight:720;letter-spacing:-.7px}
  .welcome p{margin:0;color:#aaa;font-size:14px}
  .message{max-width:760px;margin:0 auto;padding:18px 14px;display:flex;gap:13px}
  .message.user{justify-content:flex-end}.message.user .message-content{background:#303030;border-radius:18px;padding:10px 14px;max-width:70%}
  .message.assistant .message-content{max-width:760px;flex:1}
  .message-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:7px;background:#ededed;color:#171717;display:grid;place-items:center;font-size:12px;font-weight:800}
  .message-text{font-size:15px;line-height:1.58;white-space:pre-wrap;word-break:break-word}
  .message-actions{display:flex;align-items:center;gap:4px;margin-top:10px}
  .action-button{border:0;background:transparent;color:#a9a9a9;border-radius:7px;height:30px;min-width:30px;padding:0 7px;display:flex;align-items:center;gap:5px;cursor:pointer}
  .action-button:hover{background:var(--hover);color:#eee}.action-button.active{color:var(--blue)}
  .action-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .action-label{font-size:11px}
  .typing-avatar{width:28px;height:28px;border-radius:7px;background:#eee;color:#171717;display:grid;place-items:center;font-size:12px;font-weight:800}
  .typing-dots{display:flex;gap:4px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:#aaa;animation:blink 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}

/* Estrutura real da mensagem */
  .message {
      max-width: 760px;
      margin: 0 auto;
      padding: 18px 14px;
      display: flex;
      align-items: flex-start;
      gap: 13px;
  }
  
  .message-body {
      min-width: 0;
      flex: 1;
  }
  
  .message.assistant .message-body {
      max-width: 760px;
  }
  
  .message.assistant .message-content {
      max-width: 100%;
  }
  
  .message.user .message-body {
      max-width: 70%;
  }
  
  .message.user {
      justify-content: flex-end;
  }
  
  .message.user .message-content {
      background: #303030;
      border-radius: 18px;
      padding: 10px 14px;
  }
  
  /* =========================================================