:root{
  --bg:#0a0d18;--panel:#101526;--panel2:#161c33;--row-hover:#19213d;--line:#222a47;
  --text:#f0f4ff;--muted:#8b95b8;--primary:#0284c7;--primary2:#38bdf8;
  --green:#00c896;--green-text:#062;--red:#ff5c7a;--yellow:#ffc547;--blue:#38bdf8;
  --auth-grad:radial-gradient(circle at 35% 20%,#0c2547,var(--bg) 65%);
  --shadow:0 8px 30px rgba(0,0,0,.35);
  --radius:12px;
}
[data-theme="light"]{
  --bg:#f4f7fc;--panel:#ffffff;--panel2:#edf2fa;--row-hover:#f3f7fd;--line:#dce4f2;
  --text:#0f172a;--muted:#62728f;--primary:#0284c7;--primary2:#0369a1;
  --green:#089e78;--green-text:#fff;--red:#e03152;--yellow:#c88700;--blue:#0284c7;
  --auth-grad:radial-gradient(circle at 35% 20%,#dbeafe,var(--bg) 65%);
  --shadow:0 4px 16px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
body{margin:0;font-family:"Cairo","Inter",system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;transition:background .15s,color .15s}
html[lang="en"] body{font-family:"Inter","Cairo",system-ui,Arial,sans-serif}
a{color:var(--primary);text-decoration:none}
[data-theme="dark"] a{color:var(--primary2)}
.hidden{display:none!important}
.muted{color:var(--muted)}.small{font-size:12px}.w100{width:100%}
.ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}
h1{font-size:22px;margin:0 0 4px}h2{font-size:17px;margin:0 0 12px}h3{font-size:15px;margin:0 0 8px}

/* auth */
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--auth-grad);padding:16px}
.auth-card{background:var(--panel);padding:32px;border-radius:18px;width:min(420px,100%);border:1px solid var(--line);box-shadow:var(--shadow)}
.brand{font-weight:800;font-size:18px;padding:2px 0 10px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand.big{font-size:24px;padding:0}
.brand-logo-img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(14,165,233,.4));flex-shrink:0}
.brand-logo-img.sm{width:36px;height:36px}
.brand-logo-img.big{width:56px;height:56px}
.brand-title{font-weight:800;letter-spacing:-0.02em;line-height:1.15;background:linear-gradient(135deg,#ffffff 20%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="light"] .brand-title{background:linear-gradient(135deg,#0c1938 10%,#0284c7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-slogan{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0.01em;margin-top:2px}
.brand-sub{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
.mobile-nav-toggle{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* SVG icons */
.ico{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;display:inline-block;vertical-align:middle;flex-shrink:0}
.ico.lg{width:20px;height:20px}
.ico.sm{width:13px;height:13px}
.ico.fill{fill:currentColor}
.btn .ico{margin-inline-end:3px}

/* shell */
.shell{display:flex;min-height:100vh}
.sidebar{
  width:252px;
  background:var(--panel);
  border-inline-end:1px solid var(--line);
  padding:14px 12px;
  display:flex;
  flex-direction:column;
  position:sticky;
  top:0;
  height:100vh;
  max-height:100vh;
  box-sizing:border-box;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--line) transparent;
}
.sidebar::-webkit-scrollbar{width:5px}
.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.sidebar::-webkit-scrollbar-track{background:transparent}

.sidebar nav{
  display:flex;
  flex-direction:column;
  gap:2px;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--line) transparent;
  padding-inline-end:2px;
  margin:4px 0 8px;
}
.sidebar nav::-webkit-scrollbar{width:4px}
.sidebar nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.sidebar nav::-webkit-scrollbar-track{background:transparent}

.sidebar nav a{
  color:var(--text);
  padding:8px 10px;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
  font-size:13.5px;
  transition:background 0.15s ease, color 0.15s ease;
}
.sidebar nav a:hover{background:var(--panel2)}
.sidebar nav a.active{background:var(--primary);color:#fff}

.sidebar-foot{
  border-top:1px solid var(--line);
  padding-top:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex-shrink:0;
  margin-top:auto;
}
#logoutBtn{
  justify-content:flex-start;
  color:var(--red);
  opacity:0.9;
  font-weight:600;
  border:1px solid transparent;
  transition:all 0.15s ease;
}
#logoutBtn:hover{
  background:rgba(239,68,68,0.12);
  color:var(--red);
  border-color:rgba(239,68,68,0.25);
  opacity:1;
}
.main{flex:1;padding:26px 30px;max-width:1400px;overflow-x:auto}
@media(max-width:820px){
  .shell{width:100%;min-width:0;flex-direction:column}
  .sidebar{width:100%;height:auto;max-height:none;position:relative;overflow:visible;flex-shrink:0;padding:8px 12px 10px;border-inline-end:0;border-bottom:1px solid var(--line)}
  .sidebar .brand{width:100%;padding:0 0 8px}
  .mobile-nav-toggle{display:inline-flex;flex:0 0 auto;width:40px;height:40px;padding:8px;margin-inline-end:8px}
  .sidebar nav{display:none;position:absolute;top:100%;inset-inline:0;z-index:45;width:100%;max-height:70vh;min-height:0;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:4px;overflow-x:hidden;overflow-y:auto;padding:8px 12px 12px;margin:0;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .sidebar.mobile-nav-open nav{display:flex}
  .sidebar nav>a{width:100%;flex:0 0 auto;min-height:40px;white-space:nowrap}
  .sidebar nav .nav-sub-group{display:none}
  .sidebar-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:0;padding-top:8px}
  .sidebar-foot>.row{min-width:0}
  .main{width:100%;min-width:0;max-width:none;padding:14px;overflow-x:hidden}
  .table-wrap{max-width:100%;overflow-x:auto}
  .modal{padding:12px 8px}
  .modal-card{width:100%;padding:18px 14px}
}
.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.pill{background:var(--red);color:#fff;border-radius:20px;padding:0 7px;font-size:11px;margin-inline-start:auto}
.pill:empty{display:none}

/* cards */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
@media(max-width:600px){
  .main{padding:10px}
  .card,.kpi{padding:13px}
  .page-head{gap:10px;margin-bottom:14px}
  .page-head>div{min-width:0}
  .finder-top-tabs,.icp-tabs,.tabs{max-width:100%;overflow-x:auto;white-space:nowrap}
  .finder-top-tab{flex:0 0 auto;white-space:nowrap}
  .hero-search-card{padding:16px 14px}
  .hero-title{font-size:20px}
  .lead-identity-meta{gap:8px;padding:8px}
  .toast{inset-inline:10px;bottom:10px;max-width:none}
}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.kpi .v{font-size:26px;font-weight:800}.kpi .l{color:var(--muted);font-size:12px}
.kpi.g .v{color:var(--green)}.kpi.r .v{color:var(--red)}.kpi.b .v{color:var(--blue)}.kpi.y .v{color:var(--yellow)}

/* forms */
label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);margin-bottom:10px}
input,select,textarea{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px;width:100%}
textarea{min-height:90px;resize:vertical;line-height:1.6}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}
label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:13px}
label.check input{width:auto}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.row>label{flex:1;min-width:140px}
.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;cursor:pointer;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.btn:hover{border-color:var(--primary)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary2)}
.btn.green{background:var(--green);border-color:var(--green);color:var(--green-text)}.btn.red{background:transparent;border-color:var(--red);color:var(--red)}
.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:12px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.error{color:var(--red);font-size:13px;margin-top:8px}

