.wa-shell{display:grid;grid-template-columns:minmax(280px,35%) 1fr;min-height:620px;border:1px solid #e5e0dd;border-radius:22px;overflow:hidden;background:#fff}.wa-sidebar{border-right:1px solid #e5e0dd;background:#faf9f8}.wa-tools{padding:16px;border-bottom:1px solid #e5e0dd;display:grid;gap:10px}.wa-tools select,.wa-tools input,.wa-compose textarea,.wa-setup input{width:100%;border:1px solid #d8d1ce;border-radius:12px;padding:12px;font:inherit}.wa-number-note{font-size:12px;color:#777}.wa-list{max-height:550px;overflow:auto}.wa-chat-row{width:100%;border:0;border-bottom:1px solid #eee9e6;background:transparent;padding:15px;text-align:left;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;cursor:pointer}.wa-chat-row:hover,.wa-chat-row.active{background:#fff2f1}.wa-avatar{width:42px;height:42px;border-radius:50%;background:#1c1716;color:#fff;display:grid;place-items:center;font-weight:900}.wa-chat-copy{min-width:0}.wa-chat-copy b,.wa-chat-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-copy small{color:#777;margin-top:4px}.wa-unread{background:#20b865;color:#fff;border-radius:999px;min-width:24px;padding:4px 7px;text-align:center;font-size:12px;font-weight:800}.wa-thread{display:flex;flex-direction:column;min-width:0;background:#f5f2ef}.wa-thread-head{padding:16px 20px;background:#fff;border-bottom:1px solid #e5e0dd;display:flex;justify-content:space-between;gap:12px;align-items:center}.wa-messages{flex:1;padding:22px;overflow:auto;display:flex;flex-direction:column;gap:10px;max-height:470px}.wa-bubble{max-width:min(75%,560px);padding:11px 14px;border-radius:16px;background:#fff;box-shadow:0 1px 3px #00000010;white-space:pre-wrap;overflow-wrap:anywhere}.wa-bubble.out{align-self:flex-end;background:#dff7e9}.wa-bubble small{display:block;color:#777;font-size:11px;margin-top:6px;text-align:right}.wa-compose{padding:14px;background:#fff;border-top:1px solid #e5e0dd;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.wa-compose textarea{resize:none;min-height:48px;max-height:120px}.wa-empty{display:grid;place-items:center;text-align:center;min-height:520px;padding:30px;color:#777}.wa-setup{margin-top:18px;padding:18px;border:1px solid #e3dedb;border-radius:18px;background:#fff}.wa-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wa-copy-row{display:flex;gap:8px}.wa-copy-row input{background:#f7f5f3}.wa-status-open{color:#16845f}.wa-status-resolved{color:#777}@media(max-width:780px){.wa-shell{grid-template-columns:1fr}.wa-sidebar{border-right:0}.wa-thread{display:none}.wa-shell.chat-open .wa-sidebar{display:none}.wa-shell.chat-open .wa-thread{display:flex}.wa-setup-grid{grid-template-columns:1fr}.wa-bubble{max-width:88%}}
.wa-bot-card{background:#fff;border:1px solid #e5e0dd;border-radius:20px;padding:22px;margin-bottom:20px}.wa-bot-card p{color:#6f6870;line-height:1.6}.wa-bot-card summary{cursor:pointer;font-weight:700;padding:12px 0}.wa-bot-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.wa-bot-fields input,.wa-bot-preview input{width:100%;min-width:0;border:1px solid #d8d1ce;border-radius:12px;padding:12px;font:inherit}.wa-bot-toggle{display:flex;align-items:center;gap:10px}.wa-bot-toggle input{width:20px;height:20px}.wa-bot-preview{border-top:1px solid #eee;padding-top:16px;margin-top:20px}.wa-bot-history{white-space:pre-wrap;max-height:360px;overflow:auto;background:#f6f5f3;border-radius:12px;padding:14px;overflow-wrap:anywhere}.wa-bot-history:empty{display:none}.wa-bot-preview form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:12px}.wa-bot-preview .field{flex:1;min-width:180px}.wa-bot-card .btn,.wa-thread-actions .btn,.wa-handoff .btn{white-space:nowrap;min-height:44px;flex-shrink:0}.wa-thread-actions{display:flex;flex-wrap:wrap;gap:8px}.wa-handoff{padding:12px 18px;background:#fff7e8;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.wa-request{background:#fff;border:1px solid #edd9ba;border-left:4px solid #dc9517;border-radius:12px;padding:12px}.wa-request p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.wa-request small{color:#777}@media(max-width:780px){.wa-bot-fields{grid-template-columns:1fr}.wa-thread-head{align-items:flex-start;flex-direction:column}.wa-handoff{align-items:flex-start;flex-direction:column}.wa-bot-card{padding:16px}.wa-bot-card .panel-head{flex-wrap:wrap;gap:10px}}
