.leads-page main { max-width: 1180px; }
.leads-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; }
.lead-type-legend { font-size:13px; }
.lead-type-legend small { margin-left:8px; opacity:.75; }
.lead-origin { margin-right:8px; font-size:14px; }
.lead-metrics { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin:16px 0; }
.lead-metric { display:grid; gap:5px; padding:13px 18px; border:1px solid var(--line); border-radius:8px; min-width:180px; }
.lead-metric span { font-size:12px; color:var(--smoke); }
.lead-metric strong { font-size:22px; font-weight:500; }
.lead-metric small { font-size:11px; color:var(--smoke); }
.lead-metric.is-positive strong { color:#487a48; }
.lead-metric.is-negative strong { color:#a44747; }
.metric-context { font-size:12px; max-width:290px; line-height:1.5; }
.test-toggle { font-size:12px; display:flex; align-items:center; gap:6px; color:var(--smoke); }
.leads-table-wrap { overflow-x:auto; padding:0; }
.leads-table { border-collapse:collapse; width:100%; text-align:left; min-width:720px; }
.leads-table th { font-size:12px; color:var(--smoke); font-weight:500; padding:15px 20px; border-bottom:1px solid var(--line); }
.leads-table th small { font-size:10px; margin-left:4px; }
.leads-table td { padding:17px 20px; border-bottom:1px solid var(--line); font-size:13px; vertical-align:middle; }
.leads-table tr:last-child td { border-bottom:0; }
.leads-table th:first-child { width:22%; }
.leads-table th:nth-child(2) { width:17%; }
.leads-table th:nth-child(3) { width:29%; }
.leads-table th:nth-child(4) { width:27%; }
.leads-table th:nth-child(5) { width:5%; }
.leads-table a { color:var(--ink); text-decoration:none; font-weight:600; }
.leads-table a:hover { color:var(--brand); text-decoration:underline; }
.leads-table .button { font-size:12px; padding:7px 10px; }
.leads-table .next-call-content { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.leads-table .latest-result { font-size:13px; font-weight:400; color:var(--ink); }
.leads-table .log-result { font-size:13px; padding:4px 7px; min-height:0; white-space:nowrap; flex-shrink:0; }
.leads-table .result-spoke { color:#35694a; }
.leads-table .result-booked { color:#487a48; }
.leads-table .result-stopped { color:#a44747; }
.leads-table .result-deferred { color:#92702e; }
.leads-table .next-call { text-align:left; background:transparent; border:0; padding:3px 0; cursor:pointer; color:var(--ink); font:inherit; }
.leads-table .next-call:hover { color:var(--brand); text-decoration:underline; }
.leads-table .next-call:disabled { color:var(--smoke); text-decoration:none; cursor:default; }
.leads-table .overdue { color:#a44747; }
.leads-table .note-preview { background:transparent; border:0; text-align:left; padding:0; color:var(--smoke); font:inherit; cursor:pointer; white-space:pre-wrap; max-width:270px; overflow-wrap:anywhere; }
#automation-note { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; font-size:12px; margin-bottom:18px; }
.lead-automation-status { display:inline-flex; align-items:center; gap:7px; }
.lead-status-dot { width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.lead-status-dot.is-enabled { background:#4b855d; }
.lead-status-dot.is-disabled { background:#ae6962; }
#leads-empty { padding:20px; }
#leads-error, #dialog-error { color:#a44747; font-size:13px; }
.lead-dialog { border:1px solid var(--line); border-radius:12px; padding:24px; width:min(470px,calc(100vw - 32px)); color:var(--ink); background:var(--surface); max-height:85vh; overflow:auto; }
.lead-dialog::backdrop { background:#10101460; }
.lead-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.lead-dialog h2 { font-size:18px; margin:0; }
.lead-dialog label { display:block; font-size:13px; margin-bottom:8px; }
.lead-dialog select, .lead-dialog input:not([type="radio"]), .lead-dialog textarea { width:100%; border:1px solid var(--line); background:var(--surface); color:var(--ink); font:inherit; padding:10px; border-radius:6px; box-sizing:border-box; }
.lead-dialog .date-time { display:grid; grid-template-columns:1.4fr 1fr; gap:10px; }
.lead-dialog fieldset { border:0; padding:0; margin:18px 0; }
.lead-dialog legend { font-size:13px; margin-bottom:10px; }
.lead-dialog fieldset label { display:flex; gap:8px; align-items:center; }
#time-field { margin-top:18px; }
#notes-field { margin-top:18px; }
.lead-dialog .muted { font-size:12px; }
.dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:22px; }
.log-dialog { width:min(650px,calc(100vw - 32px)); }
.log-entry { border-bottom:1px solid var(--line); padding:9px 0; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 12px; font-size:12px; }
.log-entry time { color:var(--smoke); font-size:12px; min-width:88px; }
.log-entry p { margin:4px 0; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:650px) { .leads-toolbar { align-items:flex-start; flex-direction:column; gap:10px; } .leads-page main { padding:20px 12px; } }