@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: #d9d7d4;--panel: #ffffff;--text: #111b21;--muted: #667781;--accent: #00a884;--accent-strong: #008069;--accent-soft: #d9fdd3;--border: #d1d7db;--shadow: 0 14px 30px rgba(17, 27, 33, .18);--shadow-soft: 0 8px 18px rgba(17, 27, 33, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Rubik,Segoe UI,sans-serif;color:var(--text);background:var(--bg);overflow:hidden}.wa-shell{max-width:1200px;width:min(1200px,100%);height:calc(100vh - 24px);margin:12px auto;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--panel)}.wa-sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.wa-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#f0f2f5}.wa-user-pill{display:flex;align-items:center;gap:12px}.wa-user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-strong);color:#fff;display:grid;place-items:center;font-weight:700}.wa-user-label{margin:0;font-weight:600;font-size:15px}.wa-user-sub{margin:2px 0 0;color:var(--muted);font-size:12px}.wa-icon-btn{border:none;background:#fff;color:var(--muted);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px}.wa-search{padding:12px 16px;border-bottom:1px solid var(--border)}.wa-search input{width:100%;padding:10px 12px;border-radius:18px;border:1px solid var(--border);background:#f0f2f5;font-size:13px}.wa-chat{display:flex;flex-direction:column;background:#efeae2;min-width:0;min-height:0}.wa-chat-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:#f0f2f5;border-bottom:1px solid var(--border)}.wa-chat-contact{display:flex;align-items:center;gap:12px}.wa-chat-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.wa-banner{margin:12px auto 0;padding:8px 16px;background:#fff4c8;color:#6b5d00;border-radius:10px;font-size:12px}.chat-subtitle{margin:4px 0 0;color:var(--muted);font-size:12px}.chat-badge{background:#e7fce3;color:var(--accent-strong);border-radius:999px;padding:6px 12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em}@keyframes pageFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.wa-shell{margin:0;border-radius:0;grid-template-columns:1fr;width:100%;height:100vh;grid-template-rows:auto 1fr}.wa-sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto}.wa-chat{min-height:0}}.persona-list{display:flex;flex-direction:column;overflow-y:auto}.persona-row{border:none;background:transparent;color:var(--text);padding:12px 16px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;border-bottom:1px solid #f0f2f5;position:relative}.persona-row:hover{background:#f0f2f5}.persona-row-active{background:#e7fce3}.persona-row-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.persona-row-text h3{margin:0;font-size:16px;font-weight:600}.persona-row-text p{margin:4px 0 0;color:var(--muted);font-size:13px}.persona-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.persona-row-name{display:none}.persona-row-time{font-size:11px;color:var(--muted)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 16px 6px}.chip{padding:6px 10px;border-radius:999px;border:1px solid #d1d7db;background:#fff;color:var(--text);cursor:pointer;font-weight:500;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}.chip:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1f6f5c2e}.chip:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.chat-window{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;border-radius:0;border:none;background:#efeae2;background-image:linear-gradient(45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);background-size:36px 36px;display:flex;flex-direction:column;gap:10px}.chat-empty{color:var(--muted);font-size:14px;text-align:center;margin-top:120px}.message{display:flex;justify-content:flex-start;animation:messagePop .25s ease-out}.message-user{justify-content:flex-end}.message-bubble{max-width:72%;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #e3e6ea;font-size:16px;line-height:1.5;box-shadow:0 1px #0000000a}.message-user .message-bubble{background:#d9fdd3;color:var(--text);border-color:#cbeec5}.typing-indicator{font-weight:500;color:var(--muted);padding:6px 4px;font-size:14px}.chat-input{display:flex;gap:12px;margin-top:0;padding:12px 16px;background:#f0f2f5;border-radius:0;border-top:1px solid var(--border)}.chat-input input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid #d1d7db;font-size:16px;font-family:inherit;background:#fff}.chat-input input:focus{outline:2px solid rgba(0,168,132,.2);border-color:var(--accent)}.chat-input button{padding:12px 18px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;font-size:16px}.chat-input button:disabled{opacity:.6;cursor:not-allowed}.error-text{margin-top:12px;color:#b64029;font-weight:600}@keyframes messagePop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.persona-list{flex-direction:row;gap:12px;padding:10px 12px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #f0f2f5;justify-content:space-between}.persona-row{border-bottom:none;padding:0;grid-template-columns:1fr;justify-items:center;gap:6px;min-width:72px;background:transparent}.persona-row-text{display:none}.persona-row-avatar{width:52px;height:52px}.persona-row-active .persona-row-avatar{width:58px;height:58px;outline:3px solid var(--accent);outline-offset:2px}.persona-row-active .persona-row-name{display:inline-block;font-size:12px;font-weight:600;color:var(--text);text-align:center}.chat-window{min-height:0;padding:12px 10px}.message-bubble{max-width:85%}.chat-input{flex-direction:column}.chat-input button{width:100%}}