/* ── Campaign Detail · Subsequences (Instantly-parity, 2026-05-18) ── */
.subseq-empty {
  display: flex; flex-direction: column; align-items: center;
  padding: 60px 0; text-align: center;
}
.subseq-empty-svg { width: 240px; height: 180px; margin-bottom: 16px; }
.subseq-empty-title {
  font-size: 22px; font-weight: 500; color: var(--k-text); margin: 12px 0 4px 0;
}
.subseq-learn-more {
  display: inline-block; margin-top: 16px;
  font-size: 16px; font-weight: 500; color: var(--k-instant-blue); text-decoration: none;
}
.subseq-learn-more:hover { text-decoration: underline; }

.lead-import-btn-danger {
  background: var(--k-google-red) !important; color: #fff !important; border: none !important;
}
.lead-import-btn-danger:hover { background: var(--k-google-red-hover, #b91c1c) !important; }

/* ═══════════════════════════════════════════════════════════════
   NEW CRM LEADS PAGE  —  lp-* namespace  (Google M3 / 2026)
   ═══════════════════════════════════════════════════════════════ */

/* Wrap & header */
.lp-wrap { display: flex; flex-direction: column; gap: 0; }
.lp-header {
  display: flex; align-items: flex-start; justify-content: space-between;
  padding: 8px 0 20px; gap: 16px; flex-wrap: wrap;
}
.lp-title-group { display: flex; flex-direction: column; gap: 6px; }
.lp-title { margin: 0; font-size: 22px; font-weight: 700; color: var(--k-text); }
.lp-stats-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.lp-stat-chip {
  font-size: 13px; font-weight: 600; color: var(--k-text-secondary);
  background: var(--k-surface-hover); border-radius: var(--k-radius-xl); padding: 3px 10px;
}
.lp-sync-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 12px; color: var(--k-success-mid); background: #dcfce7;
  border-radius: var(--k-radius-xl); padding: 3px 10px; font-weight: 500;
}
.lp-sync-badge .material-symbols-outlined {
  font-size: 14px; animation: lp-spin 1.8s linear infinite;
}
@keyframes lp-spin { to { transform: rotate(360deg); } }
.lp-hdr-actions { display: flex; align-items: center; gap: 8px; }
.lp-import-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--k-primary); color: #fff; border: none;
  border-radius: var(--k-radius-sm); padding: 9px 18px; font-size: 14px; font-weight: 600;
  cursor: pointer; white-space: nowrap;
}
.lp-import-btn:hover { background: var(--k-primary-hover); }
.lp-import-btn .material-symbols-outlined { font-size: 18px; }

/* Toolbar */
.lp-toolbar {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 12px; flex-wrap: wrap;
}
.lp-search {
  display: flex; align-items: center; gap: 8px; flex: 1; min-width: 220px; max-width: 420px;
  border: 1px solid var(--k-border); border-radius: var(--k-radius-sm); padding: 8px 14px;
  background: var(--k-surface);
}
.lp-search:focus-within { border-color: var(--k-primary); box-shadow: 0 0 0 3px rgba(99,102,241,.12); }
.lp-search .material-symbols-outlined { font-size: 20px; color: var(--k-text-secondary); flex-shrink: 0; }
.lp-search input {
  border: none; outline: none; background: transparent; width: 100%;
  font-size: 14px; color: var(--k-text);
}
.lp-search input::placeholder { color: var(--k-text-muted); }
.lp-tool-right { display: flex; align-items: center; gap: 8px; margin-left: auto; flex-wrap: wrap; }
.lp-toolbar-btn {
  display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid var(--k-border); border-radius: var(--k-radius-sm); padding: 8px 14px;
  background: var(--k-surface); font-size: 13px; font-weight: 500;
  color: var(--k-text); cursor: pointer; white-space: nowrap;
}
.lp-toolbar-btn .material-symbols-outlined { font-size: 17px; color: var(--k-text-secondary); }
.lp-toolbar-btn:hover { background: var(--k-surface-hover); }
.lp-toolbar-btn--active {
  background: #eef2ff; border-color: var(--k-primary); color: var(--k-primary);
}
.lp-toolbar-btn--active .material-symbols-outlined { color: var(--k-primary); }
.lp-filter-badge {
  background: var(--k-primary); color: #fff; border-radius: 10px;
  padding: 1px 6px; font-size: 11px; font-weight: 700;
}
.lp-pagesize-wrap { display: flex; align-items: center; gap: 6px; }
.lp-pagesize-label { font-size: 13px; color: var(--k-text-secondary); white-space: nowrap; }
.lp-pagesize-select {
  border: 1px solid var(--k-border); border-radius: var(--k-radius-xs); padding: 6px 10px;
  font-size: 13px; background: var(--k-surface); color: var(--k-text);
  cursor: pointer; outline: none;
}
.lp-pagesize-select:focus { border-color: var(--k-primary); }

