:root{--bg: #f5f5f7;--panel: #ffffff;--border: #e3e3e8;--text: #1d1d1f;--muted: #86868b;--accent: #0a84ff;--accent-press: #0060df;--due: #ff9f0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:600;font-size:15px}.conn{display:flex;align-items:center;gap:8px}button{font:inherit;padding:6px 12px;border-radius:7px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}button:hover{background:#f0f0f3}button:active{background:#e6e6eb}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:transparent}button.primary:hover{background:var(--accent-press)}button.link{border:none;background:none;color:var(--accent);padding:2px 4px}.pill{padding:3px 9px;border-radius:999px;font-size:12px;background:#eef}.pill.ok{background:#e3f6e8;color:#1a7f37}.duetoggle{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}.devtools{display:flex;gap:4px}.devtools button{font-size:12px;padding:5px 9px}.searchbar{padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.searchbar .search{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:7px;font:inherit;margin:0}.placeholder.big{margin:auto;font-size:15px;color:var(--muted);text-align:center}.banner{padding:8px 16px;background:#fff8e6;border-bottom:1px solid #f0e2b8;font-size:13px;cursor:pointer}.body{display:flex;flex:1;min-height:0}.count{background:var(--due);color:#fff;border-radius:999px;padding:0 6px;margin-left:4px;font-size:11px}.tag{font-size:11px;padding:1px 7px;border-radius:999px;background:#ececf0;color:#555}.conv{display:flex;flex-direction:column;width:100%;height:100%;overflow-y:auto;background:var(--bg)}.conv-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:18px 56px 16px 22px;background:var(--panel);border-bottom:1px solid var(--border)}.avatar{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.conv-id h2{margin:0;font-size:18px;line-height:1.2}.conv-id .handle{color:var(--muted);font-size:13px;margin-top:1px}.conv-id .contacted{color:var(--muted);font-size:11px;margin-top:3px}.send-row{display:flex;flex-direction:column;gap:7px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--border)}button.block{width:100%;padding:10px;font-size:14px;font-weight:600}.manual-note{font-size:11px;color:var(--muted);text-align:center}.field{display:flex;flex-direction:column;gap:6px;padding:16px 22px 0}.field-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:8px}.field-hint{font-weight:500;text-transform:none;letter-spacing:0;color:#aaa;font-size:10px}.field select,.field input[type=date],.field textarea{font:inherit;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);height:36px;line-height:34px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%2386868b'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.field select:focus,.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.field textarea{height:auto;min-height:64px;padding:8px 10px;line-height:1.4;resize:vertical}.lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 22px 0}.lead-grid .field{padding:0}.link.tiny{font-size:11px;padding:0;text-transform:none;letter-spacing:0;font-weight:500}.tag.removable{cursor:pointer;display:inline-flex;align-items:center;gap:3px}.tag.removable .x{opacity:.5}.tag.removable:hover{background:#f3dada;color:#99383a}.tag-input{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:36px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel);cursor:text}.tag-input:focus-within{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.tag-input .tag{font-size:12px;padding:3px 8px}.tag-field{flex:1 1 70px;min-width:70px;height:24px;border:none;outline:none;background:transparent;font:inherit;color:var(--text);padding:0 2px}.tag-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5;margin:0;padding:4px;list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000024;max-height:200px;overflow:auto}.tag-suggest li{padding:6px 9px;border-radius:6px;font-size:13px;cursor:pointer}.tag-suggest li:hover{background:#eef4ff;color:var(--accent)}.thread-field{flex:1;min-height:0;padding-bottom:18px}.messages{margin-top:8px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);display:flex;flex-direction:column;gap:10px}.messages .empty{color:var(--muted);text-align:center;padding:12px}.msg{display:flex;flex-direction:column;max-width:80%}.msg.me{align-self:flex-end;align-items:flex-end}.msg.them{align-self:flex-start;align-items:flex-start}.bubble{padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.35}.msg.them .bubble{background:var(--bg);border:1px solid var(--border)}.msg.me .bubble{background:var(--accent);color:#fff}.ts{font-size:10px;color:var(--muted);margin-top:2px}.kanban-body{overflow:hidden}.kanban{display:flex;gap:12px;padding:14px 16px;overflow-x:auto;width:100%;align-items:flex-start;-webkit-user-select:none;user-select:none}.kcol{flex:0 0 250px;display:flex;flex-direction:column;max-height:100%;background:#ececf0;border-radius:10px;border:2px solid transparent}.kcol.over{border-color:var(--accent);background:#e3edfb}.kcol-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;font-size:13px;border-bottom:1px solid #dcdce2;border-radius:10px 10px 0 0}.kcol-head.s-new{background:#eef0ff}.kcol-head.s-info_requested{background:#e6effd;color:#0060df}.kcol-head.s-no_commit{background:#fff0e0;color:#b25c00}.kcol-head.s-follow_up{background:#fff3d6;color:#8a6d00}.kcol-head.s-won{background:#e3f6e8;color:#1a7f37}.kcol-head.s-lost{background:#f3e3e3;color:#99383a}.kcount{background:#00000014;border-radius:999px;padding:0 8px;font-size:12px}.kcards{padding:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:60px}.kcard{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px 10px;cursor:pointer;box-shadow:0 1px 2px #0000000a}.kcard:hover{border-color:#c9c9d1}.kcard{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.kcard.dragging{opacity:.35}.kanban.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.kanban.dragging .kcard{cursor:grabbing}.kdrag-ghost{position:fixed;z-index:50;pointer-events:none;background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;box-shadow:0 6px 20px #00000038;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kcard-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.kname{font-weight:600;font-size:13px}.ktime{color:var(--muted);font-size:11px;white-space:nowrap}.kpreview{color:var(--muted);font-size:12px;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kmeta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;align-items:center}.kdue{font-size:11px;color:var(--due)}.kdue.over{color:#fff;background:var(--due);padding:1px 7px;border-radius:999px}.kempty{color:#9a9aa2;font-size:12px;text-align:center;padding:16px 8px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;justify-content:flex-end;z-index:20}.drawer{width:560px;max-width:92vw;background:var(--bg);height:100%;box-shadow:-4px 0 24px #0000002e;position:relative;display:flex;flex-direction:column;animation:slidein .15s ease-out}@keyframes slidein{0%{transform:translate(20px);opacity:.6}to{transform:none;opacity:1}}.drawer-close{position:absolute;top:10px;right:12px;z-index:2;width:30px;height:30px;border-radius:999px;padding:0;line-height:1}.drawer .conv{height:100%}