/* v1.3 */
:root{
  --bg:#ffffff; --panel:#f6f7f9; --panel-2:#eef0f3; --line:#e4e6eb; --fg:#15171c; --muted:#666d7a; --faint:#9aa0ab;
  --accent:#4664f5; --accent-fg:#ffffff; --accent-weak:#edf0fe; --accent-line:#c9d2fc;
  --bubble-in:#eff1f4; --auto-bg:#f3f5ff; --note:#fff5d1; --note-line:#ecd679; --note-fg:#5a4a0c;
  --danger:#d6383a; --danger-weak:#fdeceb; --warn:#b86e00; --warn-weak:#fff2dc; --ok:#1d8a4f; --ok-weak:#e5f5ec;
  --shadow:0 10px 30px rgba(20,24,40,.14),0 2px 6px rgba(20,24,40,.08);
  --f-ui:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}
[hidden]{display:none!important}
html,body{height:100%}
body{background:var(--bg);color:var(--fg);font-family:var(--f-ui);font-size:14px;line-height:1.4;overflow:hidden}
*{box-sizing:border-box}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
svg{flex:none}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 12px;font-weight:600;font-size:13px;border:1px solid var(--line);background:var(--bg);white-space:nowrap}
.btn:hover{background:var(--panel-2)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.ghost{border-color:transparent;background:transparent}
.btn.ghost:hover{background:var(--panel-2)}
.btn.danger{color:var(--danger)}
.li.danger{color:var(--danger)}
a.btn{text-decoration:none;color:inherit}
.btn.sm{padding:4px 10px;font-size:12px}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;color:#1d2230;flex:none}
.av.sm{width:22px;height:22px;font-size:10px}
.av.xs{width:18px;height:18px;font-size:9px}
.av.md{width:32px;height:32px;font-size:12px}
.av.unknown{background:var(--panel-2);color:var(--muted)}
.h0{background:#ffd8c2}.h1{background:#c9e8d5}.h2{background:#d6dcff}.h3{background:#ffe7a8}.h4{background:#f6cde3}.h5{background:#c7e7f2}.h6{background:#e3d6f7}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;border:1px solid var(--line);color:var(--muted);background:var(--bg);white-space:nowrap}
.chip.wait{color:var(--warn);background:var(--warn-weak);border-color:transparent}
.chip.late{color:var(--danger);background:var(--danger-weak);border-color:transparent}
.chip.unas{color:var(--accent);background:var(--accent-weak);border-color:transparent}
.chip.ok{color:var(--ok);background:var(--ok-weak);border-color:transparent}
.chip.crm{color:var(--muted);flex-shrink:0}
.chip.crm.lead{color:#6a3fb5;background:#f1eafc;border-color:transparent}
.chip.crm.contact{color:var(--ok);background:var(--ok-weak);border-color:transparent}
.chip.crm.account{color:#0f6f86;background:#e2f4f8;border-color:transparent}
.chip.crm.none{color:var(--faint);background:var(--bg);border-style:dashed}
.chip.own{padding:1px 8px 1px 2px;color:var(--fg);font-weight:500}
.chip.old{color:#6a3fb5;background:#f1eafc;border-color:transparent}
.fbtn .chip.old{padding:0 6px;font-size:10px;margin-left:4px}
.chip.mock{color:var(--warn);background:var(--warn-weak);border-color:transparent}
.chip .av.xs{width:16px;height:16px;font-size:8px}
.pop{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:220px;z-index:30}
.pop button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:8px;text-align:left}
.pop button:hover{background:var(--panel)}
.pop .btn.primary,.pop .btn.primary:hover{background:var(--accent);color:var(--accent-fg)}
.pop .btn.primary:hover{filter:brightness(1.06)}
.pop .sel{margin-left:auto;color:var(--accent)}
.pop .hd{font-size:11px;color:var(--faint);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 4px}
.tip{position:relative}
.tip::after{content:attr(data-tip);display:none;position:absolute;left:0;bottom:calc(100% + 8px);width:max-content;max-width:240px;background:var(--fg);color:var(--bg);font-size:12px;font-weight:500;line-height:1.35;padding:6px 10px;border-radius:8px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s,transform .12s;z-index:40;white-space:normal}
.tip:hover::after,.tip:focus-within::after{display:block;opacity:1;transform:none}
.hint{font-size:12px;color:var(--faint)}
.toasts{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;display:flex;flex-direction:column-reverse;gap:10px;z-index:60;width:268px}
@media (max-width:1260px){.toasts{bottom:calc(216px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100vw - 32px))}}
.toast{background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:start;animation:tin .25s ease-out}
.toast .ti{font-weight:700;font-size:13px}
.toast .bd{font-size:13px;color:var(--muted);grid-column:2;overflow-wrap:anywhere}
.toast .ft{grid-column:2/4;display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.toast .x{color:var(--faint)}
.toast .bell{width:32px;height:32px;border-radius:50%;background:var(--accent-weak);color:var(--accent);display:grid;place-items:center;grid-row:span 2}
@keyframes tin{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}