/* Company-first directory: compact summaries, contact details only on demand. */
.lead-section-nav { display:flex; align-items:center; gap:28px; margin:0 0 24px; border-bottom:1px solid var(--line); }
.lead-section-link { position:relative; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 0 14px; border:0; border-radius:0; background:transparent; color:var(--muted); font:500 13px/1.4 -apple-system,BlinkMacSystemFont,sans-serif; text-decoration:none; white-space:nowrap; transition:color .16s ease; }
button.lead-section-link { cursor:pointer; }
.lead-section-link svg { width:16px; height:16px; }
.lead-section-link::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--accent); opacity:0; transform:scaleX(.65); transition:opacity .16s ease,transform .16s ease; }
.lead-section-link.is-current { color:var(--ink); }
.lead-section-link.is-current::after { opacity:1; transform:scaleX(1); }
button.lead-section-link:hover { color:var(--ink); }
button.lead-section-link:not(.is-current):hover::after { background:var(--line-strong,var(--line)); opacity:1; transform:scaleX(1); }
button.lead-section-link:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
@media (prefers-reduced-motion:reduce) { .lead-section-link, .lead-section-link::after { transition:none; } }
.leads-default .leads-toolbar { margin:0 0 18px; align-items:center; }
.leads-default .leads-toolbar strong { font-size:12px; font-weight:500; color:var(--muted); }
.leads-default #leadFilteredCount:empty { display:none; }
.leads-default #leadFilteredCount { font-size:11px; margin-top:4px; }
.leads-default .workflow-entry-actions { gap:8px; }
.leads-default .workflow-entry-actions .button { min-height:36px; padding:8px 12px; border-radius:10px; font-size:12px; white-space:nowrap; }
.leads-default .workflow-entry-actions > button svg { width:15px; height:15px; margin-right:6px; }
.lead-import-menu { position:relative; }
.lead-import-menu summary { display:flex; align-items:center; gap:9px; list-style:none; cursor:pointer; }
.lead-import-menu summary::-webkit-details-marker { display:none; }
.lead-import-menu summary svg { width:12px; height:12px; margin:0; transition:transform .14s ease; }
.lead-import-menu[open] summary svg { transform:rotate(-90deg); }
.lead-import-options { position:absolute; top:calc(100% + 6px); right:0; z-index:12; width:180px; padding:5px; background:var(--white); border:1px solid var(--line); border-radius:11px; box-shadow:0 8px 24px rgba(15,23,42,.12); animation:lead-menu-in .14s ease-out; }
.lead-import-options button { display:block; width:100%; border:0; border-radius:7px; padding:10px; background:transparent; color:var(--ink); text-align:left; font-size:12px; cursor:pointer; }
.lead-import-options button:hover { background:var(--surface-soft); }
.leads-default .contact-toolbar { display:flex; flex-wrap:wrap; padding:0 0 16px; gap:10px; }
html[data-theme] .leads-default .contact-toolbar :is(input[type="search"],select) { height:36px; min-height:36px; padding:7px 12px; border-radius:9px; font-size:12px; line-height:1.3; }
.leads-default .contact-toolbar input[type="search"] { width:auto; min-width:180px; flex:1; }
.leads-default .contact-toolbar select { width:190px; min-width:160px; flex:0 0 190px; }
.directory-filter-controls { display:contents; }
.leads-default .contact-toolbar .workflow-lead-filter { width:190px; flex:0 0 190px; }
.leads-default .contact-toolbar .workflow-lead-filter > button { min-height:36px; height:36px; padding:7px 12px; border-radius:9px; background:var(--control); }
.leads-default .contact-toolbar .workflow-lead-filter > button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.leads-default .workflow-filter-menu { min-width:230px; }
.leads-default .workflow-lead-filter:last-child .workflow-filter-menu { left:auto; right:0; }
html[data-theme] .leads-default .workflow-filter-menu input[type="checkbox"] { width:14px; height:14px; min-width:14px; min-height:0; max-width:14px; padding:0; margin:0; flex:0 0 14px; }
.leads-default .table-wrap { border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; }
.leads-default .leads-table { width:100%; min-width:760px; table-layout:fixed; border-collapse:separate; border-spacing:0; }
.lead-col-select { width:38px; }
.lead-col-company { width:29%; }
.lead-col-niche { width:21%; }
.lead-col-channels { width:26%; }
.lead-col-people { width:auto; }
html[data-theme] .leads-default th { padding:11px 12px; font-size:11px; background:transparent; border-bottom:1px solid var(--line); }
.leads-default th:first-child, .leads-default .lead-row > td:first-child { padding-left:14px; padding-right:8px; }
.leads-default :is(th,.lead-row td) input[type="checkbox"] { width:14px; height:14px; margin:0; accent-color:var(--accent); vertical-align:middle; }
.leads-default .lead-row > td { padding:13px 12px; border-bottom:1px solid var(--line); vertical-align:middle; font-size:12px; transition:background .12s ease; }
.leads-default .lead-row:last-child > td { border-bottom:0; }
.leads-default .lead-row:hover > td { background:color-mix(in srgb,var(--ink) 3%,transparent); }
.leads-default .lead-row.is-selected > td { background:color-mix(in srgb,var(--accent) 6%,transparent); }
.leads-default :is(.lead-company,.lead-niche-cell,.company-channels) { min-width:0; max-width:none; }
.leads-default .lead-company .company-name { font-size:13px; font-weight:550; gap:6px; }
.leads-default .company-name > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.leads-default .lead-company small { margin-top:3px; font-size:11px; line-height:1.45; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lead-primary-contact-tag { display:inline-flex; align-items:center; margin-top:5px; padding:3px 7px; border-radius:6px; background:var(--positive-soft); color:var(--positive); font-size:10px; font-weight:500; line-height:1.3; white-space:nowrap; }
.leads-default .detail-link { color:var(--muted); text-decoration:none; }
.leads-default .detail-link:hover { color:var(--accent); text-decoration:underline; }
.leads-default .company-location { font-size:10px !important; opacity:.9; }
.lead-discrepancy-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
.lead-discrepancy-tag { display:inline-flex; padding:3px 7px; border:0; border-radius:6px; background:var(--warning-soft); color:var(--warning); font-family:inherit; font-size:10px; font-weight:500; line-height:1.3; text-align:left; cursor:pointer; }
.lead-discrepancy-tag:hover { background:color-mix(in srgb,var(--warning) 22%,transparent); }
.lead-discrepancy-tag:focus-visible { outline:2px solid var(--warning); outline-offset:2px; }
.company-owner { color:var(--muted); }
html[data-theme] dialog.lead-discrepancy-dialog { width:min(600px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); padding:0; overflow:auto; border:1px solid var(--line); border-radius:16px; background:var(--white); color:var(--ink); }
.lead-conflict-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 24px 18px; border-bottom:1px solid var(--line); }
.lead-conflict-heading h3 { margin:0; font-size:17px; font-weight:600; }
.lead-conflict-heading p { margin:6px 0 0; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.lead-conflict-heading .icon-button { flex:none; width:28px; height:28px; border:0; border-radius:7px; font-size:20px; cursor:pointer; }
.lead-conflict-body { padding:20px 24px 24px; }
.lead-conflict-comparison { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lead-conflict-comparison + .lead-conflict-comparison { margin-top:12px; }
.lead-conflict-record { display:flex; flex-direction:column; gap:8px; min-width:0; padding:16px; background:var(--surface-soft); border:1px solid var(--line); border-radius:10px; overflow-wrap:anywhere; }
.lead-conflict-record small { color:var(--muted); font-size:11px; }
.lead-conflict-record strong { font-size:14px; font-weight:550; line-height:1.5; }
.lead-conflict-record > span { color:var(--muted); font-size:11px; line-height:1.5; }
.lead-shared-conflict + .lead-shared-conflict { margin-top:22px; }
.lead-shared-value { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-bottom:12px; overflow-wrap:anywhere; }
.lead-shared-value strong { min-width:0; color:var(--warning); font-size:13px; font-weight:550; }
.lead-shared-value small { flex:none; color:var(--muted); font-size:11px; }
.lead-conflict-leads { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.lead-conflict-leads li { display:flex; flex-direction:column; gap:6px; padding:14px 16px; border:1px solid var(--line); border-radius:10px; background:var(--surface-soft); overflow-wrap:anywhere; }
.lead-conflict-lead-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.lead-conflict-lead-heading strong { font-size:12px; font-weight:550; }
.lead-conflict-lead-heading > span { flex:none; color:var(--muted); font-size:10px; }
.lead-conflict-leads small { color:var(--muted); font-size:11px; line-height:1.5; }
.lead-conflict-actual-value { font-size:12px; line-height:1.5; }
.lead-conflict-actual-value a { color:var(--ink); text-decoration:none; }
.lead-conflict-actual-value a:hover { color:var(--accent); text-decoration:underline; }
.lead-conflict-merge-link { padding:0; border:0; background:transparent; color:var(--accent); font:inherit; font-size:11px; cursor:pointer; }
.lead-conflict-merge-link:hover { text-decoration:underline; }
.lead-conflict-merge-link:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.lead-conflict-actions { display:flex; justify-content:flex-end; gap:8px; padding:16px 24px; border-top:1px solid var(--line); }
.lead-conflict-actions .button { min-height:34px; font-size:12px; padding:8px 12px; }
.lead-merge-contacts { display:flex; align-items:baseline; gap:10px; margin-bottom:18px; }
.lead-merge-contacts strong { font-size:13px; font-weight:550; }
.lead-merge-contacts > span { color:var(--muted); font-size:11px; }
.lead-merge-fields { display:grid; gap:14px; margin:0; }
.lead-merge-fields > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:12px; font-size:12px; line-height:1.6; }
.lead-merge-fields dt { color:var(--muted); }
.lead-merge-fields dd { margin:0; overflow-wrap:anywhere; }
.lead-merge-fields > div:first-child dd { font-weight:550; }
.lead-merge-error { margin:18px 0 0; color:var(--danger); font-size:12px; line-height:1.5; }
@media(max-width:520px) { .lead-conflict-comparison { grid-template-columns:1fr; } .lead-conflict-heading { padding:18px; } .lead-conflict-body { padding:18px; } }
.leads-default .company-channels span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.65; }
.leads-default .company-channels .channel-empty { color:var(--muted); opacity:.65; }
.leads-default .niche-tags { gap:4px; }
.leads-default .niche-tag { font-size:10px; padding:3px 7px; -webkit-backdrop-filter:none; backdrop-filter:none; }
.lead-contacts-toggle { display:flex; align-items:center; gap:8px; width:100%; padding:5px 0; border:0; background:transparent; color:var(--ink); text-align:left; font:inherit; cursor:pointer; }
.lead-contacts-toggle > span { flex:1; min-width:0; }
.lead-contacts-toggle :is(strong,small) { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lead-contacts-toggle strong { font-size:12px; font-weight:500; }
.lead-contacts-toggle small { margin-top:4px; color:var(--muted); font-size:10px; }
.lead-contacts-toggle svg { width:13px; height:13px; flex:0 0 13px; color:var(--muted); transition:transform .14s ease; }
.lead-contacts-toggle[aria-expanded="true"] svg { transform:rotate(90deg); }
.lead-no-contacts { color:var(--muted); font-size:11px; }
html[data-theme] .leads-default .lead-contacts-row > td { padding:0; background:var(--surface-soft); border-bottom:1px solid var(--line); }
.lead-contact-details { padding:3px 14px 6px 50px; animation:lead-menu-in .14s ease-out; }
.lead-owner-detail { padding:10px 0 7px; color:var(--muted); font-size:11px; }
.lead-owner-detail strong { margin-left:10px; color:var(--ink); font-weight:500; }
.leads-default .linked-contact { grid-template-columns:14px 24px minmax(150px,1.5fr) minmax(95px,1fr) minmax(90px,.65fr) auto 24px; gap:10px; padding:10px 0; border-top:0; }
.leads-default .linked-contact + .linked-contact { border-top:1px solid var(--line); }
.leads-default .contact-avatar { width:24px; height:24px; border-radius:7px; font-size:10px; }
.leads-default .linked-contact-identity strong { font-size:12px; }
.leads-default :is(.linked-contact-identity small,.linked-contact-detail) { font-size:11px; }
.leads-default .linked-contact-detail small { font-size:10px; margin-bottom:2px; }
.leads-default .lead-contact-mismatch { color:var(--warning); }
.leads-default .contacts-load-more { width:100%; margin:12px 0; border:0; background:transparent; font-weight:500; }
html[data-theme] .leads-default select { --lead-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238b96a8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E"); appearance:none; padding-right:36px !important; background:var(--control) var(--lead-chevron) right 13px center / 12px no-repeat; }
html[data-theme] .leads-default select:focus { border-color:var(--line); box-shadow:none; outline:none; }
html[data-theme] .leads-default select:focus-visible { outline:2px solid var(--muted); outline-offset:3px; }
@supports (appearance:base-select) {
  html[data-theme] .leads-default select, .leads-default select::picker(select) { appearance:base-select; }
  html[data-theme] .leads-default select { display:flex; align-items:center; position:relative; background-image:none; }
  .leads-default select::picker-icon { content:""; position:absolute; top:50%; right:13px; width:12px; height:12px; background:var(--lead-chevron) center / contain no-repeat; transform:translateY(-50%); transition:transform .14s ease; }
  .leads-default select:open::picker-icon { transform:translateY(-50%) rotate(-90deg); }
  .leads-default select::picker(select) { margin-top:5px; min-width:anchor-size(width); max-height:280px; overflow:auto; padding:4px; border:1px solid var(--line); border-radius:10px; background:var(--white); color:var(--ink); box-shadow:0 8px 24px rgba(15,23,42,.12); }
  .leads-default select:open::picker(select) { animation:lead-menu-in .14s ease-out; }
  .leads-default select option { min-height:32px; padding:8px 10px; font-size:12px; color:var(--ink); background:transparent; border-radius:6px; cursor:default; }
  .leads-default select option:is(:hover,:focus-visible,:checked) { background:var(--surface-soft); }
  .leads-default select option::checkmark { display:none; }
}
@keyframes lead-menu-in { from { opacity:0; translate:0 -3px; } to { opacity:1; translate:0 0; } }
@media (max-width:800px) { .leads-default .leads-toolbar { align-items:flex-start; flex-wrap:wrap; gap:12px; } .leads-default .workflow-entry-actions { flex-wrap:wrap; } .leads-default .contact-toolbar :is(select,.workflow-lead-filter) { width:160px; flex:0 0 160px; } .leads-default .workflow-lead-filter:last-child .workflow-filter-menu { left:auto; right:0; } }
@media (prefers-reduced-motion:reduce) { .leads-default :is(.lead-row td,.lead-contacts-toggle svg,.lead-import-menu summary svg), .leads-default select::picker-icon { transition:none; } .lead-contact-details,.lead-import-options,.leads-default select::picker(select) { animation:none !important; } }