:root{--bg0: #000000;--bg1: #1c1c1e;--bg2: #2c2c2e;--panel: rgba(28, 28, 30, .94);--line: rgba(255, 255, 255, .08);--text: #f5f5f7;--muted: #8e8e93;--brand: #0a84ff;--brand-2: #64d2ff;--wa: #25d366;--wa-dark: #075e54;--in: #1f2c34;--out: #005c4b;--danger: #ff453a;--ok: #30d158;--orange: #ff9f0a;--indigo: #5e5ce6;--gray: #8e8e93;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", system-ui, sans-serif;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, "Segoe UI", system-ui, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg0);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:var(--brand);color:#fff;border-radius:980px;padding:.62rem 1rem;min-height:44px;cursor:pointer}button.ghost{background:#ffffff0f;border:1px solid var(--line);color:var(--text)}button.danger{background:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{width:100%;background:#ffffff0f;border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem;min-height:44px}textarea{min-height:88px;resize:vertical}a{color:var(--brand-2)}.icon-btn{width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;background:transparent;border:0;color:var(--muted);border-radius:50%;flex-shrink:0}.icon-btn:hover,.icon-btn:focus-visible{background:#ffffff14;color:var(--text)}.icon-text{display:inline-flex;align-items:center;gap:.4rem}.send-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;background:var(--wa);color:#052e16;display:grid;place-items:center;flex-shrink:0}.send-btn:disabled{background:var(--bg2);color:var(--muted)}.app-shell{height:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--bg0)}.topbar{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--line);background:#161618d1;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.brand-mark.compact{gap:.6rem}.brand-mark.compact img{width:32px;height:32px;border-radius:8px}.brand-mark.compact strong{display:block;line-height:1.1;font-size:.95rem}.brand-mark.compact .muted{font-size:.72rem}.top-tabs{display:flex;gap:.25rem;flex:1;flex-wrap:wrap}.top-tabs .tab{display:inline-flex;align-items:center;gap:.4rem;background:transparent;border:0;color:var(--muted);padding:.45rem .8rem;border-radius:980px;text-decoration:none;font-size:.86rem;min-height:40px}.top-tabs .tab.active{color:var(--text);background:#0a84ff29}.app-main{min-height:0;overflow:hidden}.bottom-tabs{display:none;border-top:1px solid var(--line);background:#161618f0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:.28rem .2rem calc(.28rem + var(--safe-bottom))}.btab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;text-decoration:none;color:var(--muted);background:transparent;padding:.28rem .1rem;font-size:.62rem;min-height:48px;border-radius:10px}.btab.active{color:var(--wa);background:transparent}.desktop-only{display:flex}.mobile-only-flex{display:none}.page-shell{height:100%;overflow:auto;padding:1rem 1.1rem;display:grid;gap:.9rem;align-content:start}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.page-header h1,.page-panel h2,.kanban-toolbar h1{font-family:var(--display);margin:0;letter-spacing:-.03em;font-weight:700}.page-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1rem;display:grid;gap:.75rem}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:.9rem;min-height:0}.two-col.tight{grid-template-columns:1fr 1fr}.toolbar{display:grid;grid-template-columns:1fr 160px auto;gap:.5rem}.card-list{display:grid;gap:.4rem;max-height:calc(100dvh - 240px);overflow:auto}.card-list.compact{max-height:360px}.card-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;text-align:left;background:#ffffff08;border:1px solid var(--line);border-radius:14px;padding:.8rem .9rem;min-height:56px}.card-row.active,.card-row:hover{border-color:#0a84ff73;background:#0a84ff1a}.card-row.static{cursor:default}.pill{font-size:.72rem;padding:.22rem .55rem;border-radius:999px;background:#0a84ff33;color:var(--brand-2);text-transform:lowercase;white-space:nowrap}.pill.funnel-contato{background:#8e8e9333;color:#d1d1d6}.pill.funnel-novo{background:#0a84ff2e;color:#64d2ff}.pill.funnel-qualificado{background:#bf5af22e;color:#bf5af2}.pill.funnel-proposta{background:#ff9f0a2e;color:var(--orange)}.pill.funnel-negociacao{background:#ffd60a29;color:#ffd60a}.pill.funnel-ganho{background:#30d1582e;color:var(--ok)}.pill.funnel-perdido{background:#ff453a2e;color:var(--danger)}.actions-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.9rem;display:grid;gap:.2rem}.stat span{color:var(--muted);font-size:.78rem}.stat strong{font-size:1.35rem;font-family:var(--display)}.kv{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.kv li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.35rem}.ops-schedule{gap:.85rem}.hour-picks{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}.hour-picks label,.target-add label{display:grid;gap:.28rem;font-size:.78rem;color:var(--muted)}.hour-picks select,.target-add input,.target-toolbar input,.target-edit input{min-height:44px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:inherit;padding:0 .75rem;font:inherit}.target-add{display:grid;grid-template-columns:1.4fr 70px 1.4fr auto;gap:.55rem;align-items:end}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border-radius:999px;border:1px solid var(--line);background:#25d36614;color:inherit;padding:.35rem .7rem;font-size:.78rem;min-height:36px}.chip:disabled{opacity:.5}.chip-row .chip.active{background:#25d36638;color:inherit;border-color:#25d36680}.target-toolbar{display:grid;grid-template-columns:1fr auto auto auto;gap:.45rem;align-items:center}.card-list.targets{max-height:min(62dvh,560px)}.target-row.on{border-color:#25d36659}.target-row{align-items:flex-start}.target-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.target-edit{display:grid;grid-template-columns:1.2fr 70px 1.4fr auto auto;gap:.4rem;width:100%;align-items:center}.danger-text{color:#ff6961}.checklist.big label{align-items:flex-start}.inline-check{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem}.pad{padding:0 .2rem}.ok{color:var(--ok)}.wa-panel .wa-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.wa-connect{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.wa-qr{width:220px;height:220px;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:16px;padding:10px}.wa-qr.placeholder{display:grid;place-items:center;color:var(--muted);font-size:.85rem;text-align:center}.wa-pair{margin-top:.6rem;font-family:var(--display);font-size:1.7rem;letter-spacing:.18em}.status-pill{font-size:.78rem;padding:.3rem .7rem;border-radius:999px;text-transform:lowercase;align-self:center}.status-pill.on{background:#30d15829;color:var(--ok)}.status-pill.off{background:#ff453a29;color:#ff6961}.ok-border{border-color:#30d15859}.warn-border{border-color:#ff453a66}.instance-list{display:grid;gap:.5rem}.instance-card{display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:left;background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:.75rem .9rem;min-height:56px}.instance-card.selected{border-color:var(--brand);background:#0a84ff1f}.instance-card.active{box-shadow:inset 3px 0 0 var(--wa)}.instance-add,.remote-instances{display:grid;gap:.65rem;padding-top:.75rem;border-top:1px solid var(--line)}.instance-add h3,.remote-instances h3{margin:0;font-size:.95rem}.rec-bar{display:flex;align-items:center;gap:.65rem;margin-bottom:.5rem;color:#ff6961;font-weight:600}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);animation:recpulse 1s infinite}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.35}}.rec-btn{color:var(--danger)}.new-msg-btn{position:absolute;left:50%;bottom:92px;transform:translate(-50%);z-index:3;border-radius:999px;padding:.45rem .95rem;background:var(--bg2);color:var(--text);border:1px solid var(--line)}.chat-load-older{text-align:center;color:var(--muted);font-size:.8rem;padding:.35rem}.audio-player{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem}.audio-player input[type=range]{flex:1;min-height:0}.audio-player audio{display:none}.login-shell{min-height:100%;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(900px 420px at 50% -10%,rgba(37,211,102,.16),transparent 55%),radial-gradient(700px 360px at 100% 100%,rgba(10,132,255,.12),transparent 50%),#000}.login-card{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:1.75rem 1.4rem;display:grid;gap:.85rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-mark{display:flex;align-items:center;gap:.75rem}.brand-mark img{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;border-radius:10px}.brand-mark h1,.empty-chat h2{font-family:var(--display);margin:0;font-size:1.7rem;letter-spacing:-.04em}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.9rem}label{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}.password-field{position:relative;display:block}.password-field input{padding-right:3rem}.password-toggle{position:absolute;top:50%;right:.15rem;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--muted);padding:0;border-radius:10px}.password-toggle:hover,.password-toggle:focus-visible{color:var(--text)}.inbox-shell{height:100%;display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(260px,320px);overflow:hidden;background:#0b141a}.col{min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.06);background:#111b21}.panel-col{border-right:0;background:#0b141a}.panel-col>.icon-btn{margin:.35rem .35rem 0}.panel-col .contact-panel{flex:1;overflow:auto;min-height:0}.list-scroll .empty{height:auto;padding:2rem 1rem}.list-header{padding:.75rem .85rem .7rem;display:grid;gap:.55rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.brand-row{display:flex;align-items:center;gap:.55rem}.brand-row img{width:30px;height:30px;border-radius:8px}.brand-row>div{flex:1;display:grid;min-width:0}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-wrap .search{padding-left:2.35rem;border-radius:980px;background:#202c33;border:0}.ws-dot{font-size:.7rem;color:var(--muted);text-transform:lowercase;letter-spacing:.02em}.ws-dot.live{color:var(--wa)}.filters{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{background:#202c33;border:0;padding:.32rem .7rem;border-radius:999px;font-size:.75rem;min-height:32px;white-space:nowrap;color:#8696a0}.chip.active{background:#005c4b;color:#d9fdd3}.list-scroll,.chat-scroll{flex:1;min-height:0;overflow:auto}.list-footer{flex-shrink:0;padding:.55rem .9rem calc(.55rem + var(--safe-bottom));border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.8rem}.conv-item{display:flex;gap:.7rem;align-items:center;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.04);border-radius:0;padding:.7rem .9rem;min-height:72px}.conv-item.active{background:#2a3942}.conv-item:hover{background:#202c33}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#00a884,#0a84ff);font-weight:700;flex-shrink:0;overflow:hidden;-o-object-fit:cover;object-fit:cover}.avatar.img{padding:0;border:0;background:#2a3942}button.tiny{padding:0;width:36px;height:36px;min-height:36px}.meta{flex:1;min-width:0}.meta .top{display:flex;justify-content:space-between;gap:.5rem}.meta .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta time{color:var(--muted);font-size:.72rem}.preview{color:#8696a0;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{background:var(--wa);color:#052e16;min-width:1.25rem;height:1.25rem;border-radius:999px;display:grid;place-items:center;font-size:.7rem;font-weight:700}.chat-col{position:relative;background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.035) .8px,transparent .8px);background-size:16px 16px}.chat-header{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);background:#202c33;flex-shrink:0}.chat-identity{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0}.chat-title{min-width:0}.chat-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{display:flex;gap:.2rem;flex-shrink:0}.chat-scroll{padding:.65rem .55rem .4rem}.empty-chat,.empty,.panel-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted);gap:.4rem;padding:1.5rem}.day-sep-wrap{display:flex;justify-content:center;padding:.5rem .4rem .25rem}.day-sep{background:#182229;color:#8696a0;font-size:.72rem;font-weight:600;padding:.22rem .7rem;border-radius:999px}.bubble-row{display:flex;padding:.12rem .35rem}.bubble-row.out{justify-content:flex-end}.bubble{max-width:min(560px,86%);padding:.4rem .65rem .3rem;border-radius:12px 12px 12px 4px;background:var(--in);box-shadow:0 1px .5px #0000002e}.bubble.out{background:var(--out);border-radius:12px 12px 4px}.bubble.failed{outline:1px solid var(--danger)}.bubble p{margin:.1rem 0 .28rem;white-space:pre-wrap;word-break:break-word}.bubble footer{display:flex;justify-content:flex-end;gap:.35rem;font-size:.68rem;color:#ffffff8c}.ticks.read{color:#53bdeb}.ticks.delivered,.ticks.sent{color:#ffffff8c}.quote{font-size:.78rem;opacity:.85;border-left:3px solid var(--wa);padding-left:.45rem;margin-bottom:.3rem}.media-img,.media-video{max-width:100%;border-radius:10px;display:block;margin-bottom:.35rem}.media-sticker{width:140px;height:140px;-o-object-fit:contain;object-fit:contain;display:block}audio{width:100%}.media-fallback{margin:.15rem 0 .35rem;opacity:.9}.wa-contact-card,.loc-card{display:flex;gap:.65rem;align-items:center;background:#0000002e;border-radius:12px;padding:.55rem .65rem;margin-bottom:.35rem;text-decoration:none;color:inherit}.loc-card{display:grid}.loc-card small{color:#ffffffb3}.contact-hero{display:flex;gap:.85rem;align-items:center}.contact-hero h2{margin:0;font-size:1.2rem}.lead-convert{display:grid;gap:.7rem;padding:.85rem .9rem;background:#25d3661a;border:1px solid rgba(37,211,102,.28);border-radius:14px}.lead-convert p{margin:0;color:var(--text);font-size:.88rem;line-height:1.4}.lead-convert button{background:var(--wa);color:#052e16;font-weight:700}.composer{border-top:0;background:#202c33;padding:.45rem .55rem calc(.45rem + var(--safe-bottom));flex-shrink:0}.composer-form{display:flex;gap:.35rem;align-items:center}.composer-form input{flex:1;border:0;background:#2a3942;border-radius:22px;min-height:42px;padding:.55rem .95rem}.composer-banner,.audio-preview{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.45rem;font-size:.85rem;color:var(--muted)}.audio-preview{display:grid}.audio-preview .row{display:flex;flex-wrap:wrap;gap:.4rem}.contact-panel{padding:1rem;display:grid;gap:.85rem}.contact-panel h2,.contact-panel h3{font-family:var(--display);margin:0;letter-spacing:-.02em}.field{display:grid;gap:.3rem}.field label{color:var(--muted);font-size:.78rem}.section{display:grid;gap:.45rem;padding-top:.4rem;border-top:1px solid var(--line)}.inline{display:flex;gap:.4rem}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{border-radius:999px;font-size:.75rem;padding:.25rem .55rem}.checklist,.activity,.notes{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.checklist label{display:flex;gap:.45rem;align-items:center;color:var(--text)}.btn-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.55rem .9rem;min-height:44px;border-radius:980px;background:#ffffff0f;text-decoration:none;color:var(--text)}.kanban-shell{padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.kanban-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.9rem 1rem .55rem;flex-shrink:0}.kanban-toolbar p{margin:.2rem 0 0}.kanban{flex:1;min-height:0;display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 1rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.kanban-col{flex:0 0 min(300px,calc(100vw - 2rem));max-width:320px;min-width:min(280px,calc(100vw - 2rem));scroll-snap-align:start;display:flex;flex-direction:column;min-height:0;background:var(--bg1);border:1px solid var(--line);border-radius:16px;overflow:hidden}.kanban-col.drop-target{outline:2px solid var(--brand)}.kanban-col-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem .8rem .6rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.kanban-col-head strong{display:block;font-size:.92rem}.kanban-col-head span{color:var(--muted);font-size:.72rem}.kanban-col-head em{font-style:normal;min-width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:999px;font-size:.75rem;font-weight:700;background:#ffffff14}.kanban-col-body{flex:1;min-height:0;overflow:auto;padding:.65rem;display:grid;align-content:start;gap:.5rem}.kanban-card{background:var(--bg2);border-radius:14px;padding:.7rem .75rem;display:grid;gap:.4rem;cursor:grab;border:1px solid transparent}.kanban-card.dragging{opacity:.5}.kanban-check{display:flex;align-items:flex-start;gap:.5rem;color:var(--text)}.kanban-check input{width:18px;height:18px;min-height:0;accent-color:var(--ok)}.kanban-title{font-weight:600;line-height:1.3}.kanban-meta{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.kind-pill{font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.12rem .4rem;border-radius:6px}.kind-pill.task{background:#0a84ff29;color:#64d2ff}.kind-pill.reminder{background:#ff9f0a29;color:var(--orange)}.kanban-card time{font-size:.72rem;color:var(--muted)}.kanban-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:1.2rem .5rem;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.col-overdue{border-top:3px solid var(--danger)}.col-overdue .kanban-col-head em{background:#ff453a2e;color:var(--danger)}.col-today{border-top:3px solid var(--orange)}.col-today .kanban-col-head em{background:#ff9f0a2e;color:var(--orange)}.col-week{border-top:3px solid var(--brand)}.col-week .kanban-col-head em{background:#0a84ff2e;color:var(--brand-2)}.col-later{border-top:3px solid var(--indigo)}.col-later .kanban-col-head em{background:#5e5ce633;color:#bf5af2}.col-inbox{border-top:3px solid var(--gray)}.col-inbox .kanban-col-head em{background:#8e8e9333;color:#d1d1d6}.col-done{border-top:3px solid var(--ok)}.col-done .kanban-col-head em{background:#30d1582e;color:var(--ok)}.col-done .kanban-title{text-decoration:line-through;color:var(--muted)}.mobile-only{display:none}@media(max-width:960px){.desktop-only{display:none!important}.mobile-only-flex{display:flex!important}.app-shell{grid-template-rows:1fr auto}.app-shell.chat-focus{grid-template-rows:1fr}.app-shell.chat-focus .bottom-tabs{display:none!important}.two-col,.two-col.tight,.toolbar{grid-template-columns:1fr}.page-shell{padding:.85rem .85rem .45rem}.card-list{max-height:none}.inbox-shell{grid-template-columns:1fr;height:100%}.col{display:none;border-right:0}.col.show{display:flex;flex-direction:column;height:100%;min-height:0}.mobile-only{display:inline-flex}.list-footer{display:none}.kanban-col{flex-basis:calc(100vw - 1.7rem);max-width:calc(100vw - 1.7rem);min-width:calc(100vw - 1.7rem)}.composer{padding-bottom:calc(.55rem + var(--safe-bottom))}.wa-connect{grid-template-columns:1fr}.wa-qr{width:min(260px,100%);height:auto;aspect-ratio:1}.target-add,.target-edit,.target-toolbar{grid-template-columns:1fr}}@media(min-width:1280px){.kanban-col{flex:1 1 0;min-width:220px;max-width:none}}
