*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange:#F97316;--orange-h:#EA580C;--orange-faint:#fff7ed;--orange-light:#fed7aa;
  --bg:#f5f5f5;--white:#fff;--border:#ebebeb;--border-mid:#e0e0e0;
  --text:#111;--muted:#888;--muted-light:#c0c0c0;--sidebar:#16110A;
  --hot:#ef4444;--hot-f:#fef2f2;--green:#22c55e;--green-f:#f0fdf4;
  --amber:#f59e0b;--amber-f:#fffbeb;--dead:#9ca3af;--dead-f:#f9fafb;
  --blue:#3b82f6;--blue-f:#eff6ff;--purple:#8b5cf6;--purple-f:#f5f3ff;
  --r:11px;--shadow:0 1px 4px rgba(0,0,0,.07);--shadow-md:0 4px 16px rgba(0,0,0,.1)
}
html,body{height:100%;font-family:'Poppins',sans-serif;background:var(--bg);color:var(--text);font-size:13px;line-height:1.5}
*{font-family:'Poppins',sans-serif}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:99px}
a{text-decoration:none;color:inherit}

/* ── App shell ─────────────────────────────────────────────────────────────── */
.app{display:flex;height:100dvh;overflow:hidden}

/* ── Sidebar ───────────────────────────────────────────────────────────────── */
.sidebar{
  width:210px;min-width:210px;background:var(--sidebar);
  display:flex;flex-direction:column;height:100dvh;
  position:fixed;left:0;top:0;z-index:90;
  transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);
}
.sidebar.open{transform:translateX(0)}
@media(min-width:768px){
  .sidebar{transform:translateX(0)!important;position:sticky}
  .menu-btn{display:none!important}
}
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:89;backdrop-filter:blur(3px)}
.sb-overlay.show{display:block}

/* Logo */
.sb-logo{padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;flex-shrink:0}
.sb-logo-icon{width:28px;height:28px;background:var(--orange);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sb-logo-text{font-size:13px;font-weight:700;color:#fff}

/* Nav scroll area */
.sb-nav{flex:1;overflow-y:auto;padding:8px 8px 4px}
.sb-nav::-webkit-scrollbar{width:0}

/* ── NAV ITEMS ─────────────────────────────────────────────────────────────── */
/* Top-level nav item */
.sb-item{
  display:flex;align-items:center;gap:8px;
  padding:7px 9px;border-radius:8px;cursor:pointer;
  border:none;background:transparent;color:rgba(255,255,255,.4);
  font-size:12.5px;font-weight:400;text-align:left;width:100%;
  transition:all .15s;position:relative;
}
.sb-item:hover{background:rgba(249,115,22,.09);color:rgba(255,255,255,.7)}
.sb-item.active{background:rgba(249,115,22,.18);color:#fff;font-weight:600}
.sb-item.active::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--orange);border-radius:0 2px 2px 0}
.sb-item svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor}
.sb-item.active svg{stroke:var(--orange)}
.sb-badge{margin-left:auto;background:var(--orange);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:99px;min-width:16px;text-align:center}

/* Group / section */
.sb-group{margin-bottom:2px}
.sb-group-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 9px 5px;cursor:pointer;border:none;background:transparent;width:100%;
  color:rgba(255,255,255,.25);font-size:9.5px;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;transition:color .15s;
}
.sb-group-head:hover{color:rgba(255,255,255,.45)}
.sb-group-head .chevron{transition:transform .2s;font-size:10px;opacity:.5}
.sb-group-head.collapsed .chevron{transform:rotate(-90deg)}

/* Sub-items (children) */
.sb-children{padding-left:14px;overflow:hidden;transition:max-height .2s ease;max-height:200px}
.sb-children.collapsed{max-height:0}
.sb-child{
  display:flex;align-items:center;gap:7px;
  padding:5px 9px;border-radius:7px;cursor:pointer;
  border:none;background:transparent;color:rgba(255,255,255,.3);
  font-size:12px;font-weight:400;text-align:left;width:100%;
  transition:all .15s;
}
.sb-child:hover{color:rgba(255,255,255,.65);background:rgba(255,255,255,.05)}
.sb-child.active{color:var(--orange);font-weight:500}
.sb-child::before{content:'';width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.15);flex-shrink:0}
.sb-child.active::before{background:var(--orange)}