/* table */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{color:var(--muted);font-weight:600;text-align:start;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top;text-align:start}
tr:hover td{background:var(--row-hover)}
td .sub{color:var(--muted);font-size:11px}
.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;background:var(--panel2);border:1px solid var(--line);white-space:nowrap}
.b-green{background:#00c89622;color:var(--green);border-color:#00c89655}
.b-red{background:#ff5c7a22;color:var(--red);border-color:#ff5c7a55}
.b-yellow{background:#ffc54722;color:var(--yellow);border-color:#ffc54755}
.b-blue{background:#3fa9ff22;color:var(--blue);border-color:#3fa9ff55}
.b-purple{background:#6c5ce722;color:var(--primary);border-color:#6c5ce766}
[data-theme="dark"] .b-purple{color:var(--primary2)}

/* misc */
.tabs{display:flex;gap:6px;margin:16px 0}
.tabs button{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--muted);padding:8px;border-radius:8px;font-family:inherit;cursor:pointer;font-weight:600}
.tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.chip{padding:5px 12px;border-radius:20px;background:var(--panel2);border:1px solid var(--line);cursor:pointer;font-size:12px;color:var(--text)}
.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}
.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:50;overflow-y:auto;padding:40px 12px}
.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;width:min(900px,100%);position:relative;box-shadow:var(--shadow)}
.modal-x{position:absolute;inset-inline-end:14px;top:12px;background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer}
.toast{position:fixed;bottom:24px;inset-inline-end:24px;background:var(--panel);border:1px solid var(--line);padding:12px 18px;border-radius:10px;z-index:60;max-width:420px;box-shadow:var(--shadow);font-weight:600}
.toast.err{border-color:var(--red);color:var(--red)}.toast.ok{border-color:var(--green)}
.bar-chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding-top:18px}
.bar-chart .bar{flex:1;background:linear-gradient(var(--primary2),var(--primary));border-radius:5px 5px 0 0;min-height:2px;position:relative}
.bar-chart .bar span{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}
.bar-labels{display:flex;gap:6px}.bar-labels div{flex:1;text-align:center;font-size:10px;color:var(--muted)}
.log{font-size:12px;max-height:330px;overflow:auto}
.log div{padding:6px 0;border-bottom:1px dashed var(--line)}
.log .warn,.log .error{color:var(--red)}
.step{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px}
.step-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px;flex-wrap:wrap}
.lead-timeline-section{margin-top:18px}
.lead-identity-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:-4px 0 14px;padding:9px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}
.lead-identity-meta>div{display:flex;align-items:baseline;gap:7px;min-width:0}
.lead-identity-meta .ltr{overflow-wrap:anywhere}
.lead-timeline{display:flex;flex-direction:column;margin-top:10px}
.lead-timeline-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding-bottom:14px}
.lead-timeline-item:not(:last-child)::before{content:"";position:absolute;inset-inline-start:13px;top:29px;bottom:0;border-inline-start:1px solid var(--line)}
.lead-timeline-marker{z-index:1;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--primary2)}
.lead-timeline-marker .ico{width:14px;height:14px}
.lead-timeline-content{min-width:0;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
.lead-timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lead-timeline-head time{white-space:nowrap}
.lead-timeline-detail{margin-top:5px;overflow-wrap:anywhere}
.lead-timeline-body{display:block;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}
.email-preview{background:#fff;color:#1b1e2e;border:1px solid var(--line);border-radius:10px;padding:18px;white-space:pre-wrap;line-height:1.7;font-family:Arial,sans-serif;unicode-bidi:plaintext}
.email-preview .subj{font-weight:700;border-bottom:1px solid #e2e6f0;padding-bottom:8px;margin-bottom:10px}
.checklist div{padding:6px 0}.checklist .done{color:var(--green)}
.progress{height:6px;background:var(--panel2);border-radius:5px;overflow:hidden;margin-top:6px}.progress>div{height:100%;background:var(--green)}
.split{display:grid;grid-template-columns:360px 1fr;gap:14px}
@media(max-width:1000px){.split{grid-template-columns:1fr}}
.list-item{padding:12px;border-bottom:1px solid var(--line);cursor:pointer}
.list-item:hover,.list-item.active{background:var(--panel2)}
.vars code{background:var(--panel2);border:1px solid var(--line);padding:1px 6px;border-radius:5px;margin:2px;display:inline-block;cursor:pointer;direction:ltr}
.empty{text-align:center;padding:40px;color:var(--muted)}
pre.summary{white-space:pre-wrap;background:var(--panel2);border:1px solid var(--line);padding:12px;border-radius:8px;max-height:220px;overflow:auto;font-family:inherit;font-size:12px;unicode-bidi:plaintext}

/* Store / Marketplace */
.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px}
.store-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);position:relative;transition:transform .2s,border-color .2s}
.store-card:hover{transform:translateY(-3px);border-color:var(--primary)}
.store-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}
.store-card-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:rgba(56,189,248,.15);color:var(--primary2);border:1px solid rgba(56,189,248,.3)}
.store-price{font-size:30px;font-weight:800;color:var(--text);margin:14px 0 8px;display:flex;align-items:baseline;gap:4px}
.store-price small{font-size:13px;font-weight:500;color:var(--muted)}
.store-features{list-style:none;padding:0;margin:16px 0 20px;display:flex;flex-direction:column;gap:9px}
.store-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}
.store-features li .ico{color:var(--green);width:15px;height:15px}
.store-actions{margin-top:auto;display:flex;gap:8px}

