/* ====== LEAD PROFILE MODAL ====== */ .lp-header { display:flex; align-items:flex-start; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--border); margin-bottom:16px; } .lp-avatar { width:56px; height:56px; border-radius:16px; background:linear-gradient(135deg,#6366F1,#8B5CF6); color:#fff; display:flex; align-items:center; justify-content:center; font-size:var(--fs-2xl); font-weight:var(--fw-bold); flex-shrink:0; } .lp-name-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .lp-name { font-size:var(--fs-xl); font-weight:var(--fw-bold); color:var(--gray-900); } .lp-sub { font-size:var(--fs-base); color:var(--gray-500); margin-top:2px; } .lp-pill { display:inline-flex; align-items:center; gap:4px; font-size:var(--fs-xs); font-weight:var(--fw-semibold); padding:2px 9px; border-radius:20px; background:var(--gray-100); color:var(--gray-700); white-space:nowrap; } .lp-pill-enriched { background:#EEF2FF; color:#4338CA; } .lp-contact-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; } .lp-contact-pill { display:flex; align-items:center; gap:6px; font-size:var(--fs-sm); padding:6px 10px; border-radius:8px; background:var(--gray-50); border:1px solid var(--border); color:var(--gray-800); text-decoration:none; } .lp-contact-pill:hover { border-color:#6366F1; } .lp-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; } .lp-section { margin-bottom:18px; } .lp-section-title { font-size:var(--fs-xs); font-weight:var(--fw-bold); color:var(--gray-500); text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; } .lp-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .lp-fact { font-size:var(--fs-base); color:var(--gray-800); } .lp-fact b { color:var(--gray-500); font-weight:var(--fw-semibold); } .lp-brief { font-size:var(--fs-base); line-height:var(--lh-relaxed); color:var(--gray-800); white-space:pre-wrap; background:var(--gray-50); border:1px solid var(--border); border-radius:10px; padding:14px; } .lp-list-item { display:flex; justify-content:space-between; gap:10px; font-size:var(--fs-sm); padding:8px 0; border-bottom:1px solid var(--gray-100); } .lp-list-item:last-child { border-bottom:none; } .lp-empty { font-size:var(--fs-sm); color:var(--gray-400); padding:6px 0; } /* Enrich ▾ dropdown menu (appended to , positioned via JS). z-index must beat .modal-overlay's 1000 — this menu is opened from inside the Lead Profile modal as well as the plain leads table. */ .enrich-menu { position:fixed; z-index:2000; background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:0 12px 32px rgba(0,0,0,.16); min-width:240px; padding:6px; } .enrich-menu button { display:flex; align-items:center; gap:8px; width:100%; text-align:left; padding:9px 10px; border:none; background:none; border-radius:7px; font-size:var(--fs-base); color:var(--gray-800); cursor:pointer; } .enrich-menu button:hover:not(:disabled) { background:var(--gray-50); } .enrich-menu button:disabled { color:var(--gray-400); cursor:not-allowed; } .enrich-menu .em-badge { margin-left:auto; font-size:var(--fs-3xs); font-weight:var(--fw-bold); padding:1px 6px; border-radius:10px; background:var(--gray-100); color:var(--gray-500); } .enrich-menu .em-divider { height:1px; background:var(--gray-100); margin:4px 0; } /* ====== MANUAL RESEARCH MODAL ====== */ .mr-tabs { display:flex; gap:6px; margin-bottom:14px; } .mr-tab { flex:1; text-align:center; padding:9px 0; border-radius:8px; font-size:var(--fs-base); font-weight:var(--fw-semibold); cursor:pointer; background:var(--gray-50); color:var(--gray-500); border:1.5px solid var(--border); } .mr-tab.mr-tab-active { background:#EEF2FF; color:#4338CA; border-color:#6366F1; } .mr-tier-row { display:flex; gap:8px; margin-bottom:12px; } .mr-tier { flex:1; text-align:center; padding:7px 0; border-radius:8px; font-size:var(--fs-sm); font-weight:var(--fw-semibold); cursor:pointer; border:1.5px solid var(--border); color:var(--gray-600); } .mr-tier.mr-tier-active { background:#6366F1; color:#fff; border-color:#6366F1; } .mr-prompt-box { position:relative; margin-bottom:12px; } .mr-prompt-box textarea { width:100%; min-height:140px; font-family:var(--font-mono); font-size:var(--fs-xs); line-height:var(--lh-normal); background:var(--gray-50); border:1px solid var(--border); border-radius:8px; padding:10px; resize:vertical; } .mr-copy-btn { position:absolute; top:8px; right:8px; } .mr-prompt-label { font-size:var(--fs-xs); font-weight:var(--fw-bold); color:var(--gray-500); text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; }