/* 2B slice 1 (leads-1): the read-only lead tracker panel. Everything is scoped under .leads-panel. */
.leads-panel{display:grid;gap:14px}
.leads-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.leads-views{display:inline-flex;border:1px solid #c9d3cd;border-radius:8px;overflow:hidden}
.leads-views button{border:0;background:#fff;padding:7px 14px;font:inherit;cursor:pointer}
.leads-views button.on{background:#1f2a24;color:#fff}
.leads-walla{font-weight:600}
.leads-record,.leads-age,.leads-total{margin:0}
.leads-age{color:#5b6660;font-size:.9em}
.leads-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.leads-tile{border:1px solid #dfe5e1;border-radius:10px;padding:12px;background:#fff}
.leads-tile h3{margin:0 0 6px;font-size:1em}
.leads-tile-row{display:flex;justify-content:space-between;gap:8px}
.leads-tile-note{margin:6px 0 0;color:#5b6660;font-size:.85em}
.leads-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.leads-filter{display:grid;gap:4px;font-size:.85em;color:#5b6660}
.leads-filter select{font:inherit;color:#1f2a24;padding:7px;border:1px solid #c9d3cd;border-radius:6px;background:#fff}
.leads-chips{display:flex;flex-wrap:wrap;gap:6px}
.leads-chip{border-radius:999px;background:#e6eae6;padding:3px 10px;font-size:.85em}
.leads-scroll{overflow-x:auto}
.leads-table{border-collapse:collapse;width:100%;min-width:860px}
.leads-table th,.leads-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e6eae6;vertical-align:middle}
.leads-table th{font-size:.75em;text-transform:uppercase;letter-spacing:.04em;color:#5b6660}
.leads-name{position:sticky;left:0;background:#fff;font-weight:600}
.leads-stage{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.85em;white-space:nowrap;background:#eef1ef;border-left:6px solid var(--leads-stage,#9aa59f)}
.leads-overdue{color:#b42318;font-weight:600}
.leads-origin{border-radius:4px;background:#e7edf1;color:#2b5672;padding:1px 6px;font-size:.75em;font-weight:600}
.leads-pipeline{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
.leads-column{flex:0 0 240px;border-top:4px solid var(--leads-stage,#9aa59f);background:#f6f8f6;border-radius:8px;padding:8px;display:grid;gap:8px;align-content:start}
.leads-column header{display:flex;justify-content:space-between;gap:8px}
.leads-card{background:#fff;border:1px solid #dfe5e1;border-radius:8px;padding:8px;display:grid;gap:4px;font-size:.9em}
.leads-pager{display:flex;align-items:center;gap:10px}
.leads-empty{color:#5b6660}
/* 2B slice 2 (leads-2): the contact panel, a read-only drawer over the tracker. */
.leads-open{border:0;background:none;padding:0;font:inherit;font-weight:600;color:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.leads-contact{position:fixed;inset:0;z-index:40;background:rgba(31,42,36,.35);display:flex;justify-content:flex-end}
.leads-contact-card{width:min(440px,100%);height:100%;overflow-y:auto;background:#fff;padding:16px;display:grid;gap:12px;align-content:start;box-shadow:-4px 0 16px rgba(0,0,0,.12)}
.leads-contact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.leads-contact-head h2{margin:0 0 4px;font-size:1.2em}
.leads-contact-head p{margin:0;color:#5b6660;font-size:.9em}
.leads-contact-close{border:1px solid #c9d3cd;background:#fff;border-radius:6px;font:inherit;font-size:1.2em;line-height:1;padding:4px 10px;cursor:pointer}
.leads-contact-optout{margin-top:6px!important;display:inline-block;border-radius:4px;background:#fdecea;color:#b42318!important;font-weight:700;padding:2px 8px}
.leads-contact-consent{margin-top:6px!important;display:inline-block;border-radius:4px;background:#f1f3f2;color:#3d4842!important;font-weight:600;padding:2px 8px}
.leads-contact-card:focus{outline:none}
.leads-contact-age{color:#5b6660;font-size:.8em}
.leads-contact-readonly{margin:0;color:#5b6660;font-size:.85em}
.leads-contact-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.leads-contact-call{border-radius:6px;background:#1f2a24;color:#fff;padding:7px 14px;font-weight:600;text-decoration:none}
.leads-contact-walla{font-weight:600}
.leads-contact-section{border:1px solid #dfe5e1;border-radius:10px;padding:10px 12px;display:grid;gap:6px}
.leads-contact-section h3{margin:0;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:#5b6660}
.leads-contact-section p{margin:0}
.leads-contact-missing{color:#5b6660}
.leads-contact-field{display:flex;justify-content:space-between;gap:10px;font-size:.92em}
.leads-contact-field span{color:#5b6660}
.leads-contact-field strong{text-align:right;overflow-wrap:anywhere}
.leads-contact-plan{font-weight:600}
.leads-won{border-radius:4px;background:#e6f4ea;color:#1e6b34;padding:1px 6px;font-size:.75em;font-weight:700}
.leads-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.leads-note{border-left:3px solid #c9d3cd;padding-left:8px;display:grid;gap:2px}
.leads-note-head{display:flex;justify-content:space-between;gap:8px;font-size:.85em;color:#5b6660}
.leads-note-type{font-weight:600;color:#1f2a24}
.leads-note-outcome{font-size:.9em;color:#5b6660}
.leads-tags{display:flex;flex-wrap:wrap;gap:6px}
.leads-tag{border-radius:999px;padding:2px 10px;font-size:.85em;background:#eef1ef;border-left:5px solid var(--leads-stage,#9aa59f)}
@media(max-width:760px){.leads-tiles,.leads-filters{grid-template-columns:1fr}}
/* 2B slice 3 (tasks-1) and 2F: the task list, its tiles and the staff links. */
.tasks-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
.tasks-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;font-size:.8em}
.tasks-days li{display:grid;gap:2px;text-align:center;border-radius:6px;background:#f6f8f6;padding:4px 2px}
.tasks-days li[data-state="partial"]{color:#8a948e}
.tasks-state{display:inline-block;border-radius:999px;padding:2px 8px;font-size:.8em;background:#eef1ef}
.tasks-state[data-state="completed"]{background:#e3f1e6;color:#1f6b33}
.tasks-why{color:#5b6660;font-size:.85em}
.tasks-unlinked{font-weight:600}
.tasks-links select{font:inherit;padding:6px;border:1px solid #c9d3cd;border-radius:6px}
@media(max-width:760px){.tasks-tiles{grid-template-columns:1fr}}
/* WO-3: work it, skip and the task priority; WO-4: the lead's 2E band. */
.tasks-actions{display:inline-flex;gap:6px}
.tasks-actions button{border:1px solid #c9d3cd;background:#fff;border-radius:6px;padding:4px 10px;font:inherit;font-size:.85em;cursor:pointer}
.tasks-actions button[data-task-work="completed"]{background:#1f2a24;border-color:#1f2a24;color:#fff}
.tasks-actions button:disabled,.tasks-table select:disabled{opacity:.55;cursor:progress}
.tasks-table select{font:inherit;font-size:.9em;padding:4px;border:1px solid #c9d3cd;border-radius:6px;background:#fff}
.tasks-lead-priority{margin-top:4px;font-weight:400}
.tasks-band{display:inline-block;border-radius:999px;padding:1px 8px;font-size:.75em;font-weight:700;background:#eef1ef;color:#3d4842}
.tasks-band[data-band="hot"]{background:#fdecea;color:#b42318}
.tasks-band[data-band="warm"]{background:#fff4e0;color:#8a5300}
.tasks-band[data-band="cold"]{background:#e7edf1;color:#2b5672}
.tasks-band-reason{color:#5b6660;font-size:.8em}