/* Google Auth */
.google-btn{background:#ffffff;color:#1f2937;border:1px solid #d1d5db;font-weight:600;padding:10px 14px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:background .15s,box-shadow .15s}
.google-btn:hover{background:#f9fafb;box-shadow:0 2px 8px rgba(0,0,0,.08)}
[data-theme="dark"] .google-btn{background:#1f293d;color:#f3f4f6;border-color:#374151}
[data-theme="dark"] .google-btn:hover{background:#28324a}
.google-ico{width:18px;height:18px;flex-shrink:0}
.auth-divider{display:flex;align-items:center;text-align:center;margin:16px 0;color:var(--muted);font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;border-bottom:1px solid var(--line)}
.auth-divider span{padding:0 10px}

/* Policy Links & Modal */
.auth-policy-links{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:18px;flex-wrap:wrap}
.auth-policy-links a{color:var(--muted);text-decoration:none;transition:color .15s}
.auth-policy-links a:hover{color:var(--primary2);text-decoration:underline}
.policy-box{max-height:65vh;overflow-y:auto;padding:10px 6px;line-height:1.7}
.policy-box h3{color:var(--primary2);margin:16px 0 6px}
.policy-box p{margin:6px 0 12px;color:var(--text);font-size:13px}
.policy-box ul{margin:4px 0 12px;padding-inline-start:20px;color:var(--text);font-size:13px}
.policy-box li{margin-bottom:6px}
.policy-tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;border-bottom:1px solid var(--line);padding-bottom:10px}
.policy-tabs .chip{white-space:nowrap}

/* Admin UI */
.admin-badge{background:var(--yellow);color:#0f172a;font-weight:800;font-size:10px;padding:2px 7px;border-radius:12px;margin-inline-start:6px;display:inline-block;vertical-align:middle}
.admin-card{background:linear-gradient(135deg,rgba(245,158,11,0.06),transparent);border:1px solid rgba(245,158,11,0.25)}
.admin-header-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,0.15);color:var(--yellow);border:1px solid rgba(245,158,11,0.3);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}

/* Instantly CRM Kanban Board */
.kanban-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:16px;min-height:600px;align-items:flex-start}
.kanban-col{flex:0 0 280px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 180px)}
.kanban-col-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px}
.kanban-col-count{background:var(--panel2);border-radius:12px;padding:2px 8px;font-size:11px;color:var(--muted)}
.kanban-cards{padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}
.deal-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;transition:all 0.15s ease;cursor:pointer;position:relative}
.deal-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}
.deal-val{font-weight:800;color:var(--green);font-size:14px}
.deal-lead{font-weight:700;margin-bottom:3px;font-size:13.5px}
.deal-company{color:var(--muted);font-size:11.5px;margin-bottom:8px}
.deal-foot{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--line);margin-top:8px;font-size:11px}