/* Filter panel */
.lp-filter-panel {
  background: var(--k-surface); border: 1px solid var(--k-border); border-radius: var(--k-radius-md);
  padding: 16px 20px; margin-bottom: 12px; display: flex; flex-direction: column; gap: 14px;
  animation: lp-slide-down 180ms ease;
}
.lp-filter-panel.hidden { display: none; }
@keyframes lp-slide-down { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
.lp-filter-row { display: flex; align-items: flex-start; gap: 24px; flex-wrap: wrap; }
.lp-filter-group { display: flex; flex-direction: column; gap: 6px; }
.lp-filter-label { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: var(--k-text-secondary); }
.lp-chip-row { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.lp-chip {
  border: 1px solid var(--k-border); border-radius: var(--k-radius-xl); padding: 4px 12px;
  font-size: 12px; font-weight: 500; color: var(--k-text); background: transparent;
  cursor: pointer; white-space: nowrap; transition: all .12s;
}
.lp-chip:hover { background: var(--k-surface-hover); border-color: #c7d2fe; }
.lp-chip--active {
  background: #eef2ff; border-color: var(--k-primary); color: var(--k-primary);
  font-weight: 600;
}
.lp-filter-select, .lp-filter-input {
  border: 1px solid var(--k-border); border-radius: var(--k-radius-sm); padding: 7px 12px;
  font-size: 13px; background: var(--k-surface); color: var(--k-text);
  outline: none; min-width: 160px;
}
.lp-filter-select:focus, .lp-filter-input:focus { border-color: var(--k-primary); }
.lp-filter-clear-btn {
  display: inline-flex; align-items: center; gap: 5px;
  border: none; background: transparent; font-size: 13px;
  color: var(--k-text-secondary); cursor: pointer; padding: 7px 0; margin-top: auto;
}
.lp-filter-clear-btn:hover { color: var(--k-google-red); }
.lp-filter-clear-btn .material-symbols-outlined { font-size: 16px; }

/* Column visibility panel */
.lp-col-panel {
  background: var(--k-surface); border: 1px solid var(--k-border); border-radius: var(--k-radius-md);
  padding: 12px 16px; margin-bottom: 12px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  animation: lp-slide-down 180ms ease;
}
.lp-col-panel.hidden { display: none; }
.lp-col-panel-title { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; color: var(--k-text-secondary); white-space: nowrap; }
.lp-col-toggle {
  display: flex; align-items: center; gap: 6px;
  font-size: 13px; color: var(--k-text); cursor: pointer;
}
.lp-col-toggle input { cursor: pointer; accent-color: var(--k-primary); }

/* Active filter chips bar */
.lp-active-filters {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px;
}
.lp-active-filters.hidden { display: none; }
.lp-af-prefix { font-size: 12px; font-weight: 600; color: var(--k-text-secondary); white-space: nowrap; }
.lp-af-pill {
  display: inline-flex; align-items: center; gap: 4px;
  background: #eef2ff; border: 1px solid #c7d2fe; border-radius: var(--k-radius-xl);
  padding: 4px 8px 4px 12px; font-size: 12px; font-weight: 500; color: var(--k-primary);
}
.lp-af-remove {
  border: none; background: transparent; padding: 0; cursor: pointer;
  display: inline-flex; align-items: center; color: #818cf8;
}
.lp-af-remove .material-symbols-outlined { font-size: 13px; }
.lp-af-remove:hover { color: var(--k-google-red); }
.lp-af-clear-all {
  border: none; background: transparent; font-size: 12px; font-weight: 600;
  color: var(--k-text-secondary); cursor: pointer; padding: 4px 8px; border-radius: var(--k-radius-xs);
}
.lp-af-clear-all:hover { background: var(--k-surface-hover); color: var(--k-text); }

/* Bulk bar */
.lp-bulk-bar {
  display: flex; align-items: center; gap: 10px;
  background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 10px;
  padding: 10px 16px; margin-bottom: 10px; flex-wrap: wrap;
}
.lp-bulk-bar.hidden { display: none; }
.lp-bulk-count { font-size: 13px; font-weight: 700; color: var(--k-primary); }
.lp-bulk-btn {
  display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid var(--k-border); border-radius: 7px; padding: 6px 14px;
  font-size: 13px; font-weight: 500; background: var(--k-surface); color: var(--k-text);
  cursor: pointer;
}
.lp-bulk-btn:hover { background: var(--k-surface-hover); }
.lp-bulk-btn .material-symbols-outlined { font-size: 16px; }
.lp-bulk-btn--danger { color: var(--k-google-red); border-color: #fca5a5; }
.lp-bulk-btn--danger:hover { background: #fef2f2; }
.lp-bulk-btn--ghost { border-color: transparent; background: transparent; color: var(--k-text-secondary); padding: 6px 8px; }
.lp-bulk-btn--ghost:hover { background: rgba(0,0,0,.05); }

/* Table card */
.lp-table-card {
  background: var(--k-surface); border: 1px solid var(--k-border);
  border-radius: var(--k-radius-md); overflow: hidden;
}
.lp-table-scroll { overflow-x: auto; }
.lp-table {
  width: 100%; border-collapse: collapse; table-layout: auto;
  min-width: 700px;
}
/* Sticky header */
.lp-table thead { position: sticky; top: 0; z-index: 2; background: #f8fafc; }
.lp-th {
  padding: 11px 14px; text-align: left; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .5px;
  color: var(--k-text-secondary); border-bottom: 1px solid var(--k-border);
  white-space: nowrap; background: #f8fafc;
}
.lp-th-check  { width: 40px; padding: 11px 8px 11px 16px; }
.lp-th-actions { width: 40px; }
.lp-th-sortable { cursor: pointer; user-select: none; }
.lp-th-sortable:hover { background: #f0f4ff; color: var(--k-primary); }
.lp-th-sorted { color: var(--k-primary); }
.lp-th-inner { display: flex; align-items: center; gap: 4px; }
.lp-sort-icon .material-symbols-outlined { font-size: 14px; vertical-align: -2px; }
.lp-th-sorted .lp-sort-icon .material-symbols-outlined { color: var(--k-primary); }

/* Rows */
.lp-row { transition: background .1s; cursor: pointer; }
.lp-row:hover { background: var(--k-surface-hover); }
.lp-row--selected { background: #eef2ff !important; }
.lp-td {
  padding: 11px 14px; font-size: 13px; color: var(--k-text);
  border-bottom: 1px solid #f1f5f9; white-space: nowrap;
}
.lp-td-check  { padding: 11px 8px 11px 16px; }
.lp-td-email  { font-weight: 500; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }
.lp-email-val { color: var(--k-text); }
.lp-td-muted  { color: var(--k-text-secondary); }
.lp-td-center { text-align: center; }
.lp-td-date   { font-size: 12px; }

/* Skeleton loading rows */
.lp-row-skeleton .lp-td { padding: 13px 14px; }
.lp-skeleton-cell {
  height: 12px; background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
  background-size: 200% 100%; border-radius: 4px;
  animation: lp-shimmer 1.3s infinite;
}
@keyframes lp-shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.lp-row-skeleton:nth-child(odd) .lp-skeleton-cell { width: 80%; }
.lp-row-skeleton:nth-child(even) .lp-skeleton-cell { width: 60%; }

/* Empty state */
.lp-empty-cell { padding: 60px 24px; }
.lp-empty-box { display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center; }
.lp-empty-box .material-symbols-outlined { font-size: 48px; color: #cbd5e1; }
.lp-empty-box p { margin: 0; font-size: 14px; color: var(--k-text-secondary); }

/* Company cell */
.lp-company-cell { display: flex; align-items: center; gap: 6px; }
.lp-co-logo { width: 14px; height: 14px; border-radius: 2px; }
.lp-country-cell { display: flex; align-items: center; gap: 5px; }
.lp-flag { font-size: 14px; line-height: 1; }

/* ESP chip */
.lp-esp-chip {
  display: inline-flex; align-items: center; gap: 4px;
  border-radius: var(--k-radius-xl); padding: 3px 8px; font-size: 12px; font-weight: 500;
}
.lp-esp-chip .material-symbols-outlined { font-size: 13px; }
.lp-esp-google    { background: #fef9c3; color: #854d0e; }
.lp-esp-microsoft { background: #dbeafe; color: #1e40af; }
.lp-esp-yahoo     { background: #fae8ff; color: #7c3aed; }
.lp-esp-zoho      { background: #dcfce7; color: #15803d; }
.lp-esp-custom    { background: #f1f5f9; color: var(--k-text-secondary); }

/* Verified icon */
.lp-verified-icon .material-symbols-outlined { font-size: 17px; vertical-align: -3px; }
.lp-verified--yes .material-symbols-outlined { color: #16a34a; }
.lp-verified--no  .material-symbols-outlined { color: #94a3b8; }

/* Engagement tier badges */
.lp-tier-badge {
  display: inline-flex; align-items: center;
  border-radius: var(--k-radius-xl); padding: 3px 10px; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .4px; white-space: nowrap;
}
.lp-tier-champion { background: #fef9c3; color: #713f12; }
.lp-tier-hot      { background: #fee2e2; color: #991b1b; }
.lp-tier-warm     { background: #fff7ed; color: #9a3412; }
.lp-tier-cold     { background: #f1f5f9; color: var(--k-text-secondary); }

/* Device cell in table */
.lp-device-cell { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; }
.lp-device-cell .material-symbols-outlined { font-size: 15px; color: var(--k-text-secondary); }

/* Lead Intelligence stat grid (in drawer) */
.lead-intel-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 10px; margin-bottom: 12px;
}
.lead-intel-card {
  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
  padding: 12px 14px; display: flex; flex-direction: column; gap: 2px;
}
.lead-intel-card-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--k-text-secondary); }
.lead-intel-card-val   { font-size: 22px; font-weight: 700; color: var(--k-text); line-height: 1.2; }
.lead-intel-card-sub   { font-size: 11px; color: var(--k-text-secondary); }

/* Timeline enrichment tags */
.lead-tl-bot  { background: #94a3b8; }
.lead-tl-mpp  { background: #a855f7; }
.lead-timeline-enrich {
  font-size: 11px; color: var(--k-text-secondary);
  display: flex; gap: 4px; flex-wrap: wrap; margin-top: 3px;
}
.lead-timeline-enrich span {
  background: #f1f5f9; border-radius: 10px; padding: 1px 7px;
}

/* Postback conversion chips in leads table */
.lp-conv-chip {
  display: inline-flex; align-items: center; gap: 4px;
  border-radius: var(--k-radius-xl); padding: 3px 9px; font-size: 11px; font-weight: 700;
  white-space: nowrap;
}
.lp-conv-chip .material-symbols-outlined { font-size: 13px; }
.lp-conv-chip--signup { background: var(--k-blue-light, #dbeafe); color: var(--k-blue-dark, #1e40af); }
.lp-conv-chip--sale   { background: var(--k-green-light, #dcfce7); color: var(--k-green-dark, #166534); }
.lp-conv-chip--open   { background: var(--k-amber-light, #fef9c3); color: var(--k-amber-dark, #92400e); }
.lp-conv-chip--click  { background: var(--k-purple-light, #ede9fe); color: var(--k-purple-dark, #4c1d95); }

/* Row action button */
.lp-row-actions { text-align: right; padding: 8px 12px 8px 4px; }
.lp-row-act-btn {
  border: none; background: transparent; cursor: pointer; color: #94a3b8;
  padding: 4px; border-radius: 5px; display: inline-flex; opacity: 0; transition: opacity .1s;
}
.lp-row-act-btn .material-symbols-outlined { font-size: 16px; }
.lp-row:hover .lp-row-act-btn,
.lp-row--selected .lp-row-act-btn { opacity: 1; }
.lp-row-act-btn:hover { color: var(--k-primary); background: #eef2ff; }

/* Checkbox */
.lp-checkbox { width: 15px; height: 15px; cursor: pointer; accent-color: var(--k-primary); }

/* Pagination */
.lp-pagination {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 4px; gap: 12px; flex-wrap: wrap;
}
.lp-page-info { font-size: 13px; color: var(--k-text-secondary); white-space: nowrap; }
.lp-page-nav  { display: flex; align-items: center; gap: 4px; }
.lp-page-btn, .lp-page-num {
  border: 1px solid var(--k-border); border-radius: 7px;
  background: var(--k-surface); color: var(--k-text);
  font-size: 13px; padding: 5px 9px; cursor: pointer; min-width: 32px;
  display: inline-flex; align-items: center; justify-content: center;
}
.lp-page-btn:hover:not(:disabled), .lp-page-num:hover { background: var(--k-surface-hover); border-color: #c7d2fe; }
.lp-page-btn:disabled { opacity: .35; cursor: default; }
.lp-page-btn .material-symbols-outlined { font-size: 16px; }
.lp-page-num--active {
  background: var(--k-primary); border-color: var(--k-primary);
  color: #fff; font-weight: 700;
}
.lp-page-num--active:hover { background: var(--k-primary-hover); }

/* Drawer overlay */
.lead-drawer-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.25); z-index: 199;
}