.leadbot-page { padding-bottom:32px; }
.leadbot-page-header { align-items:center; }
.leadbot-toolbar { display:flex; align-items:center; gap:12px; margin-bottom:14px; padding:12px 14px; }
.leadbot-mode-tabs { display:inline-flex; gap:4px; padding:4px; border:1px solid var(--crm-border); border-radius:12px; background:var(--crm-surface-soft); }
.leadbot-mode-tabs button,
.leadbot-refresh,
.leadbot-action { min-height:36px; border:1px solid transparent; border-radius:9px; padding:0 13px; font:700 13px/1 var(--crm-ui-font); color:var(--crm-text-muted); background:transparent; cursor:pointer; }
.leadbot-mode-tabs button[aria-selected="true"] { color:var(--crm-sidebar-nav-active); border-color:color-mix(in srgb,#43b7a8 42%,transparent); background:color-mix(in srgb,#43b7a8 15%,var(--crm-surface)); box-shadow:0 5px 14px rgba(67,183,168,.12); }
.leadbot-mode-tabs button:hover,
.leadbot-refresh:hover,
.leadbot-action:hover { color:var(--crm-text); background:var(--crm-surface-hover); }
.leadbot-mode-tabs button:focus-visible,
.leadbot-refresh:focus-visible,
.leadbot-action:focus-visible,
.leadbot-search input:focus-visible { outline:0; box-shadow:var(--crm-focus-ring); }
.leadbot-toolbar-state { flex:1; min-width:180px; color:var(--crm-text-muted); font-size:12px; line-height:1.4; }
.leadbot-refresh { border-color:var(--crm-border); background:var(--crm-surface); color:var(--crm-text); }
.leadbot-refresh:disabled { cursor:wait; opacity:.65; }
.leadbot-dashboard { display:grid; gap:14px; }
.leadbot-loading { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid var(--crm-border); border-radius:var(--crm-panel-radius); background:var(--crm-surface); color:var(--crm-text-muted); }
.leadbot-loading strong { color:var(--crm-text); font-size:17px; }
.leadbot-loading-spinner { width:18px; height:18px; border:2px solid color-mix(in srgb,var(--crm-text-muted) 26%,transparent); border-top-color:#43b7a8; border-radius:50%; animation:leadbot-spin .8s linear infinite; }
@keyframes leadbot-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .leadbot-loading-spinner { animation:none; } }
.leadbot-error { display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid color-mix(in srgb,#d95757 45%,var(--crm-border)); border-radius:12px; padding:16px 18px; background:color-mix(in srgb,#d95757 9%,var(--crm-surface)); color:var(--crm-text); }
.leadbot-error p { margin:4px 0 0; color:var(--crm-text-muted); }
.leadbot-intro { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr); gap:14px; }
.leadbot-intro-copy,
.leadbot-coverage { border:1px solid var(--crm-border); border-radius:var(--crm-panel-radius); padding:20px; background:var(--crm-surface); box-shadow:var(--crm-panel-shadow); }
.leadbot-eyebrow { display:block; margin-bottom:7px; color:#43b7a8; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.leadbot-intro h2,
.leadbot-panel h2 { margin:0; color:var(--crm-text); font-size:20px; line-height:1.25; }
.leadbot-intro p,
.leadbot-panel-head p { margin:7px 0 0; color:var(--crm-text-muted); font-size:13px; line-height:1.55; }
.leadbot-coverage { display:grid; gap:10px; }
.leadbot-coverage-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:9px; border-bottom:1px solid var(--crm-border); }
.leadbot-coverage-row:last-child { padding:0; border:0; }
.leadbot-coverage-row span { color:var(--crm-text-muted); font-size:12px; }
.leadbot-coverage-row strong { color:var(--crm-text); font-size:13px; text-align:right; }
.leadbot-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.leadbot-kpi { min-height:126px; display:flex; flex-direction:column; justify-content:space-between; gap:10px; padding:16px; border:1px solid var(--crm-border); border-radius:12px; background:var(--crm-surface); box-shadow:var(--crm-panel-shadow); }
.leadbot-kpi span { color:var(--crm-text-muted); font-size:12px; font-weight:700; }
.leadbot-kpi strong { color:var(--crm-text); font-size:30px; line-height:1; font-variant-numeric:tabular-nums; }
.leadbot-kpi small { color:var(--crm-text-muted); font-size:11px; line-height:1.35; }
.leadbot-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:14px; }
.leadbot-panel { min-width:0; border:1px solid var(--crm-border); border-radius:var(--crm-panel-radius); padding:18px; background:var(--crm-surface); box-shadow:var(--crm-panel-shadow); }
.leadbot-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
.leadbot-panel-head h2 { font-size:17px; }
.leadbot-route-list,
.leadbot-destination-list { display:grid; gap:8px; }
.leadbot-route-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:11px 12px; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface-soft); }
.leadbot-route-row div { min-width:0; }
.leadbot-route-row strong { display:block; overflow:hidden; color:var(--crm-text); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.leadbot-route-row small { display:block; margin-top:3px; color:var(--crm-text-muted); font-size:11px; }
.leadbot-route-row b { color:#43b7a8; font-size:16px; font-variant-numeric:tabular-nums; }
.leadbot-empty { padding:22px 16px; border:1px dashed var(--crm-border); border-radius:10px; color:var(--crm-text-muted); font-size:13px; line-height:1.5; text-align:center; }
.leadbot-podcast-note { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:start; padding:14px; border:1px solid color-mix(in srgb,#d8a43a 40%,var(--crm-border)); border-radius:11px; background:color-mix(in srgb,#d8a43a 8%,var(--crm-surface)); }
.leadbot-podcast-note > span { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; background:color-mix(in srgb,#d8a43a 18%,var(--crm-surface)); font-size:21px; }
.leadbot-podcast-note strong { color:var(--crm-text); }
.leadbot-podcast-note p { margin:4px 0 0; color:var(--crm-text-muted); font-size:12px; line-height:1.45; }
.leadbot-table-wrap { overflow:auto; border:1px solid var(--crm-border); border-radius:11px; }
.leadbot-table { width:100%; min-width:920px; border-collapse:separate; border-spacing:0; }
.leadbot-table th { position:sticky; top:0; z-index:1; padding:10px 12px; border-bottom:1px solid var(--crm-border); background:var(--crm-surface-soft); color:var(--crm-text-muted); font-size:10px; font-weight:800; letter-spacing:.05em; text-align:left; text-transform:uppercase; }
.leadbot-table td { padding:11px 12px; border-bottom:1px solid var(--crm-border); color:var(--crm-text); font-size:12px; vertical-align:top; }
.leadbot-table tbody tr:last-child td { border-bottom:0; }
.leadbot-table tbody tr:hover { background:var(--crm-surface-hover); }
.leadbot-table .leadbot-detail-row:hover { background:transparent; }
.leadbot-table a { color:#43b7a8; font-weight:700; text-decoration:none; }
.leadbot-table a:hover { text-decoration:underline; }
.leadbot-table small { display:block; margin-top:3px; color:var(--crm-text-muted); }
.leadbot-rate { display:flex; min-width:112px; align-items:center; gap:7px; }
.leadbot-rate i { flex:1; height:5px; overflow:hidden; border-radius:999px; background:var(--crm-surface-hover); }
.leadbot-rate b { display:block; height:100%; border-radius:inherit; background:#43b7a8; }
.leadbot-rate span { min-width:37px; color:var(--crm-text); font-variant-numeric:tabular-nums; text-align:right; }
.leadbot-chip-row { display:flex; flex-wrap:wrap; gap:5px; }
.leadbot-chip { display:inline-flex; align-items:center; min-height:23px; padding:0 8px; border:1px solid var(--crm-border); border-radius:999px; background:var(--crm-surface-soft); color:var(--crm-text-muted); font-size:10px; font-weight:800; }
.leadbot-chip[data-kind="new"] { border-color:color-mix(in srgb,#43b7a8 42%,var(--crm-border)); color:#43b7a8; }
.leadbot-chip[data-kind="old"] { border-color:color-mix(in srgb,#8b6fcb 42%,var(--crm-border)); color:#8b6fcb; }
.leadbot-status { display:inline-flex; align-items:center; min-height:25px; padding:0 9px; border:1px solid color-mix(in srgb,#43b7a8 42%,var(--crm-border)); border-radius:999px; color:#43b7a8; font-size:10px; font-weight:800; white-space:nowrap; }
.leadbot-status[data-status="blocked"] { border-color:color-mix(in srgb,#d95757 45%,var(--crm-border)); color:#d95757; }
.leadbot-status[data-status="unsubscribed"] { border-color:color-mix(in srgb,#d8a43a 45%,var(--crm-border)); color:#d8a43a; }
.leadbot-detail-row > td { padding:0; background:var(--crm-surface-soft); }
.leadbot-person-detail { display:grid; grid-template-columns:minmax(220px,.85fr) minmax(220px,.85fr) minmax(320px,1.3fr); gap:12px; padding:14px; }
.leadbot-person-detail section { min-width:0; padding:13px; border:1px solid var(--crm-border); border-radius:10px; background:var(--crm-surface); }
.leadbot-person-detail h3 { margin:0 0 10px; color:var(--crm-text); font-size:12px; text-transform:uppercase; letter-spacing:.05em; }
.leadbot-state-list { display:grid; gap:7px; margin:0; }
.leadbot-state-list > div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; }
.leadbot-state-list dt { color:var(--crm-text-muted); }
.leadbot-state-list dd { margin:0; color:var(--crm-text); font-weight:700; }
.leadbot-topic-history,.leadbot-event-history { display:grid; gap:8px; max-height:280px; overflow:auto; margin:0; padding:0; list-style:none; }
.leadbot-topic-history li { display:flex; justify-content:space-between; gap:10px; padding-bottom:7px; border-bottom:1px solid var(--crm-border); }
.leadbot-topic-history strong,.leadbot-event-history strong { display:block; color:var(--crm-text); font-size:12px; }
.leadbot-topic-history span,.leadbot-event-history span,.leadbot-event-history time { display:block; color:var(--crm-text-muted); font-size:10px; line-height:1.35; }
.leadbot-event-history li { display:grid; grid-template-columns:105px minmax(0,1fr); gap:9px; padding-bottom:8px; border-bottom:1px solid var(--crm-border); }
.leadbot-participant-tools { display:flex; align-items:center; gap:8px; }
.leadbot-search { display:flex; align-items:center; gap:7px; }
.leadbot-search input { width:min(280px,28vw); height:36px; border:1px solid var(--crm-border); border-radius:9px; padding:0 11px; color:var(--crm-text); background:var(--crm-surface-soft); font:500 13px/1 var(--crm-ui-font); }
.leadbot-action { border-color:var(--crm-border); background:var(--crm-surface-soft); color:var(--crm-text); }
.leadbot-video-filter { color:#43b7a8; font-weight:700; }
.leadbot-more { display:flex; justify-content:center; margin-top:12px; }
.leadbot-provenance-note { padding:11px 13px; border:1px solid var(--crm-border); border-radius:10px; color:var(--crm-text-muted); background:var(--crm-surface-soft); font-size:12px; line-height:1.5; }
@media (max-width:1180px) {
  .leadbot-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .leadbot-grid { grid-template-columns:1fr; }
  .leadbot-person-detail { grid-template-columns:1fr 1fr; }
  .leadbot-person-detail section:last-child { grid-column:1/-1; }
}
@media (max-width:700px) {
  .leadbot-toolbar { align-items:stretch; flex-direction:column; }
  .leadbot-mode-tabs { width:100%; overflow:auto; }
  .leadbot-intro { grid-template-columns:1fr; }
  .leadbot-kpis { grid-template-columns:1fr 1fr; }
  .leadbot-panel-head { flex-direction:column; }
  .leadbot-participant-tools,.leadbot-search { width:100%; }
  .leadbot-search input { flex:1; width:auto; }
}