/* Mailbox Health & Deliverability */
.health-meter{height:6px;background:var(--panel2);border-radius:3px;overflow:hidden;margin:6px 0}
.health-meter-bar{height:100%;border-radius:3px;transition:width 0.3s ease}
.health-good{background:linear-gradient(90deg,#22c55e,#10b981)}
.health-warn{background:linear-gradient(90deg,#f59e0b,#eab308)}
.health-poor{background:linear-gradient(90deg,#ef4444,#f87171)}
.deliverability-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:6px;font-weight:600}


/* Instantly-style SuperSearch Lead Finder */
.finder-top-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:10px}
.finder-top-tab{padding:8px 18px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted);transition:all 0.15s ease}
.finder-top-tab:hover{color:var(--text);background:var(--panel2)}
.finder-top-tab.active{color:#fff;background:var(--primary)}

.supersearch-container{display:flex;gap:20px;align-items:flex-start}
.supersearch-sidebar{width:300px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px}
.supersearch-modes{display:flex;gap:6px;background:var(--bg);padding:4px;border-radius:10px;border:1px solid var(--line)}
.supersearch-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:7px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:12px;cursor:pointer;transition:all 0.15s ease}
.supersearch-mode-btn.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}

.filter-accordion{border-bottom:1px solid var(--line);padding-bottom:12px}
.filter-accordion:last-child{border-bottom:none;padding-bottom:0}
.filter-accordion-title{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;cursor:pointer;padding:4px 0;user-select:none;color:var(--text)}
.filter-accordion-content{margin-top:8px;display:flex;flex-direction:column;gap:8px}

.supersearch-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.hero-search-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow);position:relative}
.hero-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:0.04em;color:var(--primary2);background:rgba(14,165,233,0.12);padding:4px 10px;border-radius:20px;margin-bottom:8px}
.hero-title{font-size:24px;font-weight:800;letter-spacing:-0.02em;margin:0 0 6px}
.hero-sub{color:var(--muted);font-size:13px;margin-bottom:16px}

