:root{--ink:#182731;--muted:#73818b;--line:#e4e9e9;--green:#176b52;--pale:#ecf5f0}*{box-sizing:border-box}body{margin:0;background:#f7f9f8;color:var(--ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:9px 13px}button:hover{background:#edf3ef}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;background:white;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #99c7b4;outline-offset:1px}textarea{resize:vertical}label{display:block;font-weight:600;margin:14px 0}label input,label textarea,label select{display:block;margin-top:6px;font-weight:400}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#125941}small,.eyebrow{color:var(--muted)}h1,h2,p{margin-top:0}h1{font-size:27px;letter-spacing:-1px;margin-bottom:0}h2{font-size:19px}#workspace{display:flex;height:100dvh}.sidebar{width:236px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.7px}.brand b{font-weight:400;color:var(--green)}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:4px}.logo{display:grid;place-items:center;background:var(--green);color:#fff;font-size:28px;font-weight:800;border-radius:11px;width:40px;height:40px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.sidebar .eyebrow{margin:38px 10px 10px}.nav{display:flex;align-items:center;width:100%;text-align:left;border:0;margin-bottom:5px;padding:12px;background:transparent}.nav.active{background:var(--pale);color:var(--green);font-weight:600}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:11px}.whatsapp{background:#26b16c}.instagram{background:#cf658d}.facebook{background:#4c86de}.sidebar-bottom{margin-top:auto}.sidebar-bottom>small{display:block;margin:22px 12px 0;font-size:11px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{padding:23px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white;gap:15px}.sync{font-size:11px;color:var(--green);padding:7px 11px;background:var(--pale);border-radius:20px}.inbox-grid{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0}.conversation-list{background:white;border-right:1px solid var(--line);overflow:auto}.list-tools{padding:20px 18px 12px;position:sticky;top:0;background:white;z-index:1}.list-tools input{background:#f7f9f8;font-size:12px}.tabs{display:flex;margin-top:15px;gap:4px}.tabs button{font-size:11px;border:0;padding:7px}.tabs .active{color:var(--green);background:var(--pale)}.conversation{width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #f0f2f1;padding:18px;display:flex;gap:12px}.conversation.active{background:#edf5f0;border-left:3px solid var(--green);padding-left:15px}.avatar{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:#e7efec;color:var(--green);flex-shrink:0;font-weight:700}.conversation .details{min-width:0;flex:1}.conversation .name-row{display:flex;justify-content:space-between;gap:8px}.conversation strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation p{margin:5px 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation small{font-size:10px}.badge{background:var(--green);color:white;border-radius:20px;font-size:10px;padding:1px 6px;float:right}.chat{min-width:0;background:#f7f9f8;min-height:0}.empty{display:grid;align-content:center;justify-items:center;text-align:center;height:100%;color:var(--muted);padding:30px}.empty h2{color:var(--ink);margin-bottom:10px}.empty-icon{font-size:35px;background:#e9f2ed;color:var(--green);border-radius:22px;width:80px;height:80px;display:grid;place-items:center;margin-bottom:24px}.empty p{line-height:1.8}#thread{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:8px;padding:19px 22px;background:white;border-bottom:1px solid var(--line)}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis}.chat-header small{font-size:11px}.chat-header button{font-size:11px;padding:7px}#messages-wrap{flex:1;min-height:0;overflow:auto;padding:24px}#messages{display:flex;flex-direction:column;gap:14px}.bubble{align-self:flex-start;max-width:80%;background:white;border:1px solid var(--line);border-radius:0 14px 14px;padding:12px 16px;box-shadow:0 2px 3px #152d1803}.bubble.out{align-self:flex-end;background:#e5f1e9;border-color:#dce9df;border-radius:14px 0 14px 14px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px}.bubble small{display:block;font-size:10px;text-align:right}.bubble.problem{border-color:#cf9b47}.composer{padding:14px 24px 22px;background:white;border-top:1px solid var(--line)}.composer p{font-size:11px;color:var(--muted);margin-bottom:10px}.composer textarea{border:0;padding:6px 0;resize:none;outline:none}.composer form>div{display:flex;align-items:center;justify-content:space-between}.composer small{font-size:10px}#note-panel{padding:12px 22px;background:#fff9e9;border-bottom:1px solid #e9ddbc}#note-panel label{margin:0}#note{min-height:80px}#notice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#203d32;color:white;border-radius:11px;box-shadow:0 6px 30px #0002;z-index:1000;max-width:90vw}dialog{width:min(650px,94vw);max-height:90dvh;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#142c2555}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{margin:0}dialog>p{color:var(--muted);margin-top:15px}.channel-card{padding:10px 14px;background:#f2f6f3;border-radius:9px;margin-bottom:7px;font-size:12px}.setup-info{padding:16px;background:var(--pale);border-radius:10px;margin:20px 0}.setup-info p{font:12px/1.7 monospace;overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.login{max-width:440px;margin:10vh auto;padding:35px;background:white;border:1px solid var(--line);border-radius:20px}.login h1{font-size:36px;line-height:1.2;margin:32px 0 16px}.login p{color:var(--muted)}.login .primary{width:100%;margin:10px 0 20px}.login>small{display:block;text-align:center}#more-conversations,#older{display:block;margin:12px auto}#mobile-settings,#mobile-platform,#back{display:none}[hidden]{display:none!important}@media(max-width:1100px){.sidebar{width:195px;padding:24px 12px}.brand{font-size:18px}.inbox-grid{grid-template-columns:300px minmax(0,1fr)}.chat-header{padding:15px 12px}.chat-header button{padding:6px}}@media(max-width:780px){.sidebar{display:none}.topbar{padding:15px 18px}h1{font-size:23px}.topbar .eyebrow{font-size:8px}.sync{font-size:9px;max-width:125px}#mobile-settings,#mobile-platform,#back{display:block}#mobile-platform{margin-top:10px;font-size:12px;padding:8px}.inbox-grid{display:block;position:relative}.conversation-list{height:100%;border:0}.chat{display:none;height:100%}body.thread-open .conversation-list{display:none}body.thread-open .chat{display:block}.chat-header button{font-size:10px}.chat-header{gap:5px}#messages-wrap{padding:16px}.composer{padding:12px 16px}.bubble{max-width:90%}.login{margin:6vh 15px;padding:26px}.composer small{max-width:150px}.empty{padding:40px}#note-panel{padding:12px}dialog{padding:20px}}
@media(max-width:450px){.topbar h1{white-space:nowrap;font-size:22px}.topbar{gap:8px}.topbar .sync{display:none}.topbar #mobile-settings{margin-left:auto}}