:root{--bg:#f5f5ef;--ink:#1e2925;--muted:#758078;--line:#dfe3d9;--green:#1e4d3b;--lime:#d5f274}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:10px;padding:10px 16px;color:var(--ink);text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--green)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);color:white;border-color:var(--green)}body>aside{width:238px;position:fixed;inset:0 auto 0 0;background:#fffef9;border-right:1px solid var(--line);padding:35px 25px}.brand{font-size:29px;font-weight:750;letter-spacing:-1.6px;text-decoration:none;color:var(--ink)}.brand span{font-weight:350}.brand i{display:inline-grid;place-items:center;font-size:22px;background:var(--lime);width:30px;height:30px;border-radius:50%;font-style:normal;margin-left:7px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}nav{margin-top:60px;display:grid;gap:8px}nav button{border:0;background:none;text-align:left}nav .selected{background:#e9efdf;font-weight:650}.account{position:absolute;bottom:30px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:700}.account small,.phone small{display:block;font-size:11px;color:var(--muted)}main{margin-left:238px;padding:40px 55px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}h1{font-weight:550;font-size:42px;line-height:1.14;letter-spacing:-1.7px;margin:14px 0}h2{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:8px 0}p{margin:10px 0}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.connection-strip{border:1px solid var(--line);border-radius:14px;background:#fffef9;display:flex;gap:15px;align-items:center;padding:19px 24px}.connection-strip p{margin:3px 0;font-size:12px;color:var(--muted)}.connection-strip button{margin-left:auto;background:none}.dot{width:10px;height:10px;background:#d2a65e;border-radius:50%}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.section-title>span{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px}.card,.campaign{background:white;border:1px solid var(--line);border-radius:15px;padding:25px}.empty{grid-column:1/-1;text-align:center;padding:40px;background:#f0f1e7;border:1px dashed #c6cebc;border-radius:16px}.empty p{color:var(--muted)}.empty .empty-icon{font-size:35px}.campaign .top{display:flex;justify-content:space-between}.pill{font-size:10px;border-radius:20px;padding:4px 9px;background:#edf0e6;color:#5d695f}.pill.active{background:#d5f274;color:#284231}.campaign h3{font-size:19px;margin:18px 0 4px}.campaign .words{font-size:13px;color:var(--muted);min-height:40px}.campaign .metrics{border-top:1px solid var(--line);padding:15px 0;margin-top:18px;font-size:13px}.campaign .metrics b{font-size:24px;margin-right:6px}.actions{display:flex;flex-wrap:wrap;gap:7px}.actions button{font-size:12px;padding:7px 10px}.reference{margin-top:35px;background:var(--green);color:white;padding:30px;border-radius:16px}.reference .eyebrow{color:var(--lime)}.reference p{color:#d0dcce}.steps{display:flex;align-items:center;gap:20px;margin-top:25px;font-size:13px}.steps b{color:var(--lime)}#notice{position:sticky;top:10px;z-index:20;background:#e7edcc;border:1px solid #a8b879;border-radius:12px;padding:13px 18px;margin-bottom:15px}.editor-layout{display:grid;grid-template-columns:minmax(380px,1fr) 330px;gap:35px}label{display:block;font-size:13px;font-weight:600;margin:15px 0}input,textarea,select{display:block;width:100%;border:1px solid #d7ddd3;background:#fff;border-radius:8px;padding:10px 12px;margin-top:6px;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #b9d170;outline-offset:1px}label small{color:var(--muted);font-weight:400}.check{display:flex;align-items:center;gap:9px;font-weight:500}.check input{width:auto;margin:0}.highlight{background:#edf3df;padding:13px;border-radius:9px}.row{display:flex;gap:15px;align-items:center}.row>label{flex:1}.row>button{margin-top:15px}fieldset{border:0;border-top:1px solid var(--line);padding:22px 0 5px;margin:25px 0 0}legend{font-size:17px;font-weight:600;padding-right:16px}legend span{color:#8da45c;font-size:12px;margin-right:8px}.form-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.form-footer span{font-size:12px;color:var(--muted)}.preview{position:sticky;top:25px;align-self:start}.preview-label{display:flex;justify-content:space-between}.preview-label span{font-size:10px;letter-spacing:1px;background:#e5eadc;padding:4px 9px;border-radius:5px}.phone{border:1px solid #d7ddd4;border-radius:27px;background:white;overflow:hidden;box-shadow:0 10px 30px #1834280a;margin:20px 0}.phone-header{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef0eb;padding:17px}.phone-header b{font-size:13px}.phone-header>span{margin-left:auto}.phone #chat{min-height:330px;max-height:540px;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.bubble{background:#f0f2ed;border-radius:14px;padding:13px;white-space:pre-line;font-size:12px;max-width:95%}.bubble.user{align-self:flex-end;background:#e1ecd2}.chat-button{border:0;border-top:1px solid #d9dfd2;border-radius:0;background:none;color:#2b6cba;display:block;width:100%;margin-top:10px;padding-bottom:0;font-size:12px;font-weight:600}.chat-note{text-align:center;font-size:11px;color:var(--muted)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.media{font-size:11px;text-align:left;padding:9px;overflow:hidden}.media img{width:100%;height:115px;object-fit:cover;border-radius:5px}.media.picked{outline:2px solid var(--green);background:#edf3df}.media p{max-height:48px;overflow:hidden}.log{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.log small{display:block;color:var(--muted)}dialog{max-width:490px;border:1px solid var(--line);border-radius:20px;padding:30px}dialog::backdrop{background:#17291e66}[hidden]{display:none!important}summary{cursor:pointer;font-size:13px;color:var(--green)}#connection{max-width:1200px}#connection li{margin:16px 0}#login{max-width:420px}a{color:var(--green)}@media(max-width:1150px){main{padding:30px}body>aside{width:200px;padding:30px 18px}main{margin-left:200px}.editor-layout{grid-template-columns:1fr 290px;gap:20px}h1{font-size:35px}.steps{gap:12px;flex-wrap:wrap}}@media(max-width:900px){body>aside{position:static;width:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 22px}body>aside>.eyebrow,.account{display:none}nav{display:flex;margin:0;gap:0}nav button{font-size:12px;padding:8px}main{margin:0;padding:22px}header{align-items:flex-start;gap:20px}h1{font-size:31px}.editor-layout{grid-template-columns:1fr}.preview{position:static;max-width:370px;width:100%;margin:auto}.connection-strip{flex-wrap:wrap}.row{flex-wrap:wrap}.row>label{min-width:160px}}
.dot.connected{background:#74a438}#draftRecovery{margin-bottom:16px}#draftRecovery button{margin-left:0}

button.danger{color:#922f2f;border-color:#d7b6b6}button.danger:hover{background:#faeeee}#deleteError{color:#922f2f}
.inbox-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;margin-top:20px}.inbox-sidebar{padding:12px;max-height:75vh;overflow:auto}.contact-item{width:100%;text-align:left;margin-bottom:8px;display:grid;gap:4px}.contact-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item.selected{background:#edf3df;border-color:var(--green)}.inbox-thread{min-height:400px}#threadMessages{display:flex;flex-direction:column;gap:14px;margin-top:20px;max-height:65vh;overflow:auto}.dm-message{padding:14px 18px;border-radius:14px;max-width:90%;background:#f0f2ed;overflow-wrap:anywhere}.dm-message.out{align-self:flex-end;background:#e1ecd2}.dm-message p{white-space:pre-wrap}.dm-message small{font-size:11px;color:#5d695f}.dm-message .dm-error{display:block;color:#922f2f}#pausePerson,#olderMessages{font-size:12px;margin-right:8px}@media(max-width:1000px){.inbox-layout{grid-template-columns:1fr}.inbox-sidebar{max-height:280px}}@media(max-width:650px){body>aside{display:block}nav{flex-wrap:wrap;margin-top:15px}}

.connections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.connections-grid .actions{display:flex;flex-wrap:wrap;gap:12px}.connections-grid #waQr{max-width:100%;height:auto}.reply-composer{border-top:1px solid var(--line,#dce0d5);padding-top:24px;margin-top:24px}.reply-composer textarea{resize:vertical}.reply-composer #replyState{font-size:14px;color:#536158}.reply-composer .form-footer{gap:16px}@media(max-width:1000px){.connections-grid{grid-template-columns:1fr}}

.wa-qr-frame{width:320px;max-width:100%;aspect-ratio:1;background:#fff;border:1px solid #dce0d5;border-radius:14px;overflow:hidden;display:grid;place-items:center;margin:20px 0 10px}
.wa-qr-frame>img,.wa-qr-placeholder{grid-area:1/1}
.wa-qr-placeholder{padding:30px;text-align:center;color:#536158}
.wa-qr-timer{font-variant-numeric:tabular-nums;font-weight:600;color:#1c4b3b;min-height:24px}

.dm-attachment{display:grid;gap:10px;margin:14px 0;overflow-wrap:anywhere}.dm-attachment img,.dm-attachment video{max-width:100%;width:auto;max-height:420px;border-radius:10px;object-fit:contain}.dm-attachment audio{width:100%;max-width:360px}.dm-attachment .button{justify-self:start}

.campaign-summary{display:flex;align-items:flex-start;gap:20px;margin-top:18px}.campaign-details{min-width:0;flex:1}.campaign-details h3{margin-top:0}.campaign-cover{position:relative;display:grid;place-items:center;flex:0 0 120px;width:120px;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:#eef1e8;text-decoration:none;color:var(--muted)}.campaign-cover img{width:100%;height:100%;object-fit:cover;grid-area:1/1}.cover-fallback{grid-area:1/1;padding:16px;text-align:center;font-size:12px}.cover-open{position:absolute;bottom:0;left:0;right:0;padding:18px 8px 8px;background:linear-gradient(transparent,#122b20dd);color:#fff;text-align:center;font-size:11px;font-weight:600}.campaign-cover:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:540px){.campaign-summary{gap:13px}.campaign-cover{flex-basis:90px;width:90px}.campaign-details h3{font-size:17px}}