/* lkp-lead-center.css (P-286a / A3): styles for lkp-lead-center.js. Classes start with lc-. Colours follow the gold and navy of both sites; nothing here changes another page's rule. */
.lc{--lc-ink:#14324a;--lc-gold:#b8923a;--lc-line:#d5dde4;--lc-soft:#f6f8fa;--lc-warn:#a4361f;color:var(--lc-ink);font:14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;padding:4px 2px 24px}
.lc *{box-sizing:border-box}
.lc.busy{cursor:progress}
.lc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 10px}
.lc-head h2{margin:0;font-size:20px}
.lc .muted,.lc small{color:#5a6b78}
.lc-error{background:#fbeae6;border:1px solid var(--lc-warn);color:var(--lc-warn);padding:8px 10px;border-radius:8px;margin:8px 0}
.lc-ok{background:#eaf5ec;border:1px solid #4d8f5a;color:#24572f;padding:8px 10px;border-radius:8px;margin:8px 0}
.lc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 10px}
.lc-tile{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--lc-line);border-left:4px solid var(--lc-gold);border-radius:10px;background:#fff;color:var(--lc-ink);cursor:pointer;font:inherit}
.lc-tile strong{font-size:24px;line-height:1}
.lc-tile span{color:#5a6b78}
.lc-tile:hover,.lc-stage:hover{background:var(--lc-soft)}
.lc-stages{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.lc-stage{display:inline-flex;gap:8px;align-items:center;padding:5px 10px;border:1px solid var(--lc-line);border-radius:999px;background:#fff;color:var(--lc-ink);cursor:pointer;font:inherit}
.lc-stage b{background:var(--lc-soft);border-radius:999px;padding:0 7px}
.lc-stage.on{border-color:var(--lc-gold);background:#fbf6e9}
.lc-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--lc-line);margin:0 0 12px}
.lc-tabs button{padding:8px 12px;border:0;border-bottom:3px solid transparent;background:none;color:var(--lc-ink);cursor:pointer;font:inherit;font-weight:600}
.lc-tabs button.on{border-bottom-color:var(--lc-gold)}
.lc-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.lc-filters input[type=search]{flex:1 1 220px;min-width:160px}
.lc input:not([type=checkbox]),.lc select,.lc textarea{font:inherit;padding:7px 9px;border:1px solid #9fb0bd;border-radius:8px;background:#fff;color:var(--lc-ink);max-width:100%}
.lc button{font:inherit;font-weight:600;padding:7px 12px;border:0;border-radius:8px;background:var(--lc-ink);color:#fff;cursor:pointer}
.lc button.secondary{background:#e8eef3;color:var(--lc-ink)}
.lc button.linklike{background:none;color:var(--lc-ink);padding:0;text-decoration:underline}
.lc button:disabled{opacity:.5;cursor:not-allowed}
.lc button:focus-visible,.lc input:focus-visible,.lc select:focus-visible,.lc textarea:focus-visible,.lc-table tr:focus-visible{outline:3px solid var(--lc-gold);outline-offset:1px}
.lc-check{display:inline-flex;gap:6px;align-items:center}
.lc-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start}
@media (max-width:900px){.lc-split{grid-template-columns:1fr}}
.lc-tablewrap{overflow-x:auto;border:1px solid var(--lc-line);border-radius:10px}
.lc-table{border-collapse:collapse;width:100%;min-width:560px}
.lc-table th,.lc-table td{padding:7px 9px;text-align:left;border-bottom:1px solid var(--lc-line);white-space:nowrap}
.lc-table th{background:var(--lc-soft);font-size:12px;text-transform:uppercase;letter-spacing:.03em}
.lc-table tbody tr{cursor:pointer}
.lc-table tbody tr:hover,.lc-table tbody tr.on{background:#fbf6e9}
.lc-pill{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--lc-soft);border:1px solid var(--lc-line);font-size:12px}
.lc-st-callback,.lc-st-attempting{background:#fff4d6}.lc-st-qualified{background:#e3f3e6}.lc-st-low-qualification{background:#fdeedb}.lc-st-bad-number,.lc-st-do-not-call,.lc-st-not-interested{background:#f1e4e1}.lc-st-moved-to-new-request{background:#dfe9f5}
.lc-count{color:#5a6b78;margin:6px 2px}
.lc-empty{padding:14px;border:1px dashed var(--lc-line);border-radius:10px;color:#5a6b78}
.lc-card{border:1px solid var(--lc-line);border-radius:12px;padding:12px 14px;margin:0 0 12px;background:#fff}
.lc-card h3{margin:0 0 6px;font-size:16px}.lc-card h4{margin:12px 0 4px}
.lc-dhead{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.lc-dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 12px;margin:8px 0}
.lc-dl dt{color:#5a6b78}.lc-dl dd{margin:0;overflow-wrap:anywhere}
.lc-actions,.lc-row{display:flex;flex-wrap:wrap;gap:10px}
.lc-form{display:grid;gap:8px;margin:10px 0}
.lc-form label,.lc-card label{display:grid;gap:3px;font-weight:600}
.lc-form label.lc-check,.lc-card label.lc-check{display:inline-flex;font-weight:500}
.lc-form fieldset{border:1px solid var(--lc-line);border-radius:8px;padding:8px 10px}
.lc-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.lc-tasks,.lc-log,.lc-queues,.lc-batches,.lc-intake{list-style:none;margin:6px 0;padding:0;display:grid;gap:6px}
.lc-tasks li,.lc-log li,.lc-queues li,.lc-batches li,.lc-intake li{padding:6px 8px;border:1px solid var(--lc-line);border-radius:8px}
.lc-queues li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.lc-tasks li.over{border-color:var(--lc-warn);background:#fbeae6}.lc-tasks li.today{border-color:var(--lc-gold);background:#fbf6e9}.lc-tasks li.done{opacity:.6}
.lc-log time{color:#5a6b78;margin-right:6px}
@media (prefers-reduced-motion:reduce){.lc *{transition:none!important}}

/* The Master CRM's old browser-only call pilot is hidden once the lead center is drawn (lkp-leads.js). */
.lc-old-pilot{display:none!important}

/* ---- A3/A4 update (Jemima, 12 Oct night): readable filter tabs, the three-block command layout, agent cards, the call session ---- */
/* The filter buttons (the tiles, the stage chips and the section tabs): BLACK with WHITE text; hover, keyboard focus and the selected one are WHITE with BLACK text. How they switch is unchanged. */
.lc .lc-tile,.lc .lc-stage,.lc .lc-tabs button{background:#000;color:#fff;border:2px solid #000}
.lc .lc-tile span,.lc .lc-tile strong{color:inherit}
.lc .lc-stage b{background:#fff;color:#000}
.lc .lc-tile:hover,.lc .lc-stage:hover,.lc .lc-tabs button:hover,.lc .lc-tile:focus-visible,.lc .lc-stage:focus-visible,.lc .lc-tabs button:focus-visible,
.lc .lc-tile.on,.lc .lc-stage.on,.lc .lc-tabs button.on{background:#fff;color:#000;border-color:#000}
.lc .lc-stage:hover b,.lc .lc-stage.on b{background:#000;color:#fff}
.lc .lc-tabs{border-bottom:0;gap:6px}
.lc .lc-tabs button{border-radius:8px}
/* the live queue */
.lc-live-table td:first-child{text-align:center}
.lc-sig{display:inline-block;min-width:1.2em;font-style:normal;font-weight:700}
.lc-sig-over{color:#a4361f}.lc-sig-due{color:#8a6a00}.lc-sig-later{color:#24572f}.lc-sig-none{color:#5a6b78}.lc-sig-oncall{color:#14324a}
.lc-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* the agent block */
.lc-ahead{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:space-between;margin:0 0 8px}
.lc-ahead h3{margin:0}
.lc-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.lc .lc-agent{display:grid;gap:6px;text-align:left;background:#fff;color:#000;border:2px solid #000;border-radius:12px;padding:10px 12px;font-weight:500}
.lc .lc-agent:hover,.lc .lc-agent:focus-visible{background:#000;color:#fff}
.lc .lc-agent:hover small,.lc .lc-agent:hover .lc-fig span{color:#ddd}
.lc-aname{font-size:16px;font-weight:700}
.lc-figs{display:flex;flex-wrap:wrap;gap:8px 14px}
.lc-fig{display:grid;min-width:62px}.lc-fig strong{font-size:20px;line-height:1.1}.lc-fig span{font-size:12px;color:#5a6b78}
.lc-figs-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.lc-figs-2>div{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:flex-end}.lc-figs-2>div>b{flex:1 0 100%}
.lc-acols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.lc-plain{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lc-anav{display:flex;gap:6px}
.lc-adjust{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.lc-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0}
.lc-aactions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.lc-btn{display:inline-block;padding:7px 12px;border-radius:8px;background:#14324a;color:#fff;font-weight:600;text-decoration:none}
.lc-bars{display:flex;gap:8px;align-items:flex-end;height:110px;margin:10px 0 0}
.lc-bar{flex:1;display:grid;grid-template-rows:1fr auto auto;justify-items:center;height:100%;gap:2px}
.lc-bar i{display:block;width:70%;background:#14324a;min-height:2px;align-self:end;border-radius:3px 3px 0 0}
.lc-bar em{font-style:normal;font-weight:700}.lc-bar small{color:#5a6b78}
/* the call session */
.lc-session{border-left:5px solid var(--lc-gold)}
.lc-callcard{display:grid;gap:10px;margin-top:10px}
.lc-callwho strong{font-size:20px}
.lc-phone{font-size:18px;font-weight:700;color:var(--lc-ink)}
.lc-outs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px}
.lc-out{display:flex;gap:6px;align-items:center;padding:6px 8px;border:1px solid var(--lc-line);border-radius:8px;cursor:pointer;font-weight:500}
.lc-out:has(input:checked){border-color:#000;background:#fbf6e9}
.lc-nextup{margin:10px 0 0;padding:8px 10px;background:var(--lc-soft);border-radius:8px}

/* ---- A5: script panel, qualification block, Move ---- */
.lc-script{border:1px solid var(--lc-line);border-radius:10px;padding:8px 10px;margin:8px 0}
.lc-script>summary{cursor:pointer;font-weight:700}
.lc-langs{display:flex;gap:6px;margin:8px 0}
.lc .lc-langs button{background:#000;color:#fff;border:2px solid #000}
.lc .lc-langs button.on,.lc .lc-langs button:hover{background:#fff;color:#000}
.lc-steps{margin:8px 0;padding-left:20px;display:grid;gap:10px}
.lc-steps p{margin:2px 0 0;white-space:pre-wrap}
.lc-qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.lc-qresult{border:2px solid #000;border-radius:10px;padding:8px 10px;margin:8px 0}
.lc-q-pass{background:#e3f3e6}.lc-q-low{background:#fdeedb}
.lc-move{margin:10px 0}
.lc-moveform{border:1px solid var(--lc-line);border-radius:10px;padding:10px}

/* ---- 13 Oct findings: full-width lead table (no sideways scroll), groups, card beside script, import ---- */
.lc-livewide{width:100%;margin:0 0 12px}
.lc-table.lc-fixed{width:100%;min-width:0;table-layout:fixed}
.lc-table.lc-fixed th,.lc-table.lc-fixed td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;vertical-align:top;padding:7px 8px}
.lc-table small{display:block;color:#5a6b78;font-size:12px;font-weight:400}
.lc-live-table .c-sig{width:5.5em;text-align:center}.lc-live-table .c-stage{width:9em}.lc-live-table .c-due,.lc-live-table .c-tries{width:6.5em}.lc-live-table .c-last,.lc-live-table .c-cb{width:9em}.lc-live-table .c-phone{width:9em}
@media (max-width:1100px){.lc-live-table .c-last,.lc-live-table .c-cb{display:none}}
@media (max-width:760px){.lc-live-table .c-phone,.lc-live-table .c-due,.lc-live-table .c-where,.lc-live-table .c-src{display:none}}
.lc-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start;margin-top:10px}
@media (max-width:900px){.lc-work{grid-template-columns:1fr}}
.lc-leadcard{border:2px solid var(--lc-ink);border-radius:12px;padding:12px 14px;background:#fff;margin:0 0 10px}
.lc-cardhead{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.lc-cardhead strong{font-size:20px}
.lc-contact{margin:6px 0}
.lc-clientline{margin:6px 0;padding:6px 8px;background:#e3f3e6;border-radius:8px}
.lc-said dt{font-weight:600}
.lc-toolbar{margin:0 0 10px}
.lc-groups details.lc-group{border:1px solid var(--lc-line);border-radius:10px;margin:8px 0;padding:6px 10px;background:#fff}
.lc-group>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:4px 0}
.lc-gsum{color:#5a6b78;font-size:13px}
.lc-badges{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.lc-badge{border:2px solid #000;border-radius:999px;padding:3px 12px;background:#fff}
.lc-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.lc-chip{border:1px solid var(--lc-line);border-radius:999px;padding:1px 10px;background:var(--lc-soft);font-size:13px}
.lc-chip-to{background:#e3f3e6}
.lc-gq{list-style:none;margin:4px 0;padding:0;display:grid;gap:4px}
.lc-groupform{border:1px dashed var(--lc-line);border-radius:10px;padding:10px;margin:8px 0}
.lc-impwrap{width:100%;margin:8px 0}
.lc-imp input:not([type=checkbox]){width:100%;min-width:0;padding:4px 6px;font-size:13px}
.lc-imp td,.lc-imp th{padding:4px 5px}.lc-imp .c-inc{width:3.2em;text-align:center}.lc-imp .c-res{width:11em;font-size:13px}
.lc-imp-bad td{background:#fbeae6}.lc-imp-ok td{background:#f3faf4}.lc-imp-off td{opacity:.5}
.lc-ferr{color:var(--lc-warn)}
.lc-rc{margin-top:10px}
.lc-callwho{margin:6px 0 10px}

/* A2 look: answers and pills (14 Oct 2026) */
.lc .lc-said{display:block;margin:6px 0}
.lc .lc-said dt{display:block;width:100%;font-weight:600;color:#3b3426;margin:8px 0 2px;overflow-wrap:normal;word-break:normal}
.lc .lc-said dd{display:block;width:100%;margin:0 0 4px;font-weight:700;color:#111;font-size:16px;overflow-wrap:break-word;word-break:normal}
.lc .lc-intent{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:12px 0}
.lc .lc-intent .lc-pillopt{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:120px;padding:10px 26px;background:#000;color:#fff;border:2px solid #000;border-radius:999px;font-weight:700;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.lc .lc-intent .lc-pillopt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.lc .lc-intent .lc-pillopt span{display:block;width:auto;color:inherit;text-align:center}
.lc .lc-intent .lc-pillopt:hover{border-color:#d8b869;box-shadow:0 0 0 2px #d8b869;transform:translateY(-2px)}
.lc .lc-intent .lc-pillopt:focus-within{outline:2px solid #d8b869;outline-offset:2px}
.lc .lc-intent .lc-pillopt.on{background:#d8b869;color:#000;border-color:#d8b869}
@media(prefers-reduced-motion:reduce){.lc .lc-intent .lc-pillopt{transition:none}.lc .lc-intent .lc-pillopt:hover{transform:none}}