body{background:#faf8f3;color:#24221e}
.wa-login{min-height:100vh;display:grid;place-items:center;padding:24px}.wa-login-card{width:min(100%,440px);background:#fff;border:1px solid #e8e2d7;border-radius:18px;box-shadow:0 18px 56px #332a1d10;padding:36px}.wa-login-card h1{margin:10px 0 8px;font-size:30px}.wa-login-card p{color:#706a60;line-height:1.5}.wa-login-card form,.wa-connect-form{display:grid;gap:14px}.wa-login-card label,.wa-connect-form label{display:grid;gap:6px;font-weight:600}.wa-login-card input,.wa-connect-form input{width:100%;padding:12px 13px;border:1px solid #dcd5c9;border-radius:9px;background:#fff;font:inherit}.wa-login-card button,.wa-connect-form button,.wa-toolbar button,.wa-thread form button{cursor:pointer;border-radius:9px;padding:10px 16px;border:1px solid #d9d3c8;background:#fff;font:inherit;font-weight:650}.wa-login-card button[type=submit],.wa-connect-form button[type=submit],.wa-thread form button{background:#247c60;border-color:#247c60;color:white}
.wa-app{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.wa-sidebar{background:#fff;border-right:1px solid #e8e2d7;padding:28px 16px;display:flex;flex-direction:column;gap:8px}.wa-brand{padding:6px 12px 26px;font-size:21px;font-weight:750;letter-spacing:-.04em}.wa-brand small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:#247c60;text-transform:uppercase;margin-top:4px}.wa-nav{display:grid;gap:5px}.wa-nav button{width:100%;text-align:left;border:0;border-radius:10px;background:transparent;padding:12px 14px;font:inherit;color:#45413b;cursor:pointer}.wa-nav button[aria-current=page]{background:#e7f2ed;color:#176c50;font-weight:750}.wa-sidebar-foot{margin-top:auto;padding:16px 12px;border-top:1px solid #eee8de;color:#716c63;font-size:13px}.wa-main{min-width:0;padding:34px min(4vw,54px) 70px}.wa-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.wa-toolbar h1{margin:0 0 4px;font-size:28px;letter-spacing:-.04em}.wa-toolbar p{margin:0;color:#746f65}
.wa-card{background:white;border:1px solid #e8e2d7;border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 8px 25px #30291608}.wa-card h2{font-size:19px;margin:0 0 14px}.wa-card p{line-height:1.5}.wa-muted{color:#746f65}.wa-warning{background:#fff8e8;border:1px solid #ead9b8;border-radius:10px;padding:12px 16px;color:#735423}.wa-success{background:#e8f4ec;border:1px solid #c6dfcf;color:#286347;border-radius:10px;padding:12px 16px}.wa-error{color:#a63343;min-height:1.4em}
.wa-inbox{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);background:#fff;border:1px solid #e8e2d7;border-radius:14px;min-height:65vh;overflow:hidden}.wa-list{border-right:1px solid #e8e2d7;overflow:auto}.wa-list button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #f0ece5;padding:16px;cursor:pointer;font:inherit}.wa-list button[aria-selected=true]{background:#eaf5ef}.wa-list strong,.wa-list small{display:block}.wa-list small{margin-top:5px;color:#756f66;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wa-thread{min-width:0;display:flex;flex-direction:column}.wa-thread-head{padding:17px 22px;border-bottom:1px solid #eee9e0}.wa-thread-head h2{font-size:19px;margin:0}.wa-messages{flex:1;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;overflow-y:auto;max-height:56vh}.wa-message{max-width:min(78%,540px);padding:11px 14px;border-radius:14px;background:#f2efe9;white-space:pre-wrap;word-break:break-word}.wa-message.outbound{align-self:flex-end;background:#dff1e8}.wa-message small{display:block;text-align:right;color:#77756f;margin-top:4px;font-size:11px}.wa-thread form{border-top:1px solid #eee9e0;padding:16px;display:grid;gap:10px}.wa-thread textarea{width:100%;min-height:75px;resize:vertical;border:1px solid #dcd5c9;border-radius:9px;padding:12px;font:inherit}.wa-agent-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.wa-agent-controls button{cursor:pointer;border:1px solid #d9d3c8;border-radius:9px;padding:10px 14px;background:white;font:inherit;font-weight:650}.wa-agent-controls button:disabled{cursor:not-allowed;opacity:.55}.wa-agent-shell .real-agent{max-width:none}
@media(max-width:800px){.wa-app{grid-template-columns:1fr}.wa-sidebar{padding:14px;border-right:0;border-bottom:1px solid #e8e2d7}.wa-brand{padding-bottom:10px}.wa-nav{display:flex;overflow-x:auto}.wa-nav button{white-space:nowrap}.wa-sidebar-foot{display:none}.wa-main{padding:24px 16px 60px}.wa-inbox{grid-template-columns:1fr}.wa-list{max-height:230px;border-right:0;border-bottom:1px solid #e8e2d7}}