:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#182321;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app{height:100vh;display:grid;grid-template-columns:68px 230px 360px 1fr;background:#fff}.rail{background:#123c35;color:#fff;display:flex;flex-direction:column;align-items:center;padding:18px 10px;gap:12px}.rail span{flex:1}.rail button{border:0;background:transparent;color:#a9c8c1;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.rail button.active,.rail button:hover{background:#1f5c51;color:#fff}.mini-logo,.brandmark{display:grid;place-items:center;font-weight:800;color:#fff;background:#1bbf83;border-radius:12px}.mini-logo{width:42px;height:42px;margin-bottom:18px}.instances{border-right:1px solid #e4eae8;background:#f7faf9;padding:18px 12px}.instances header{padding:0 10px 12px}.instances h2{font-size:18px}.instances>button,.conversation-list>button{width:100%;border:0;background:transparent;text-align:left;display:flex;gap:11px;padding:11px;border-radius:12px}.instances>button.selected,.instances>button:hover,.conversation-list>button.selected,.conversation-list>button:hover{background:#e7f5f0}.avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:#d7eee7;color:#17624f;display:grid;place-items:center;font-weight:700;text-transform:uppercase}.instances strong,.instances small{display:block}.instances small{font-size:11px;color:#68807a;margin-top:4px}.instances small svg{width:12px;height:12px;vertical-align:middle}.inbox{border-right:1px solid #e4eae8;display:flex;flex-direction:column;min-width:0}.inbox header,.chat header{height:76px;padding:14px 18px;border-bottom:1px solid #e4eae8;display:flex;align-items:center;gap:12px}.inbox h1,.inbox p,.chat h2{margin:0}.inbox h1{font-size:21px}.inbox p{font-size:12px;color:#78908a;margin-top:3px}.search{margin:14px;display:flex;align-items:center;gap:8px;background:#f2f6f5;border:1px solid #e2e9e7;border-radius:10px;padding:10px}.search svg{width:17px;color:#77908a}.search input{border:0;outline:0;background:transparent;width:100%}.inbox nav{display:flex;padding:0 12px;border-bottom:1px solid #e7ecea}.inbox nav button{border:0;background:transparent;padding:9px 8px;color:#6d827e;font-size:12px;display:flex;gap:5px}.inbox nav svg{width:14px;height:14px}.inbox nav .active{color:#13845f;border-bottom:2px solid #18a977}.conversation-list{overflow:auto}.conversation-list button{border-radius:0;padding:13px 15px;border-bottom:1px solid #edf1f0}.summary{min-width:0;flex:1}.summary strong,.summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary small{color:#768985;font-size:12px;margin-top:5px}.meta{text-align:right}.meta time{font-size:10px;color:#82928f;display:block}.meta b{display:inline-grid;place-items:center;margin-top:8px;background:#18a977;color:#fff;border-radius:20px;min-width:20px;height:20px;font-size:11px}.chat{display:flex;flex-direction:column;min-width:400px;background:#edf5f1}.chat header{background:#fff}.chat header>span:nth-of-type(2){flex:1}.chat header small{color:#748882}.chat header button{padding:8px 12px;border:1px solid #d5e0dc;background:#fff;border-radius:8px}.chat header button.primary{background:#168966;color:#fff;border-color:#168966}.messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:8px;background-color:#eef4f1;background-image:radial-gradient(#dbe7e2 1px,transparent 1px);background-size:18px 18px}.bubble{max-width:72%;padding:10px 12px;border-radius:12px;box-shadow:0 1px 2px #15352b18}.bubble p{margin:0;white-space:pre-wrap}.bubble small{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:10px;color:#73857f;margin-top:4px}.bubble small svg{width:15px;height:15px}.bubble small svg.read{color:#1594d2}.bubble.inbound{align-self:flex-start;background:#fff;border-top-left-radius:3px}.bubble.outbound{align-self:flex-end;background:#d7f6e6;border-top-right-radius:3px}.composer{display:flex;gap:10px;padding:14px;background:#fff;border-top:1px solid #dfe7e4}.composer textarea{resize:none;flex:1;border:1px solid #dce5e2;border-radius:12px;padding:12px;height:48px;outline:none}.composer button{border:0;border-radius:12px;width:48px;background:#169a70;color:#fff}.composer button:disabled{opacity:.4}.empty{flex:1;display:grid;place-items:center;text-align:center;color:#6e817c}.empty svg{width:52px;height:52px;color:#20a479}.toast{position:absolute;bottom:90px;right:20px;background:#b62929;color:#fff;border:0;padding:12px;border-radius:9px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#eef8f4,#d9eee7)}.login form{width:min(400px,90vw);background:#fff;padding:36px;border-radius:18px;box-shadow:0 18px 60px #184c3c20}.brandmark{width:48px;height:48px}.login h1{margin-bottom:5px}.login p{color:#6b7d78;margin-top:0}.login label{display:block;font-size:13px;font-weight:600;margin-top:18px}.login input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d4dfdb;border-radius:9px}.login button{width:100%;margin-top:22px;padding:12px;border:0;border-radius:9px;background:#168966;color:#fff;font-weight:700}.error{color:#a52828;margin-top:12px;font-size:13px}@media(max-width:950px){.app{grid-template-columns:60px 300px 1fr}.instances{display:none}.inbox{grid-column:2}.chat{grid-column:3}}@media(max-width:680px){.app{display:block}.rail,.instances{display:none}.inbox{height:100vh}.chat{position:fixed;top:0;right:0;bottom:0;left:0;min-width:0}.chat:has(.empty){display:none}}.admin-layout{grid-template-columns:68px 1fr}.admin{background:#f5f8f7;min-height:100vh;padding:28px;overflow:auto}.admin>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin h1,.admin h2,.admin h3,.admin p{margin:0}.admin>header p,.instance-card p,.drawer p{color:#70837e;margin-top:5px}.primary{background:#168966!important;color:#fff!important;border:0!important}.admin button{display:flex;align-items:center;gap:7px;border:1px solid #d7e2de;background:#fff;border-radius:9px;padding:9px 12px}.admin button svg{width:16px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.instance-card{background:#fff;border:1px solid #e0e8e5;border-radius:15px;padding:18px;box-shadow:0 3px 12px #15352b0a}.card-head{display:flex;align-items:center;gap:12px}.card-head>div:nth-child(2){flex:1}.status{font-size:11px;color:#8a6a39;background:#fff4d9;border-radius:20px;padding:6px 9px;display:flex;align-items:center;gap:4px}.status svg{width:13px}.status.online{color:#167051;background:#daf5e9}.card-actions{display:flex;gap:7px;margin-top:16px;flex-wrap:wrap}.banner{padding:12px 15px;border-radius:10px;margin-bottom:16px}.banner.success{background:#dcf5e9;color:#17684f}.banner.error{background:#fde4e4}.admin-empty{text-align:center;background:#fff;border:1px dashed #cad8d3;padding:70px;border-radius:15px;color:#70837e}.admin-empty svg{width:50px;height:50px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#102820aa;display:grid;place-items:center;z-index:30}.modal>div{background:#fff;padding:28px;border-radius:18px;position:relative;text-align:center}.modal img{width:300px;max-width:75vw}.modal-close{position:absolute;right:10px;top:10px}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(440px,95vw);z-index:25;background:#fff;box-shadow:-14px 0 40px #17362c28;padding:22px;overflow:auto}.drawer header{display:flex;justify-content:space-between;margin-bottom:20px}.agent-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f0}.agent-row>span:nth-child(2){flex:1}.agent-row small{display:block;color:#758681;margin-top:3px}.agent-row input{width:20px;height:20px}.icon-button{width:42px!important;min-width:42px!important;background:#f1f5f4!important;color:#4d6962!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important}.icon-button.recording{color:#c42b2b!important;background:#ffe1e1!important}.bubble img{max-width:320px;width:100%;border-radius:8px}.bubble audio{max-width:280px}.instance-card .avatar{font-size:18px}@media(max-width:680px){.admin{padding:16px}.admin>header{align-items:flex-start;gap:14px;flex-direction:column}.admin-grid{grid-template-columns:1fr}}.app.unified{grid-template-columns:68px 410px 1fr}.unified .inbox{grid-column:2}.unified .chat{grid-column:3}.channel-name{color:#168966!important;font-weight:700;margin-bottom:2px}.settings-page{min-width:0;background:#f5f8f7;overflow:auto}.settings-tabs{display:flex;gap:6px;padding:18px 28px 0}.settings-tabs button{border:0;background:#e5eeeb;padding:10px 16px;border-radius:9px}.settings-tabs button.active{background:#168966;color:#fff}.user-form{display:grid;grid-template-columns:1fr 1.3fr 1fr 160px auto;gap:10px;background:#fff;padding:16px;border-radius:14px;margin-bottom:18px}.user-form input,.user-form select{border:1px solid #d6e1dd;border-radius:9px;padding:11px}.user-form button{justify-content:center}.user-list{display:grid;gap:8px}.user-list>button{display:flex;align-items:center;text-align:left;background:#fff;border:1px solid #e0e8e5;padding:13px;border-radius:12px}.user-list>button>span:nth-child(2){flex:1}.user-list small{display:block;color:#70837e;margin-top:3px}.user-list b{font-size:12px;color:#17684f}.save-access{margin-top:20px;width:100%;justify-content:center}@media(max-width:1000px){.app.unified{grid-template-columns:60px 340px 1fr}.user-form{grid-template-columns:1fr 1fr}.user-form button{grid-column:span 2}}.new-message-button{margin-left:auto!important;width:auto!important;height:38px!important;padding:0 11px!important;display:flex!important;gap:6px;align-items:center;background:#168966!important;color:#fff!important;border:0!important;border-radius:9px!important;font-size:12px;white-space:nowrap}.new-message-button svg,.chat header button svg{width:16px;height:16px;vertical-align:middle}.new-message-modal form{width:min(480px,92vw);background:#fff;padding:28px;border-radius:16px;position:relative;box-shadow:0 20px 70px #102c2460}.new-message-modal h2{margin:0}.new-message-modal p{margin:6px 0 20px;color:#70837e}.new-message-modal label{display:block;font-size:13px;font-weight:700;margin-top:13px}.new-message-modal input,.new-message-modal select,.new-message-modal textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #d6e1dd;border-radius:9px;background:#fff}.new-message-modal textarea{height:100px;resize:vertical}.new-message-modal .primary{width:100%;margin-top:18px;padding:12px;border:0;border-radius:9px;background:#168966;color:#fff;display:flex;gap:8px;justify-content:center;align-items:center}.new-message-modal .primary:disabled{opacity:.45}.instance-card .card-actions button:last-child{font-size:0}.instance-card .card-actions button:last-child:after{content:"Integrar / ocultar";font-size:12px}:root{--accent: #168966;--accent-strong: #0f7053;--accent-soft: #e5f5ef;--rail: #103b34;--surface: #ffffff;--surface-2: #f5f8f7;--surface-3: #eef4f1;--line: #dfe8e5;--text: #182321;--muted: #70837e;--incoming: #ffffff;--outgoing: #d7f6e6;--shadow: 0 8px 28px rgba(21, 55, 45, .08)}:root[data-theme=dark]{color-scheme:dark;--accent: #31c692;--accent-strong: #21a879;--accent-soft: #173e34;--rail: #081c18;--surface: #14201d;--surface-2: #0f1917;--surface-3: #0d1715;--line: #293b36;--text: #eef7f4;--muted: #9cafaa;--incoming: #1c2b27;--outgoing: #174d3d;--shadow: 0 10px 35px rgba(0, 0, 0, .28)}:root[data-theme=orange]{--accent: #ef7d32;--accent-strong: #d6631c;--accent-soft: #fff0e5;--rail: #542c18;--surface: #fffdfb;--surface-2: #fff8f3;--surface-3: #fff3ea;--line: #f0dfd2;--text: #32231c;--muted: #8a6f61;--incoming: #ffffff;--outgoing: #ffe2ce;--shadow: 0 8px 28px rgba(112, 57, 25, .1)}html,body,#root{height:100%;overflow:hidden}body{background:var(--surface-2);color:var(--text)}.app{height:100dvh;min-height:0;overflow:hidden;background:var(--surface);color:var(--text)}.inbox,.chat,.settings-page{min-height:0;background-color:var(--surface);border-color:var(--line)}.inbox{overflow:hidden}.conversation-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;background-color:var(--surface-3)}.conversation-list::-webkit-scrollbar,.messages::-webkit-scrollbar,.settings-page::-webkit-scrollbar{width:7px}.conversation-list::-webkit-scrollbar-thumb,.messages::-webkit-scrollbar-thumb,.settings-page::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 65%,transparent);border-radius:10px}.inbox header,.chat header,.composer{background:var(--surface);border-color:var(--line)}.search{background:var(--surface-2);border-color:var(--line)}.search input,.composer textarea{color:var(--text)}.composer textarea{background:var(--surface-2);border-color:var(--line)}.conversation-list button{color:var(--text);border-color:var(--line);transition:background .18s ease,transform .18s ease}.conversation-list button:hover{background:var(--accent-soft)}.conversation-list button.selected{background:var(--accent-soft);box-shadow:inset 3px 0 var(--accent)}.bubble{box-shadow:var(--shadow)}.bubble.inbound{background:var(--incoming)}.bubble.outbound{background:var(--outgoing)}.channel-name,.inbox nav .active{color:var(--accent)!important}.inbox nav .active{border-color:var(--accent)}.new-message-button,.composer>button:last-child,.chat header button.primary{background:var(--accent)!important;border-color:var(--accent)!important}.new-message-button:hover,.composer>button:last-child:hover{background:var(--accent-strong)!important}.avatar{background:var(--accent-soft);color:var(--accent-strong)}.rail{background:var(--rail);box-shadow:5px 0 20px #00000014;z-index:20}.mini-logo{background:var(--accent)}.theme-picker{position:relative}.theme-menu{position:absolute;left:54px;bottom:0;width:190px;padding:10px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.theme-menu strong{display:block;padding:5px 8px 8px;font-size:12px;color:var(--muted)}.theme-menu button{width:100%;height:auto;min-height:38px;display:flex;justify-content:flex-start;gap:9px;padding:8px;color:var(--text)}.theme-menu button.selected{background:var(--accent-soft);color:var(--accent-strong)}.swatch{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 1px #00000026}.swatch.green{background:#168966}.swatch.dark{background:#14201d}.swatch.orange{background:#ef7d32}.settings-page,.admin{background:var(--surface-2);color:var(--text)}.instance-card,.user-form,.user-list>button,.drawer,.new-message-modal form{background:var(--surface);color:var(--text);border-color:var(--line)}.settings-tabs button{background:var(--surface);color:var(--muted)}.settings-tabs button.active{background:var(--accent);color:#fff}@media(max-width:760px){.app.unified{display:grid;grid-template-columns:56px minmax(280px,42vw) 1fr}.rail{display:flex;padding:12px 6px}.inbox header{padding:10px 12px}.new-message-button{width:38px!important;padding:0!important;justify-content:center;font-size:0}.new-message-button svg{margin:0}.messages{padding:14px}.bubble{max-width:88%}}@media(max-width:620px){.app.unified{display:grid;grid-template-columns:52px 1fr}.unified .inbox{grid-column:2}.unified .chat{position:fixed;left:52px;right:0;top:0;bottom:0;z-index:10}.unified .chat:has(.empty){display:none}.theme-menu{left:46px}}