/* Divider */
.sb-divider{height:1px;background:rgba(255,255,255,.06);margin:6px 0}

/* User footer */
.sb-user{padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;flex-shrink:0}
.sb-avatar{width:28px;height:28px;background:var(--orange);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}
.sb-uname{font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-urole{font-size:10px;color:rgba(255,255,255,.3)}

/* ── Main ──────────────────────────────────────────────────────────────────── */
.main{flex:1;display:flex;flex-direction:column;height:100dvh;overflow:hidden;min-width:0}

/* ── Topbar ────────────────────────────────────────────────────────────────── */
.topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 18px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px}
.topbar-l{display:flex;align-items:center;gap:10px;min-width:0}
.menu-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;flex-shrink:0;color:var(--muted)}
.pg-title{font-size:14px;font-weight:700;color:var(--text);line-height:1;white-space:nowrap}
.pg-sub{font-size:11px;color:var(--muted);margin-top:1px}
.topbar-r{display:flex;align-items:center;gap:7px;flex-shrink:0}

/* ── Content ───────────────────────────────────────────────────────────────── */
.content{flex:1;overflow-y:auto}

/* ── Buttons ───────────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;border-radius:9px;cursor:pointer;font-weight:500;transition:all .15s;white-space:nowrap;font-size:12.5px}
.btn-primary{background:var(--orange);color:#fff;padding:8px 15px}
.btn-primary:hover{background:var(--orange-h);box-shadow:0 3px 12px rgba(249,115,22,.3)}
.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border-mid);padding:7px 14px}
.btn-ghost:hover{background:var(--border)}
.btn-sm{padding:5px 11px;font-size:11.5px;border-radius:7px}
.btn-xs{padding:3px 9px;font-size:11px;border-radius:6px}
.btn-success{background:var(--green-f);color:#166534}.btn-success:hover{background:var(--green);color:#fff}
.btn-warn{background:var(--amber-f);color:#92400e}.btn-warn:hover{background:var(--amber);color:#fff}
.btn-danger{background:var(--hot-f);color:var(--hot)}.btn-danger:hover{background:var(--hot);color:#fff}
.btn-blue{background:var(--blue-f);color:var(--blue)}.btn-blue:hover{background:var(--blue);color:#fff}
.btn-full{width:100%}

/* ── Tab bar ───────────────────────────────────────────────────────────────── */
.tab-bar{background:var(--white);border-bottom:1px solid var(--border);padding:0 18px;display:flex;overflow-x:auto;flex-shrink:0}
.tab-bar::-webkit-scrollbar{height:0}
.tab-btn{padding:9px 14px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px}
.tab-btn:hover{color:var(--text)}
.tab-btn.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:600}
.tab-cnt{background:var(--orange-faint);color:var(--orange);font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px}
.tab-btn.active .tab-cnt{background:var(--orange);color:#fff}

/* ── Toolbar ───────────────────────────────────────────────────────────────── */
.toolbar{background:var(--white);border-bottom:1px solid var(--border);padding:9px 18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}
.search-wrap{position:relative;flex:1;min-width:160px}
.search-wrap svg{position:absolute;left:9px;top:50%;transform:translateY(-50%)}
.search-in{width:100%;padding:7px 11px 7px 32px;border:1.5px solid var(--border-mid);border-radius:8px;background:var(--bg);outline:none;transition:border-color .15s;font-size:12.5px;color:var(--text)}
.search-in:focus{border-color:var(--orange)}
.search-in::placeholder{color:var(--muted-light)}
.filter-select{border:1.5px solid var(--border-mid);border-radius:8px;padding:6px 10px;background:var(--bg);outline:none;color:var(--text);font-size:12.5px;cursor:pointer;min-width:110px}
.filter-select:focus{border-color:var(--orange)}
.view-toggle{display:flex;border:1.5px solid var(--border-mid);border-radius:8px;overflow:hidden}
.vbtn{padding:6px 10px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;color:var(--muted);transition:all .15s}
.vbtn.active{background:var(--orange);color:#fff}
.count-label{font-size:11.5px;color:var(--muted);white-space:nowrap}

/* ── Stats ─────────────────────────────────────────────────────────────────── */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:16px 18px}
.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:13px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}
.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.stat-val{font-size:21px;font-weight:700;line-height:1;color:var(--text)}
.stat-lbl{font-size:10.5px;color:var(--muted);margin-top:2px}

