:root{
      --bg-color:#eafaf1;--text-color:#2e3a33;--accent-color:#34b27a;--btn-text:#fff;
      --card-bg:#fff;--input-bg:#fff;--border-color:#cde8d8;--shadow:0 4px 10px rgba(0,0,0,.08)
    }
    body{margin:0;background:var(--bg-color);color:var(--text-color);font-family:"Segoe UI",sans-serif}
    .layout{display:flex;min-height:100vh}
    .sidebar-form{background:var(--card-bg);padding:20px;width:270px;border-right:1px solid var(--border-color);box-shadow:var(--shadow)}
    .sidebar-form h2{margin-top:0;color:var(--accent-color)}
    .sidebar-form input,.sidebar-form textarea{width:100%;padding:10px;margin-bottom:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg)}
    .sidebar-form button{flex:1;padding:10px;border:none;border-radius:6px;color:var(--btn-text);background:var(--accent-color);cursor:pointer}
    .sidebar-form .btn-row{display:flex;gap:10px}
    .sidebar-form button:hover{filter:brightness(.9)}
    .main{flex:1;display:flex;flex-direction:column;padding:20px}
    .header{text-align:center;margin-bottom:10px}
    .header h1{margin:0;color:var(--accent-color)}
    .header p{margin:2px 0;font-size:.85rem}
    .chat-wrapper{flex:1;display:flex;flex-direction:column}
    .progress-bar{height:6px;width:100%;background:var(--border-color);border-radius:3px;overflow:hidden}
    .progress{height:100%;width:0;background:var(--accent-color);transition:width .3s}
    .status{font-size:.9rem;margin:4px 0 8px}
    .chat-container{flex:1;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:15px;overflow-y:auto;box-shadow:var(--shadow)}
    .chat-message{position:relative;margin-bottom:12px;padding:10px 12px;border-radius:10px;max-width:80%;line-height:1.45}
    .chat-message.user{background:var(--accent-color);color:#fff;margin-left:auto}
    .chat-message.bot{background:#f1f8f4;border:1px solid var(--border-color)}
    .chat-actions{position:absolute;top:6px;right:8px;display:flex;gap:6px}
    .chat-actions button{background:transparent;border:none;font-size:1rem;cursor:pointer;color:inherit}
    .chat-input-container{display:flex;flex-direction: column;gap:10px;margin-top:12px}
    .chat-input-container input{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg)}
    .chat-input-container button{padding:0 20px;border:none;border-radius:8px;background:var(--accent-color);color:var(--btn-text);cursor:pointer}
    .chat-input-container button:hover{filter:brightness(.9)}
    .disclaimer{margin-top:15px;font-size:.75rem;line-height:1.3;color:#63726b;text-align:center}
    @media(max-width:768px){.layout{flex-direction:column}.sidebar-form{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}}
    /* --- Fix botón copiar en los globos --- */
.chat-actions { top: 4px; right: 4px; }
.chat-actions button {
  background: transparent !important;  /* sin fondo */
  border: none;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}