.hero-search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:8px 12px;transition:border-color 0.15s}
.hero-search-input-wrap:focus-within{border-color:var(--primary)}
.hero-search-input{flex:1;background:transparent;border:none;font-size:14.5px;color:var(--text);outline:none;padding:4px}
.ai-search-button{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s}
.ai-search-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,0.35)}

.icp-section{display:flex;flex-direction:column;gap:10px}
.icp-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px}
.icp-tab{font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;cursor:pointer;color:var(--muted)}
.icp-tab.active{background:var(--panel2);color:var(--text)}

.icp-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;transition:all 0.15s ease}
.icp-card:hover{border-color:var(--primary);background:var(--panel2);transform:translateX(3px)}
.icp-card-info{display:flex;align-items:center;gap:10px}
.icp-card-sparkle{width:32px;height:32px;border-radius:8px;background:rgba(14,165,233,0.12);color:var(--primary2);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.lead-result-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);transition:background 0.15s}
.lead-result-row:hover{background:var(--panel2)}
.lead-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

@media(max-width:980px){
  .supersearch-container{flex-direction:column}
  .supersearch-sidebar{width:100%}
}

/* Monochrome Unified Filter Icons */
.filter-accordion-title > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.filter-accordion-title .ico {
  width: 15px;
  height: 15px;
  color: var(--primary2);
  opacity: 0.9;
}
.supersearch-mode-btn .ico {
  width: 15px;
  height: 15px;
  color: currentColor;
}
.supersearch-mode-btn.active .ico {
  color: var(--primary2);
}
#activeFilterChips .chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
#activeFilterChips .chip .ico {
  width: 12.5px;
  height: 12.5px;
  color: currentColor;
  opacity: 0.9;
}

