@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173d45;background:#f3f7f7;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{position:fixed;width:236px;background:#123d46;color:#fff;height:100vh;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;font-size:25px;letter-spacing:2px;align-items:center}.brand span{font-size:16px;font-weight:700}small{display:block;font-size:10px;letter-spacing:1px;margin-top:7px;opacity:.65}nav{margin-top:55px;display:grid;gap:9px}nav button{text-align:left;background:transparent;border:0;color:#b9ced2;padding:14px;font-size:14px}nav button.active{background:#2a5660;color:white;border-radius:8px}.advisor{margin-top:auto;display:flex;gap:12px;align-items:center}.avatar{background:#42717a;padding:12px 16px;border-radius:50%}main{margin-left:236px;padding:0 42px 25px;max-width:1800px}.demo{font-size:10px;letter-spacing:1.1px;padding:14px 0;border-bottom:1px solid #dbe5e6;color:#6b8085;display:flex;justify-content:space-between}header{display:flex;align-items:center;justify-content:space-between;margin:34px 0 28px}h1{font-size:34px;letter-spacing:-1px;margin:7px 0 8px}h2{font-size:20px;margin:4px 0 18px}p{color:#74878b;margin:0;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#50888b}button,input,select,textarea{font:inherit;border:1px solid #d7e2e3;border-radius:7px;padding:10px 12px;background:white;color:#23454d}button{cursor:pointer}button:hover{filter:brightness(.96)}button.primary{background:#187c79;color:white;border-color:#187c79;font-weight:600}input,select,textarea{width:100%;margin-top:7px}label{font-size:11px;font-weight:600;color:#658087}.toolbar{display:flex;gap:14px;align-items:end;margin-bottom:25px}.toolbar label:first-child{flex:1.5}.toolbar label{flex:1}.toolbar button{white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.card,.panel{background:white;border:1px solid #e0e9e9;border-radius:12px;padding:22px}.card .metric{font-size:32px;letter-spacing:-1px;margin:13px 0 8px}.card small{color:#819296;opacity:1;letter-spacing:0;font-size:11px}.card.feature{background:#187c79;color:white}.card.feature small{color:#c0e2dd}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:none;color:#187c79;padding:0}.table-wrap{overflow:auto;background:white;border:1px solid #e0e9e9;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{background:#f8fafa;text-align:left;color:#7b9094;font-size:10px;text-transform:uppercase;letter-spacing:.8px}td,th{padding:16px 13px;border-bottom:1px solid #edf1f1}td:first-child{padding-left:22px}.name{font-weight:650;color:#214e57;cursor:pointer}.name small{font-weight:400;font-size:10px;color:#839498;letter-spacing:0;opacity:1}.pill{display:inline-block;border-radius:5px;font-size:10px;background:#eaf3f3;color:#37636a;padding:5px 8px}.pill.Sold{background:#daf1e5;color:#26704e}.pill.Lost{background:#f5e6e5;color:#a75e59}.pill.New{background:#e2f0f8;color:#377394}.overdue{color:#bc6b4b}.due{font-size:11px;margin-top:5px}.stage{margin:16px 0}.bar-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bar{height:7px;background:#edf3f3;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:#64a49f;border-radius:6px}.board{display:flex;gap:14px;overflow:auto;padding-bottom:20px;min-height:400px}.column{min-width:238px;flex:1;background:#e9f0f0;border-radius:10px;padding:14px}.column h3{font-size:12px;display:flex;justify-content:space-between}.kanban-card{background:white;padding:17px;border-radius:8px;margin:12px 0;box-shadow:0 2px 4px #173d4508;cursor:pointer}.kanban-card p{font-size:11px;margin:10px 0}.kanban-card small{color:#66858b;opacity:1;letter-spacing:0}.empty{text-align:center;padding:45px;color:#7b8d90}.view-tools{display:flex;gap:12px;align-items:center;margin-bottom:18px}.view-tools select{width:auto;margin:0}.follow-item{padding:18px 0;border-bottom:1px solid #edf1f1;display:flex;align-items:center;justify-content:space-between;gap:15px}.follow-item:last-child{border:0}.follow-item p{font-size:12px;margin-top:5px}footer{font-size:10px;color:#8b9b9e;margin-top:28px}dialog{border:0;border-radius:14px;padding:28px;width:min(850px,94vw);max-height:90vh;color:#173d45;box-shadow:0 20px 80px #102f4540}dialog::backdrop{background:#102f4570}.dialog-head{display:flex;justify-content:space-between;align-items:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.actions{display:flex;gap:14px;align-items:center;margin:22px 0}.quick{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.event{border-left:2px solid #c7e0dd;padding:4px 0 15px 15px;margin-left:5px}.event p{font-size:12px;white-space:pre-wrap}.event small{color:#789092;opacity:1;letter-spacing:0}.history-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.history-form textarea{grid-column:1/-1;min-height:65px}.note{font-size:12px;background:#f1f6f5;padding:15px;border-radius:8px;line-height:1.6}.danger{color:#b25b4c}#toast{position:fixed;bottom:25px;right:25px;background:#123d46;color:white;padding:14px 22px;border-radius:9px;display:none;z-index:10}a{color:#187c79}details{font-size:12px;line-height:1.7}summary{cursor:pointer;font-weight:600}.setting-row{display:flex;gap:12px}.setting-row input{margin:0}@media(max-width:1100px){main{padding:0 22px 22px;margin-left:190px}aside{width:190px;padding:25px 15px}.cards{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}.toolbar label{min-width:130px}.grid{grid-template-columns:1fr}}@media(max-width:700px){aside{position:sticky;top:0;height:auto;width:100%;padding:14px 16px;z-index:2}.brand{font-size:20px}.brand small,.advisor{display:none}nav{display:flex;margin-top:14px;gap:3px;overflow:auto}nav button{padding:9px;font-size:11px;white-space:nowrap}main{margin:0;padding:0 16px 20px}.demo{line-height:1.7;display:block}.demo span{display:block;font-size:9px}header{margin:24px 0;gap:12px}h1{font-size:28px}header p:not(.eyebrow){font-size:12px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card{padding:16px}.card .metric{font-size:27px}.toolbar{gap:10px}.toolbar label{min-width:42%}.toolbar button{font-size:11px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:16px}.follow-item{align-items:start}.history-form{grid-template-columns:1fr}.history-form textarea{grid-column:auto}}
/* Tanzanite pool-blue direction. Provisional palette pending logo pixel access. */
:root{--navy:#07396b;--blue:#086bb2;--pool:#25a9db;--ice:#edf7fc;color:#13395e;background:#f2f7fb;font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif}aside{background:linear-gradient(165deg,#06315a 0%,#084b81 70%,#076ca4 100%);overflow:hidden}aside::after{content:"";position:absolute;width:370px;height:370px;border:1px solid #9ce1ff20;border-radius:44%;bottom:-230px;left:-70px;transform:rotate(25deg);box-shadow:0 0 0 22px #93d8fa08,0 0 0 48px #93d8fa08,0 0 0 79px #93d8fa06;pointer-events:none}.brand{color:#fff;gap:10px}.brand span{font-family:"Avenir Next",Avenir,sans-serif;font-weight:500;letter-spacing:2.6px;font-size:17px}.brand small{font-size:8px;letter-spacing:1.7px;color:#c6eafa;opacity:1;margin-top:9px}nav button{color:#c0dcef}nav button.active{background:#ffffff19;box-shadow:inset 3px 0 #55c7ed;border-radius:5px;color:#fff}nav button:hover{background:#ffffff0c}.avatar{background:#2879a8;color:white}.advisor{position:relative;z-index:1}.demo{color:#68849e;border-color:#dce8f2}.eyebrow{color:#267cad}h1{font-weight:500;color:#07396b;letter-spacing:-1.1px}h2{font-weight:600;color:#123f67}header{position:relative;padding:24px 28px;margin:22px 0 26px;border:1px solid #d5e9f5;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 95% 80%,#8bdcf34a,transparent 58%),linear-gradient(110deg,#fff 10%,#e5f5fc 100%)}header::before,header::after{content:"";position:absolute;width:460px;height:160px;border-radius:50%;right:-130px;bottom:-118px;border:1px solid #269dd52b;transform:rotate(-15deg);box-shadow:0 0 0 16px #8fd9f317,0 0 0 34px #8fd9f311,0 0 0 57px #8fd9f30e;pointer-events:none}header::after{right:40px;bottom:-145px;opacity:.5;transform:rotate(14deg)}header>div,header>button{position:relative;z-index:1}header p{color:#6b8299}.primary,button.primary{background:#0969ab;border-color:#0969ab;box-shadow:0 3px 8px #0067a51a}.toolbar label,label{color:#587693}input,select,textarea,button{border-color:#d5e3ee;color:#234e70}input:focus,select:focus,textarea:focus{outline:2px solid #51b8e455;outline-offset:2px}.card,.panel,.table-wrap{border-color:#dce8f0;box-shadow:0 3px 16px #0e4b7b03}.card .metric{color:#093d6b;font-weight:500}.card.feature{background:radial-gradient(ellipse at 95% 110%,#30b8db70,transparent 65%),linear-gradient(120deg,#074779,#087db6);border-color:#126f9e;position:relative;overflow:hidden}.card.feature::after{content:"";position:absolute;right:-30px;bottom:-45px;width:160px;height:85px;border-radius:50%;border:1px solid #b6edff45;box-shadow:0 0 0 13px #b6edff0a,0 0 0 28px #b6edff09;transform:rotate(-20deg)}.card.feature .metric{color:white}.card.feature small{color:#d0ecf9}.card small{color:#7890a6}p{color:#71879b}.pill{background:#e9f4fc;color:#286895}.pill.New{background:#dff2ff;color:#086cae}.text-button,a{color:#086eae}.name{color:#114e7a}th{background:#f4f9fd;color:#6987a0}td,th{border-color:#e9f0f6}.bar{background:#edf4f9}.bar i{background:linear-gradient(90deg,#176fa8,#58bcdf)}.column{background:#e7f0f8;border:1px solid #dbe7f1}.column h3{color:#1d527a}.kanban-card{border:1px solid #e1ebf3;box-shadow:0 3px 8px #0c4a7805}.note{background:#edf6fc;color:#5a7790}.event{border-color:#9bd1ec}.follow-item{border-color:#e7f0f7}#toast{background:#07396b}.overdue{color:#b65b36}footer{color:#7c95aa}dialog{color:#13395e}.dialog-head{border-bottom:1px solid #e1edf5;margin-bottom:20px}.dialog-head h2{margin-bottom:18px}@media(max-width:700px){header{padding:20px 17px;margin-top:18px}h1{font-size:27px}header>button{font-size:12px;padding:10px;white-space:nowrap}.brand span{font-size:15px}aside::after{display:none}main{background:#f2f7fb}.toolbar label{font-size:10px}}
/* Verified live website styles: 24 October 2026. */

@font-face{font-family:Senoir;src:url('https://www.tanzanitepools.com.au/wp-content/uploads/2025/08/Senoir.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--blue:#002bd3;font-family:'DM Sans','Avenir Next',sans-serif}h1,h2{font-family:Senoir,Georgia,serif;font-weight:400}h1{letter-spacing:.2px;font-size:36px}h2{font-size:23px}.primary,button.primary{background:#002bd3;border-color:#002bd3}.text-button,a{color:#002bd3}.brand{display:block}.brand img{display:block;width:100%;height:auto;max-width:195px}.brand small{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.6px;color:#c7dbf3;opacity:1;margin-top:12px}aside{background:linear-gradient(160deg,#0b0b18 0%,#101b52 58%,#002b86 100%)}nav button.active{box-shadow:inset 3px 0 #4a83ff;background:#ffffff16}.card.feature{background:radial-gradient(ellipse at 95% 110%,#2ba5db60,transparent 65%),linear-gradient(120deg,#142476,#002bd3)}.bar i{background:linear-gradient(90deg,#002bd3,#5baee5)}.pill.New{background:#e7edff;color:#002bd3}.avatar{background:#2b4ea5}@media(max-width:700px){.brand{display:flex;align-items:center;gap:16px}.brand img{max-width:170px}.brand small{display:block;font-size:8px;margin:0;letter-spacing:1px}h1{font-size:29px}}
/* Readable, unified typography aligned with the logo's clean sans-serif lettering. */
:root{font-family:'DM Sans','Avenir Next',Avenir,sans-serif;font-size:16px}
aside{width:270px;padding:32px 24px}main{margin-left:270px}
.brand img{max-width:222px}.brand small{font-family:inherit;font-size:18px;line-height:1.45;font-weight:600;letter-spacing:1.4px;color:#edf5ff;margin-top:22px;max-width:220px}
nav{margin-top:34px}nav button{font-family:inherit;font-size:17px;font-weight:500;padding:14px}
h1,h2,h3{font-family:'DM Sans','Avenir Next',Avenir,sans-serif;letter-spacing:-.7px;font-weight:600}
h1{font-size:44px;line-height:1.15;margin:9px 0 12px}h2{font-size:26px;line-height:1.3}.column h3{font-size:17px;letter-spacing:0}
header p:not(.eyebrow){font-size:16px;line-height:1.65}.eyebrow{font-size:12px;letter-spacing:1.6px}
.advisor{gap:14px;padding-top:22px;border-top:1px solid #ffffff24}.advisor>div{font-size:22px;line-height:1.3;font-weight:600}.advisor small{font-size:14px;line-height:1.5;letter-spacing:0;font-weight:400;opacity:1;color:#c5d8ef;margin-top:6px}.avatar{font-size:21px;padding:12px 17px}
.card>div:first-child{font-size:16px;line-height:1.45;font-weight:500}.card .metric{font-family:inherit;font-size:38px;line-height:1.15;font-weight:600}.card small{font-size:13px;line-height:1.5}
label,.toolbar label{font-size:13px}.toolbar input,.toolbar select{font-size:15px}button,input,select,textarea{font-family:inherit}table{font-size:14px}th{font-size:12px}.pill{font-size:12px}.due{font-size:13px}.follow-item p,.bar-row{font-size:14px}.name small{font-size:12px}.follow-item .name{font-size:16px}.kanban-card{font-size:16px}.kanban-card p,.kanban-card small{font-size:13px}.note,details,.event p{font-size:14px;line-height:1.7}.event small{font-size:12px}footer{font-size:12px}.demo{font-size:11px}
@media(min-width:701px) and (max-width:1100px){aside{width:235px;padding:28px 20px}main{margin-left:235px}.brand small{font-size:17px}.advisor>div{font-size:20px}.advisor small{font-size:13px}.avatar{padding:10px 14px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){aside{width:100%;padding:16px}main{margin-left:0}.brand{gap:18px}.brand img{max-width:160px}.brand small{font-size:13px;line-height:1.4;max-width:140px;letter-spacing:1px;margin:0}nav{margin-top:16px}nav button{font-size:14px;padding:10px}h1{font-size:34px}h2{font-size:23px}.eyebrow{font-size:11px}header p:not(.eyebrow){font-size:14px}.card>div:first-child{font-size:14px}.card .metric{font-size:31px}.card small{font-size:12px}.toolbar label{font-size:12px}.advisor{display:none}}
/* The original gemstone, framed with CSS so no logo artwork is altered. */
main{position:relative;isolation:isolate;background:transparent}
.gemstone-watermark{position:fixed;z-index:-1;pointer-events:none;user-select:none;width:min(64vw,850px);aspect-ratio:353/407;left:calc(270px + (100vw - 270px)/2);top:53%;transform:translate(-50%,-50%);overflow:hidden;opacity:.085}
.gemstone-watermark img{position:absolute;width:572%;max-width:none;height:auto;left:-5.38%;top:-15.48%}
body{background:linear-gradient(135deg,#edf2fc,#eaf4fb 55%,#e2edfa)}
.card,.panel,.table-wrap{background:rgba(255,255,255,.80)}
header{background:linear-gradient(110deg,#ffffffdf 10%,#e5f5fce0 100%)}
@media(min-width:701px) and (max-width:1100px){.gemstone-watermark{left:calc(235px + (100vw - 235px)/2);width:70vw}}
@media(max-width:700px){main{background:transparent}.gemstone-watermark{left:50%;width:95vw;top:55%;opacity:.065}.card,.panel,.table-wrap{background:rgba(255,255,255,.85)}}

/* Simple lead list */
.source-select{min-width:190px;border-color:#81a8ed;background:#f0f7ff;color:#002bd3;font-weight:600}.review-hint{color:#786123}td select{min-width:165px}#history{padding-top:12px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Outcome column colours */
.lead-row.outcome-converted{--outcome-ink:#ffffff;--outcome-bg:#15803d;--outcome-hover:#166534}
.lead-row.outcome-lost{--outcome-ink:#ffffff;--outcome-bg:#c62828;--outcome-hover:#ad2020}
.lead-row.outcome-long-term{--outcome-ink:#ffffff;--outcome-bg:#7e22ce;--outcome-hover:#6b21a8}
.lead-row.outcome-in-progress{--outcome-ink:#111111;--outcome-bg:#ffffff;--outcome-hover:#f4f6f9}
.lead-row.outcome-ghosting{--outcome-ink:#ffffff;--outcome-bg:#374151;--outcome-hover:#2b3443}
.lead-row td{background:#fff;color:#234e70}
.lead-row td.outcome-cell{background:#fff;color:#234e70}
.lead-row:hover td{background:#fff}
.lead-row:hover td.outcome-cell{background:#fff}
.lead-row td .name,.lead-row td small,.lead-row td select{color:#234e70}
.lead-row td.outcome-cell select{color:var(--outcome-select-ink,var(--outcome-ink))}
.lead-row td select{background:#fff;border-color:#d5e3ee}
.lead-row td.outcome-cell select{background:var(--outcome-select-bg,var(--outcome-bg));border-color:#00000018;border-radius:7px}
.lead-row td.outcome-cell select option{background:#fff;color:#173d45}
.lead-row td.outcome-cell{box-shadow:none}

/* Compact lead rows: approximately half the previous row height. */
.lead-row td{padding-top:5px;padding-bottom:5px;line-height:1.2}
.lead-row td select{padding-top:5px;padding-bottom:5px;margin-top:0;line-height:1.2}
.lead-row td small{margin-top:2px;line-height:1.2}

/* Additional user-defined outcomes. */
.lead-row.outcome-appointment-booked{--outcome-ink:#ffffff;--outcome-bg:#1d4ed8;--outcome-hover:#1e40af}
.lead-row.outcome-no-contact-made{--outcome-ink:#292000;--outcome-bg:#facc15;--outcome-hover:#eab308}

/* Source-performance graphs */
.graph-controls{padding:24px 28px}.graph-control-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.graph-control-heading h2{font-size:23px;margin:7px 0 22px}.graph-live{color:#147d59;background:#e6f5ed;padding:8px 11px;border-radius:20px;font-size:12px;white-space:nowrap}.graph-filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.graph-filters>label{min-width:150px;font-size:13px}.graph-filters select,.graph-filters input{margin-top:8px;font-size:15px;min-height:42px}.graph-filters .graph-check{display:flex;gap:9px;align-items:center;min-height:42px;margin-left:auto;white-space:nowrap;font-weight:400}.graph-check input{width:17px;height:17px;min-height:0;margin:0;accent-color:#002bd3}.graph-period{display:flex;align-items:center;justify-content:space-between;margin:24px 0 20px;gap:16px}.graph-period h2{font-size:28px;margin-bottom:6px}.graph-period p{font-size:13px}.graph-metrics .metric{font-size:38px;font-weight:600}.graph-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px;align-items:start}.graph-panel{padding:25px 22px;min-width:0}.graph-panel h2{font-size:25px;margin:7px 0 20px}.graph-panel-title{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.graph-legend{display:flex;gap:17px;font-size:12px;color:#4c627c;flex-wrap:wrap;padding-top:7px}.graph-legend span{display:flex;align-items:center;gap:7px}.graph-legend i{width:11px;height:11px;border-radius:2px;display:inline-block;box-shadow:2px -2px 0 #0a2e7620}.legend-leads{background:#002bd3}.legend-converted{background:#147d59}.chart-scroll{overflow-x:auto;padding:6px 0 0}.chart-scroll svg{display:block;width:100%;font-family:inherit;overflow:visible}.volume-chart{min-width:610px}.rate-chart{min-width:315px}.chart-axis{font-size:12px;fill:#73849a}.chart-source{font-size:14px;fill:#243d5e;font-weight:500}.chart-value{font-size:14px;fill:#07396b;font-weight:700}.chart-value-converted{fill:#147d59}.chart-prism{outline:none}.chart-prism:hover,.chart-prism:focus{filter:brightness(1.13)}.chart-caption{font-size:12px;line-height:1.6;margin-top:17px;color:#71849b}.graph-exact{padding:18px 24px}.graph-exact .table-wrap{margin-top:18px;box-shadow:none}.graph-method{font-size:12px;line-height:1.8;margin:4px 0 25px;max-width:1100px}.graph-no-data{text-align:center;padding:60px 20px}.graph-empty-icon{font-size:45px;color:#6b9ade;margin-bottom:18px}
@media(max-width:1400px){.graph-layout{grid-template-columns:1fr}.graph-layout .rate-chart{max-width:700px}.graph-filters .graph-check{margin-left:0}}
@media(max-width:700px){.graph-controls{padding:20px 16px}.graph-control-heading{display:block}.graph-live{display:inline-block;margin-bottom:20px}.graph-control-heading h2{font-size:21px}.graph-filters{gap:12px}.graph-filters>label{min-width:125px;flex:1}.graph-filters .graph-check{flex-basis:100%}.graph-period{align-items:start;flex-direction:column}.graph-period h2{font-size:25px}.graph-metrics .metric{font-size:31px}.graph-panel{padding:20px 14px}.graph-panel h2{font-size:23px}.volume-chart{min-width:620px}.graph-method{font-size:11px}}

.graph-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.graph-actions #graph-export{font-size:14px;padding:11px 17px;white-space:nowrap}.graph-actions #graph-export:disabled{opacity:.6;cursor:wait}@media(max-width:950px){.graph-control-heading{flex-wrap:wrap}.graph-actions{margin-bottom:18px}}@media(max-width:700px){.graph-actions{flex-wrap:wrap}.graph-actions .graph-live{margin:0}.graph-actions #graph-export{font-size:14px}}

/* Outcome categories supplied by the advisor, October 2026. */
.lead-row.outcome-decision-stage{--outcome-ink:#111111;--outcome-bg:#ffffff;--outcome-hover:#f4f6f9}
.lead-row.outcome-contact-not-interested{--outcome-ink:#64103d;--outcome-bg:#ff85c0;--outcome-hover:#ff6bb3}
.lead-row.outcome-ghosting{--outcome-ink:#ffffff;--outcome-bg:#374151;--outcome-hover:#2b3443}
.area-cell{min-width:120px;max-width:210px;font-size:13px}

.lead-row .lead-edit{color:#234e70;font:inherit;text-align:left;min-height:24px;padding:2px 0;display:inline-block}
.lead-row .lead-edit:hover,.lead-row .name:hover{text-decoration:underline;text-underline-offset:3px}
.lead-row [data-open]:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:3px}
.postcode-status{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#587693;margin-top:7px}
#postcode-choice[hidden]{display:none}

.column-sort{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:0;padding:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;white-space:nowrap}
.column-sort span{font-size:13px;opacity:.55}
th[aria-sort="ascending"] .column-sort,th[aria-sort="descending"] .column-sort{color:#002bd3}
th[aria-sort="ascending"] .column-sort span,th[aria-sort="descending"] .column-sort span{opacity:1}
.column-sort:focus-visible{outline:2px solid #002bd3;outline-offset:5px}

.lead-row.outcome-new-lead{--outcome-ink:#ffffff;--outcome-bg:#111111;--outcome-hover:#242424}

.lead-row td.flag-cell{width:65px;padding-left:13px;text-align:center}
.lead-flag{display:inline-block;width:17px;height:17px;margin:0;vertical-align:middle;accent-color:#002bd3;cursor:pointer}

.delete-lead{margin-left:auto;border-color:#c62828;color:#b91c1c;background:#fff}.delete-lead:hover{background:#fff0f0}.delete-lead[hidden]{display:none}

/* Softer category fills confined to the outcome dropdown. */
.lead-row.outcome-converted{--outcome-select-bg:#3b945c;--outcome-select-ink:#072f17}
.lead-row.outcome-lost{--outcome-select-bg:#cf4a4a;--outcome-select-ink:#370909}
.lead-row.outcome-long-term{--outcome-select-bg:#9345d6;--outcome-select-ink:#20073a}
.lead-row.outcome-appointment-booked{--outcome-select-bg:#416bdd;--outcome-select-ink:#fff}
.lead-row.outcome-no-contact-made{--outcome-select-bg:#fbd43a}
.lead-row.outcome-contact-not-interested{--outcome-select-bg:#ff99ca}
.lead-row.outcome-ghosting{--outcome-select-bg:#4b5462;--outcome-select-ink:#fff}
.lead-row.outcome-new-lead{--outcome-select-bg:#292929;--outcome-select-ink:#fff}

[hidden]{display:none!important}
.cloud-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#edf5ff,#e3eaff)}
.cloud-login-card{width:min(440px,100%);background:white;border:1px solid #d5e3ee;border-radius:18px;padding:32px;box-shadow:0 18px 60px #172d6212}
.cloud-login-brand{background:#111b47;border-radius:12px;padding:24px;margin-bottom:28px}.cloud-login-brand img{display:block;max-width:240px;width:100%;margin:auto}
.cloud-login-card h1{font-family:'DM Sans','Avenir Next',sans-serif;font-size:26px;letter-spacing:-.5px}.cloud-login-card label{display:block;margin-top:18px}.cloud-login-card button{width:100%;margin-top:22px}
#login-message{min-height:24px;margin-top:16px;font-size:13px;color:#7d3040}
.cloud-banner{position:sticky;top:0;z-index:50;background:#eff7f2;border-bottom:1px solid #ccdfd2;padding:12px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#205632;font-size:12px}
.cloud-banner button{padding:6px 10px;font-size:12px}.cloud-banner #cloud-status{flex:1;min-width:220px}.cloud-banner #cloud-user{color:#52627a;font-size:11px}
.cloud-banner[data-status="saving"]{background:#eef3ff;color:#204ab0}.cloud-banner[data-status="offline"],.cloud-banner[data-status="conflict"],.cloud-banner[data-status="error"]{background:#fff1d4;color:#733d00}
#tracker-app{position:relative}#tracker-app aside{top:0;padding-top:90px}#tracker-app .demo{padding-top:18px}.restore-options{margin-top:20px;max-width:800px}.restore-options .note{margin-top:12px}
@media(max-width:700px){#tracker-app aside{position:relative;padding:18px}#tracker-app main{margin-left:0}.cloud-banner{position:relative;padding:12px}.cloud-login-card{padding:24px}}