/* ── Dashboard panels ──────────────────────────────────────────────────────── */
.dash-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 18px 18px}
.dash-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px;box-shadow:var(--shadow)}
.dash-panel-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.dash-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);gap:10px}
.dash-row:last-child{border-bottom:none}
.dash-lead-name{font-size:12.5px;font-weight:500;color:var(--text)}
.dash-lead-biz{font-size:11px;color:var(--muted)}
.dash-time{font-size:11px;color:var(--orange);white-space:nowrap;font-weight:500}

/* ── Table ─────────────────────────────────────────────────────────────────── */
.tbl-wrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;min-width:600px}
.tbl thead th{background:var(--white);border-bottom:2px solid var(--border);padding:9px 12px;text-align:left;font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;position:sticky;top:0;z-index:2}
.tbl tbody tr{border-bottom:1px solid var(--border);background:var(--white);transition:background .12s;cursor:pointer}
.tbl tbody tr:hover{background:#fffaf6}
.tbl tbody td{padding:10px 12px;vertical-align:middle}
.tbl-name{font-weight:600;font-size:13px;color:var(--orange)}
.tbl-name:hover{text-decoration:underline}
.tbl-sub{font-size:11px;color:var(--muted);margin-top:2px}
.actions-cell{display:flex;gap:5px;align-items:center}

/* ── Badges & Pills ────────────────────────────────────────────────────────── */
.badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:500;padding:3px 9px;border-radius:99px}
.pill-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.src-facebook{background:#e7f3ff;color:#1877f2}.src-instagram{background:#fdf0f8;color:#e1306c}
.src-google{background:#e8f5e9;color:#34a853}.src-referral{background:#f3e8ff;color:#7c3aed}
.src-walk-in,.src-walkin{background:#fff3cd;color:#856404}.src-website{background:#e0f2fe;color:#0284c7}
.src-whatsapp{background:#e7fbe9;color:#25d366}.src-other{background:#f3f4f6;color:#6b7280}
.interest-hot{background:var(--hot-f);color:var(--hot)}.interest-warm{background:var(--amber-f);color:var(--amber)}
.interest-cold{background:var(--blue-f);color:var(--blue)}
.status-new{background:#f0f9ff;color:#0369a1}.status-contacted{background:#f0fdf4;color:#166534}
.status-qualified{background:var(--purple-f);color:var(--purple)}.status-unqualified{background:var(--dead-f);color:var(--dead)}
.status-dead{background:var(--dead-f);color:var(--dead)}

/* ── Cards ─────────────────────────────────────────────────────────────────── */
.cards-wrap{display:flex;flex-direction:column;gap:8px;padding:14px 18px}
.lead-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:13px 15px 12px 19px;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s;cursor:pointer;animation:fadeUp .2s ease both}
.lead-card:hover{border-color:var(--orange-light);box-shadow:0 3px 14px rgba(249,115,22,.08)}
.lc-accent{position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 2px 2px 0}
.lc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lc-name{font-size:13.5px;font-weight:600;color:var(--orange)}
.lc-phone{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-top:2px}
.lc-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.lc-note{font-size:11.5px;color:var(--muted);margin-top:6px;border-top:1px solid var(--border);padding-top:6px;line-height:1.6}

/* ── Kanban ────────────────────────────────────────────────────────────────── */
.kanban-wrap{display:flex;gap:10px;padding:14px 18px;overflow-x:auto;min-height:calc(100dvh - 110px);align-items:flex-start}
.kanban-wrap::-webkit-scrollbar{height:5px}
.kb-col{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);width:210px;min-width:210px;display:flex;flex-direction:column;max-height:calc(100dvh - 130px)}
.kb-col-head{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}
.kb-col-title{font-size:11.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}
.kb-col-cnt{background:var(--white);border:1px solid var(--border);font-size:10px;font-weight:600;padding:1px 6px;border-radius:99px;color:var(--muted)}
.kb-cards{flex:1;overflow-y:auto;padding:7px;display:flex;flex-direction:column;gap:6px}
.kb-card{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:9px 10px;cursor:grab;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s;user-select:none}
.kb-card:hover{box-shadow:var(--shadow-md);border-color:var(--orange-light)}
.kb-card.dragging{opacity:.5;cursor:grabbing}
.kb-col.drag-over{background:var(--orange-faint);border-color:var(--orange-light)}
.kb-card-name{font-size:12px;font-weight:600;color:var(--orange);margin-bottom:2px}
.kb-card-biz{font-size:10.5px;color:var(--muted);margin-bottom:5px}
.kb-card-meta{display:flex;flex-wrap:wrap;gap:3px}
.kb-card-note{font-size:10px;color:var(--muted);margin-top:5px;border-top:1px solid var(--border);padding-top:4px;line-height:1.5}

/* ── Activity timeline ─────────────────────────────────────────────────────── */
.timeline{display:flex;flex-direction:column}
.tl-entry{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
.tl-entry:last-child{border-bottom:none}
.tl-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;margin-top:1px}
.tl-meta{font-size:10px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.tl-agent{color:var(--orange);font-weight:600}
.tl-title{font-size:12px;font-weight:600;color:var(--text)}
.tl-body{font-size:12px;color:var(--text);margin-top:2px;line-height:1.6}
.tl-type-call{background:#dcfce7;color:var(--green)}
.tl-type-note{background:#f0f9ff;color:var(--blue)}
.tl-type-whatsapp{background:#dcfce7;color:#16a34a}
.tl-type-status_change{background:var(--orange-faint);color:var(--orange)}
.tl-type-followup{background:var(--amber-f);color:var(--amber)}
.tl-type-meeting{background:var(--purple-f);color:var(--purple)}
.tl-type-system{background:var(--dead-f);color:var(--dead)}

/* ── Lead detail modal tabs ────────────────────────────────────────────────── */
.detail-tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0;gap:0}
.detail-tabs::-webkit-scrollbar{height:0}
.dtab{padding:8px 13px;border:none;background:none;cursor:pointer;font-size:11.5px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}
.dtab:hover{color:var(--text)}
.dtab.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:600}
.dtab-content{display:none;padding:14px 0 0}
.dtab-content.active{display:block}
.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:14px}
.info-chip{background:var(--bg);border-radius:8px;padding:9px 11px}
.info-chip-label{font-size:9.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.info-chip-val{font-size:12.5px;font-weight:500;color:var(--text);margin-top:2px}

/* ── Modals ────────────────────────────────────────────────────────────────── */
.mo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:999;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(4px)}
.mo-overlay.open{opacity:1;pointer-events:all}
.modal{background:var(--white);border-radius:18px 18px 0 0;padding:20px 18px 30px;width:100%;max-width:540px;transform:translateY(20px);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 -6px 36px rgba(0,0,0,.1);max-height:92dvh;overflow-y:auto}
.mo-overlay.open .modal{transform:translateY(0)}
.modal-wide{max-width:700px}
.mo-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.mo-title{font-size:14.5px;font-weight:700}
.mo-sub{font-size:11px;color:var(--muted);margin-top:2px}
.mo-close{width:27px;height:27px;background:var(--border);border:none;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:13px;color:var(--muted)}
.mo-close:hover{background:var(--border-mid)}
.mo-actions{display:flex;gap:9px;margin-top:10px}

/* ── Form fields ───────────────────────────────────────────────────────────── */
.field{margin-bottom:11px}
.field label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;display:block;margin-bottom:5px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.frow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.inp,.sel,.txa{width:100%;border:1.5px solid var(--border-mid);border-radius:8px;padding:8px 10px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s;font-size:12.5px}
.inp:focus,.sel:focus,.txa:focus{border-color:var(--orange)}
.inp::placeholder{color:var(--muted-light)}
.txa{resize:vertical;min-height:65px}

/* ── Clients & Team ────────────────────────────────────────────────────────── */
.monthly-val{font-size:13px;font-weight:600;color:var(--green)}
.section{padding:14px 18px}
.section-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px}

/* ── Buttons (call/edit) ───────────────────────────────────────────────────── */
.call-btn{width:27px;height:27px;border-radius:50%;background:var(--green-f);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.call-btn:hover{background:var(--green)}
.call-btn:hover svg{stroke:#fff!important}
.edit-btn{width:25px;height:25px;border-radius:6px;background:var(--orange-faint);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}
.edit-btn:hover{background:var(--orange)}
.edit-btn:hover svg{stroke:#fff!important}

/* ── Settings panels ───────────────────────────────────────────────────────── */
.setting-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 18px}
.setting-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--r);padding:14px}
.setting-panel-title{font-size:12px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.setting-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border)}
.setting-row:last-of-type{border-bottom:none}

/* ── Toast ─────────────────────────────────────────────────────────────────── */
.toast-wrap{position:fixed;bottom:16px;right:14px;z-index:9999;display:flex;flex-direction:column;gap:6px}
.toast{background:var(--text);color:#fff;padding:9px 14px;border-radius:9px;font-size:12px;font-weight:500;box-shadow:0 4px 18px rgba(0,0,0,.18);animation:slideR .22s ease;max-width:260px}
.toast.ok{background:#15803d}.toast.err{background:#b91c1c}.toast.info{background:var(--blue)}

/* ── Empty / Loading ───────────────────────────────────────────────────────── */
.empty{text-align:center;padding:44px 20px;color:var(--muted)}
.empty-icon{font-size:28px;margin-bottom:8px}
.empty-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}
.empty-sub{font-size:12px}
.loading-text{color:var(--muted);font-size:13px;padding:22px;text-align:center}

/* ── Animations ────────────────────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideR{from{transform:translateX(12px);opacity:0}to{transform:translateX(0);opacity:1}}

/* ── Utils ─────────────────────────────────────────────────────────────────── */
.hidden{display:none!important}
.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}
@media(max-width:560px){
  .frow,.frow3{grid-template-columns:1fr}
  .dash-panels,.setting-panels{grid-template-columns:1fr}
  .topbar,.toolbar,.tab-bar,.section,.stats-grid,.cards-wrap{padding-left:13px;padding-right:13px}
}

/* ── Call Popup (centre modal, not bottom sheet) ──────────────────────────── */
.mo-overlay.mo-center { align-items:center; padding:16px }
.mo-overlay.mo-center .modal { border-radius:16px; max-height:88dvh; max-width:600px }
.mo-overlay.mo-center.open .modal { transform:translateY(0) scale(1) }
.mo-overlay.mo-center .modal { transform:scale(.96); transition:transform .22s cubic-bezier(.4,0,.2,1) }

/* Call popup internal styles */
.cp-header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border) }
.cp-lead-name { font-size:17px;font-weight:700;color:var(--text);margin-bottom:5px }
.cp-lead-meta { display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:6px }
.cp-lead-meta span { display:flex;align-items:center;gap:4px }
.cp-call-btn { display:flex;align-items:center;gap:7px;background:var(--green);color:#fff;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;flex-shrink:0;transition:background .15s }
.cp-call-btn:hover { background:#16a34a }

.cp-section-label { font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px }

/* Timeline inside call popup */
.cp-timeline { display:flex;flex-direction:column;gap:0;max-height:140px;overflow-y:auto;border:1px solid var(--border);border-radius:9px;padding:6px 10px;background:var(--bg);margin-bottom:4px }
.cp-tl-entry { display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--border) }
.cp-tl-entry:last-child { border-bottom:none }
.cp-tl-icon { font-size:14px;flex-shrink:0;margin-top:1px }
.cp-tl-meta { font-size:10px;color:var(--muted);margin-bottom:2px }
.cp-tl-body { font-size:12px;color:var(--text);line-height:1.5 }

/* Form inside popup */
.cp-form { border-top:1px solid var(--border);padding-top:14px }