/* 4-Page Leads Lifecycle Segment Navigation */
.leads-segment-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 18px;
}
@media(max-width: 1050px) {
  .leads-segment-nav { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 600px) {
  .leads-segment-nav { grid-template-columns: 1fr; }
}
.leads-segment-tab {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px 16px;
  text-align: start;
  cursor: pointer;
  transition: all 0.18s ease;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--text);
}
.leads-segment-tab:hover {
  border-color: var(--primary);
  background: var(--panel2);
  transform: translateY(-2px);
}
.leads-segment-tab.active {
  border-color: var(--primary2);
  background: linear-gradient(135deg, rgba(2, 132, 199, 0.16), rgba(56, 189, 248, 0.05));
  box-shadow: 0 6px 20px rgba(2, 132, 199, 0.18);
}
.leads-segment-tab-top {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.leads-segment-ico {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--panel2);
  color: var(--primary2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.leads-segment-tab.active .leads-segment-ico {
  background: var(--primary);
  color: #fff;
}
.leads-segment-title {
  font-weight: 800;
  font-size: 15px;
  flex: 1;
}
.leads-segment-count {
  background: var(--panel2);
  color: var(--primary2);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 800;
}
.leads-segment-tab.active .leads-segment-count {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
.leads-segment-desc {
  font-size: 11.5px;
  color: var(--muted);
  line-height: 1.45;
}
.referrer-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.3);
  color: var(--primary2);
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
}

.nav-sub-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline-start: 22px;
  margin-bottom: 4px;
  border-inline-start: 1px dashed var(--line);
  margin-inline-start: 16px;
}
.nav-sub-group a {
  padding: 5px 10px !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  font-weight: 600;
  border-radius: 6px;
}
.nav-sub-group a:hover {
  color: var(--text) !important;
  background: var(--panel2) !important;
}
.nav-sub-group a.active-sub {
  color: var(--primary2) !important;
  background: rgba(56, 189, 248, 0.1) !important;
  font-weight: 700;
}
.sub-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
  flex-shrink: 0;
}

/* Floating Live Support Chat Widget & Messages */
.live-chat-fab {
  position: fixed;
  bottom: 22px;
  inset-inline-start: 270px;
  z-index: 45;
  background: linear-gradient(135deg, var(--primary), var(--primary2));
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 10px 18px;
  font-family: inherit;
  font-weight: 800;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.4);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.live-chat-fab:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(2, 132, 199, 0.55);
}
@media(max-width: 900px) {
  .live-chat-fab { inset-inline-start: 16px; bottom: 16px; }
}
.live-chat-badge {
  background: var(--red);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  padding: 1px 7px;
  border-radius: 12px;
}
.live-chat-panel {
  position: fixed;
  bottom: 74px;
  inset-inline-start: 270px;
  width: min(370px, calc(100vw - 32px));
  height: 470px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow);
  z-index: 46;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media(max-width: 900px) {
  .live-chat-panel { inset-inline-start: 16px; bottom: 68px; }
}
.live-chat-head {
  padding: 12px 14px;
  background: var(--panel2);
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.live-chat-online-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 8px var(--green);
  flex-shrink: 0;
}
.live-chat-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.live-chat-foot {
  padding: 10px;
  border-top: 1px solid var(--line);
  background: var(--panel2);
  display: flex;
  gap: 6px;
}
.live-chat-foot input {
  flex: 1;
  margin: 0;
}
.chat-msg {
  display: flex;
  flex-direction: column;
  max-width: 84%;
}
.chat-msg.me {
  align-self: flex-end;
  align-items: flex-end;
}
.chat-msg.them {
  align-self: flex-start;
  align-items: flex-start;
}
.chat-msg-meta {
  font-size: 10px;
  color: var(--muted);
  margin-bottom: 3px;
  padding: 0 4px;
}
.chat-msg-bubble {
  padding: 9px 13px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.chat-msg.me .chat-msg-bubble {
  background: var(--primary);
  color: #fff;
  border-bottom-left-radius: 3px;
}
.chat-msg.them .chat-msg-bubble {
  background: var(--panel2);
  color: var(--text);
  border: 1px solid var(--line);
  border-bottom-right-radius: 3px;
}
.agent-card {
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.agent-card:hover {
  transform: translateY(-2px);
  border-color: var(--primary);
}