:root{font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif;color:#1e2730;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid #d9e0e3;border-radius:8px;padding:10px;background:white;color:#1e2730;width:100%}textarea{min-height:100px;resize:vertical}button{border:0;border-radius:8px;padding:10px 14px;background:#163e38;color:white}button.secondary{background:#e8f0ee;color:#163e38}button.ghost{background:transparent;color:#42635c}button.warn{background:#fbe9e7;color:#a94035}.top{height:68px;background:#fff;border-bottom:1px solid #e2e8e7;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.brand{font-weight:800;font-size:19px;letter-spacing:-.03em}.brand span{color:#16856f}.shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 68px)}nav{background:#fff;border-right:1px solid #e2e8e7;padding:20px 12px}nav button{display:block;width:100%;text-align:left;margin:4px 0;background:transparent;color:#52605e}nav button.active{background:#e5f3ed;color:#156c59;font-weight:700}main{padding:26px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:14px}h1{font-size:26px;margin:0}h2{font-size:18px}p.muted,.muted{color:#74817f}.stats{display:flex;gap:12px;margin:0 0 22px}.stat{background:#fff;border:1px solid #e2e8e7;padding:15px 20px;border-radius:13px;min-width:150px}.stat strong{display:block;font-size:22px}.board{display:flex;gap:14px;overflow:auto;padding-bottom:20px;align-items:flex-start}.column{flex:0 0 265px;background:#edf1f0;border-radius:12px;padding:12px;min-height:350px}.card{background:white;border:1px solid #e1e7e5;border-radius:11px;padding:13px;margin-bottom:10px;box-shadow:0 2px 6px #1a39300a;cursor:pointer}.card:hover{border-color:#7eb5a8}.card strong{display:block;margin-bottom:4px}.card small{color:#73817e}.card .preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5d6a67;margin:9px 0}.card .meta{display:flex;justify-content:space-between;border-top:1px solid #eef1ef;padding-top:8px}.layout3{display:grid;grid-template-columns:280px minmax(300px,1fr) 300px;height:calc(100vh - 135px);background:#fff;border:1px solid #e2e8e7;border-radius:12px;overflow:hidden}.pane{overflow:auto;border-right:1px solid #e2e8e7;padding:16px}.pane:last-child{border:0}.thread{display:flex;flex-direction:column}.messages{flex:1;overflow:auto;background:#f5f8f6;padding:18px}.bubble{max-width:80%;padding:10px 13px;border-radius:12px;background:#fff;margin-bottom:9px;white-space:pre-wrap}.bubble.out{margin-left:auto;background:#dff3e8}.bubble small{display:block;color:#70817b;margin-top:5px}.compose{padding:12px;border-top:1px solid #e2e8e7}.compose textarea{min-height:70px}.lead-row{padding:12px;border-bottom:1px solid #edf0ee;cursor:pointer}.lead-row.active{background:#e8f4ed}.field{margin:0 0 13px}.field label{display:block;font-size:12px;font-weight:700;color:#586a65;margin-bottom:5px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{background:#fff;border:1px solid #e2e8e7;border-radius:12px;padding:20px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.pairing-layout{display:grid;grid-template-columns:minmax(360px,620px) minmax(240px,360px);gap:18px;align-items:start}.pairing-layout ol{padding-left:22px;line-height:1.8}.qrstate{display:grid;place-items:center;min-height:340px;padding:12px;margin:16px 0;background:#f5f8f6;border:1px solid #e2e8e7;border-radius:12px;text-align:center}.qrstate img{display:block;max-width:100%;height:auto;background:white}.dialog{position:fixed;inset:0;background:#19352e66;display:grid;place-items:center;padding:20px}.dialog .panel{width:min(540px,100%);max-height:90vh;overflow:auto}.login{min-height:100vh;display:grid;place-items:center}.login .panel{width:min(400px,90vw)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{padding:25px;text-align:center;color:#7b8986}.notice{background:#fff5d9;border-radius:8px;padding:10px;color:#7c621b;margin-bottom:12px}.toast{position:fixed;bottom:20px;right:20px;background:#263c35;color:#fff;padding:12px 16px;border-radius:8px}@media(max-width:900px){.shell{grid-template-columns:1fr}nav{display:flex;overflow:auto;padding:5px}nav button{width:auto;white-space:nowrap}.layout3{display:block;height:auto}.pairing-layout{grid-template-columns:1fr}.pane{max-height:450px}.board{max-height:none}main{padding:14px}}
.shell:has(.more-menu){grid-template-columns:210px 250px minmax(0,1fr)}
.more-menu{background:#fff;border-right:1px solid #e2e8e7;padding:20px 12px}
.more-menu h2{margin:0 10px 24px;text-align:center}
.more-section{font-size:11px;font-weight:800;letter-spacing:.1em;color:#16856f;margin:10px 12px}
.more-menu button{display:block;width:100%;text-align:left;background:transparent;color:#52605e}
.more-menu button.active{background:#e5f3ed;color:#156c59;font-weight:700}
.device-row{display:flex;align-items:center;gap:18px;border-top:1px solid #e2e8e7;border-bottom:1px solid #e2e8e7;padding:20px 0}
.device-row>div{flex:1}
.status-pill{border-radius:999px;background:#fff1e1;color:#8c5d16;padding:6px 10px;white-space:nowrap}
.status-pill.connected{background:#e0f6e8;color:#137043}
@media(max-width:900px){.shell:has(.more-menu){grid-template-columns:1fr}.more-menu{border-right:0;border-bottom:1px solid #e2e8e7;padding:12px}.more-menu h2{text-align:left;margin:0 0 6px}.device-row{align-items:flex-start;flex-direction:column}}
#signature-template{display:block;margin:10px 0;min-height:160px}
.signature-preview{white-space:pre-wrap;background:#e8f0ff;border-radius:10px;padding:16px;min-height:100px;overflow-wrap:anywhere}
button:disabled{opacity:.55;cursor:not-allowed}
.lead-row{display:flex;align-items:center;gap:11px;min-height:72px}
.lead-avatar{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#dcece6;color:#276451;font-weight:700;overflow:hidden}
.lead-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.lead-copy{flex:1;min-width:0}
.lead-copy b,.lead-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-preview{margin-top:2px;font-size:13px}
.lead-time{flex:0 0 auto;align-self:flex-start;color:#73817e;font-size:11px;padding-top:3px}
.column{flex-basis:285px}
.kanban-card{padding:14px}
.kanban-person{display:flex;align-items:center;gap:10px;min-width:0}
.kanban-name{flex:1;min-width:0}
.kanban-name strong,.kanban-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kanban-card .preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:14px 0;color:#566a65}
.kanban-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #eef1ef;padding-top:10px;font-size:12px}
.kanban-footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#73817e}
.kanban-footer b{flex:0 0 auto;color:#163e38}
.kanban-whatsapp{flex:0 0 auto;width:29px;height:29px;border-radius:50%;padding:0;background:#d9f5e6;color:#137c4d;font-size:10px;font-weight:800;letter-spacing:-.02em}
.kanban-whatsapp:hover{background:#bcead0}
.column{min-width:0;width:285px;max-width:285px}
.conversation-list{padding:0}
.conversation-list>input{margin:14px;width:calc(100% - 28px)}
.thread{padding:0;min-width:0}
.thread-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #e2e8e7;min-height:70px}
.thread-head h2{margin:0 0 2px}
.thread-head .muted{font-size:12px}
.messages{min-height:0}
.bubble.note{background:#fff4d7;border-left:4px solid #e9b949;margin-left:auto;margin-right:auto;max-width:88%}
.bubble.note b{display:block;margin-bottom:5px}
.media-bubble img{display:block;max-width:240px;max-height:300px;object-fit:contain;border-radius:8px}
.media-bubble audio{display:block;max-width:260px}
.compose{padding:10px 14px;background:#fff}
.composer-status{font-size:11px;color:#6a7773;margin-bottom:5px}
.compose textarea{min-height:52px;max-height:140px;resize:vertical;border:0;background:#f5f8f6;padding:10px}
.compose textarea:focus{outline:2px solid #98c7b8}
.composer-tools{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:7px}
.tool-group{display:flex;flex-wrap:wrap;gap:2px}
button.tool{background:transparent;color:#526d65;min-width:30px;height:30px;padding:3px 5px;font-size:16px}
button.tool:hover,button.tool:focus-visible{background:#e8f4ed}
.signature-control{font-size:12px;white-space:nowrap;color:#51645d}
.signature-control input{width:auto;margin-right:2px}
.composer-panel{border:1px solid #dfe8e2;background:#fff;border-radius:8px;padding:10px;margin-top:7px;max-height:225px;overflow:auto}
.composer-panel[hidden]{display:none}
.emoji-grid{display:flex;flex-wrap:wrap;gap:4px}
.emoji-grid button{background:#f4f7f5;padding:4px;font-size:20px}
.media-library{display:flex;gap:7px;overflow:auto;padding:8px 0}
.media-library button{background:#f4f7f5;padding:3px}
.media-library img{width:74px;height:74px;object-fit:contain}
.quick-list{max-height:90px;overflow:auto}
.quick-list>div{display:flex;justify-content:space-between;margin:3px 0}
.quick-list button{background:#e8f4ed;color:#235444}
.quick-create{display:grid;gap:5px;margin-top:8px}
.quick-create textarea{min-height:48px;border:1px solid #d7e2dc}
.attachment-preview{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.attachment-preview span{color:#6c7b76;font-size:12px}
.note-hint{color:#765c16}
.recording{color:#aa3636;font-weight:700}
.thread.drag-over{outline:3px dashed #198569;outline-offset:-4px}
@media(max-width:1100px){.layout3{grid-template-columns:240px minmax(300px,1fr) 260px}}
@media(max-width:900px){.layout3{display:flex;flex-direction:column;height:auto}.conversation-list{max-height:230px}.thread{height:650px}.lead-detail{max-height:none}.composer-tools{flex-wrap:wrap}}