#tab-leads .overview-reference{--bg:#0d1114;--side:#1a1e21;--card:#1a1d21;--line:#353c42;--text:#f1f3f4;--muted:#abb1b7;--lime:#bff65c;--red:#eb8586;--amber:#e5bc76;--sidew:225px;--gutter:37px} #tab-leads .overview-reference *{box-sizing:border-box} body[data-current-tab="leads"]{min-width:320px;background:var(--bg);scrollbar-color:#474e54 var(--bg)} #tab-leads .overview-reference{margin:0;color:var(--text);font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums} #tab-leads .overview-reference button,#tab-leads .overview-reference input{font:inherit} #tab-leads .overview-reference button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:0;border:0;color:inherit;background:none;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent} #tab-leads .overview-reference button:after{content:"";position:absolute;inset:-4px 0;min-height:44px} #tab-leads .overview-reference button:focus-visible,#tab-leads .overview-reference input:focus-visible,#tab-leads .overview-reference [tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:3px} #tab-leads .overview-reference button:hover{color:var(--lime)} #tab-leads .overview-reference h1,#tab-leads .overview-reference h2,#tab-leads .overview-reference h3,#tab-leads .overview-reference p{margin:0} #tab-leads .overview-reference h2{font-size:18px;line-height:23px;font-weight:500;letter-spacing:-.22px} #tab-leads .overview-reference svg{display:block;flex-shrink:0} #tab-leads .overview-reference .ov-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} #tab-leads .overview-reference .ov-i.ov-sm{width:16px;height:16px} #tab-leads .overview-reference .ov-sprite{position:absolute;width:0;height:0;overflow:hidden} #tab-leads .overview-reference .ov-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #tab-leads .overview-reference [hidden]{display:none!important} #tab-leads .overview-reference .ov-side{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;width:var(--sidew);background:var(--side);border-right:1px solid #343b40} #tab-leads .overview-reference .ov-brand{height:76px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 25px} #tab-leads .overview-reference .ov-brand svg{width:25px;height:29px;color:var(--lime)} #tab-leads .overview-reference .ov-brand-name{font-size:20px;font-weight:650;letter-spacing:-.5px;white-space:nowrap} #tab-leads .overview-reference .ov-brand-name span{color:#b3b7ba;font-weight:500} #tab-leads .overview-reference .ov-navigation{padding:22px 14px 0 15px} #tab-leads .overview-reference .ov-nav-caption{padding:0 10px;margin-bottom:9px;font-size:12px;line-height:17px;color:#acb4bc;white-space:nowrap} #tab-leads .overview-reference .ov-nav-list{display:flex;flex-direction:column} #tab-leads .overview-reference .ov-nav{width:100%;height:36px;margin:2px 0;padding:0 11px;gap:12px;justify-content:flex-start;border-radius:7px;text-align:left;font-size:16px;line-height:22px} #tab-leads .overview-reference .ov-nav .ov-i{color:#a8b0b7} #tab-leads .overview-reference .ov-nav:hover{background:#252b2f;color:var(--text)} #tab-leads .overview-reference .ov-nav.ov-active{background:#333d2b;color:#cef48e} #tab-leads .overview-reference .ov-nav.ov-active .ov-i{color:#c5ef8b} #tab-leads .overview-reference .ov-nav.ov-active:before{content:"";position:absolute;left:-15px;top:4px;width:3px;height:29px;border-radius:0 3px 3px 0;background:var(--lime)} #tab-leads .overview-reference .ov-nav-divider{border:0;border-top:1px solid var(--line);margin:12px 0} #tab-leads .overview-reference .ov-side-bottom{margin-top:auto;padding-top:28px} #tab-leads .overview-reference .ov-settings{margin:0 15px;padding:5px 0 6px;border-bottom:1px solid var(--line)} #tab-leads .overview-reference .ov-profile{width:100%;height:68px;justify-content:flex-start;gap:10px;padding:0 18px} #tab-leads .overview-reference .ov-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#393f44;font-size:17px} #tab-leads .overview-reference main{margin-left:var(--sidew);min-height:100vh;padding:0 var(--gutter) 12px} #tab-leads .overview-reference .ov-topbar{display:flex;align-items:center;justify-content:space-between;height:63px;border-bottom:1px solid #30373c;gap:16px} #tab-leads .overview-reference .ov-crumb{display:flex;align-items:center;gap:9px;color:var(--muted);white-space:nowrap} #tab-leads .overview-reference .ov-crumb .ov-slash{color:#7f868c} #tab-leads .overview-reference .ov-crumb .ov-current{color:var(--text)} #tab-leads .overview-reference .ov-top-right{display:flex;align-items:center;gap:17px} #tab-leads .overview-reference .ov-system-status{display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap} #tab-leads .overview-reference .ov-dot{width:8px;height:8px;border-radius:50%;background:#4d565b} #tab-leads .overview-reference .ov-icon-button{width:27px;height:36px;border-radius:7px;color:#a8b0b7} #tab-leads .overview-reference .ov-icon-button:hover{background:#242a2f;color:var(--text)} #tab-leads .overview-reference .ov-menu-toggle{display:none} #tab-leads .overview-reference .ov-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:69px;margin-top:30px} #tab-leads .overview-reference h1{font-size:34px;line-height:43px;font-weight:550;letter-spacing:-.6px} #tab-leads .overview-reference .ov-subtitle{margin-top:1px;font-size:14px;line-height:20px;color:var(--muted)} #tab-leads .overview-reference .ov-hero-actions{display:flex;gap:9px;align-items:center} #tab-leads .overview-reference .ov-hero-actions .status-badge{ display:flex;align-items:center;gap:8px;min-width:0;min-height:36px;margin:0;padding:0 11px;border:1px solid #4d4935;border-radius:8px; background:#24231d;color:#d8c68a;box-shadow:none;font:500 12px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:0;text-transform:none;white-space:nowrap; } #tab-leads .overview-reference .ov-hero-actions .status-dot{width:8px;height:8px;flex:0 0 8px;} #tab-leads .overview-reference .ov-hero-actions .status-dot.running, #tab-leads .overview-reference .ov-hero-actions .status-dot.stopping{width:10px;height:10px;flex-basis:10px;} #tab-leads .overview-reference .ov-btn{height:36px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#1a1e22;font-size:14px;line-height:20px} #tab-leads .overview-reference .ov-btn:hover{background:#262c30;border-color:#59636b;color:var(--text)} #tab-leads .overview-reference .ov-btn .ov-i{color:#a8b0b7} #tab-leads .overview-reference .ov-btn.ov-primary{height:36px;min-width:162px;padding:0 12px;gap:12px;border-color:#caef9b;color:#101509;background:var(--lime);font-weight:550;box-shadow:inset 0 1px 0 #ffffff1f} #tab-leads .overview-reference .ov-btn.ov-primary:hover{background:#ccff77;color:#101509} #tab-leads .overview-reference .ov-play{width:13px;height:13px;fill:currentColor} #tab-leads .overview-reference .ov-refresh{width:37px;padding:0} #tab-leads .overview-reference .ov-filters{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px} #tab-leads .overview-reference .ov-filters-left,#tab-leads .overview-reference .ov-filters-right{display:flex;align-items:center;gap:16px} #tab-leads .overview-reference .ov-filters-right{gap:8px} #tab-leads .overview-reference .ov-segmented{display:flex;align-items:center;gap:2px;height:36px;padding:3px;border-radius:8px;background:#1a1e22} #tab-leads .overview-reference .ov-period{height:30px;padding:0 9px;border-radius:6px;color:var(--muted);font-size:16px} #tab-leads .overview-reference .ov-period.ov-active{color:var(--text);background:#343b42;box-shadow:0 1px 3px #00000026} #tab-leads .overview-reference .ov-date{position:relative;height:36px;min-width:244px;border:1px solid #373f47;border-radius:8px;background:#202429} #tab-leads .overview-reference .ov-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:100%;padding:0 9px 0 11px;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer;font:inherit} #tab-leads .overview-reference .ov-date-label{font-size:16px;line-height:20px} #tab-leads .overview-reference .ov-date input{position:absolute;left:50%;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none} #tab-leads .overview-reference .ov-date-icon{width:20px;height:20px;color:#88939f} #tab-leads .overview-reference .ov-tz{padding-left:10px;border-left:1px solid #3c434a;color:var(--muted);font-size:13px;line-height:19px} #tab-leads .overview-reference .ov-filter{justify-content:space-between;min-width:172px;gap:22px;font-size:16px} #tab-leads .overview-reference .ov-filter.ov-offers{min-width:159px} #tab-leads .overview-reference .ov-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:99px;margin-top:15px;padding:12px 0 13px;border:1px solid var(--line);border-radius:11px;background:var(--card)} #tab-leads .overview-reference .ov-metric{min-width:0;padding:0 16px;border-left:1px solid var(--line)} #tab-leads .overview-reference .ov-metric:first-child{border:0} #tab-leads .overview-reference .ov-metric-label{color:var(--muted);font-size:14px;line-height:19px;white-space:nowrap} #tab-leads .overview-reference .ov-metric-main{display:flex;align-items:center;flex-wrap:wrap;column-gap:7px;min-height:33px} #tab-leads .overview-reference .ov-value{font-size:28px;font-weight:550;line-height:33px;letter-spacing:-.4px;white-space:nowrap} #tab-leads .overview-reference .ov-delta{padding:1px 5px;border-radius:5px;color:#a5d895;background:#243a2a;font-size:12px;line-height:19px} #tab-leads .overview-reference .ov-metric-note{margin-top:2px;color:var(--muted);font-size:13px;line-height:17px;white-space:nowrap} #tab-leads .overview-reference .ov-work{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:stretch;gap:16px;margin-top:16px} #tab-leads .overview-reference .ov-left{display:flex;flex-direction:column;gap:16px;min-width:0} #tab-leads .overview-reference .ov-panel{border:1px solid var(--line);border-radius:11px;background:var(--card)} #tab-leads .overview-reference .ov-offers-panel{min-width:0} #tab-leads .overview-reference .ov-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:51px;padding:11px 16px 4px} #tab-leads .overview-reference .ov-panel-head h2{flex-shrink:0} #tab-leads .overview-reference .ov-table-tools{display:flex;align-items:center;gap:8px;flex:1;min-width:0} #tab-leads .overview-reference .ov-search{position:relative;flex:1;min-width:0;color:#a8b0b7} #tab-leads .overview-reference .ov-search>.ov-i{position:absolute;top:9px;left:10px;width:18px;height:18px;pointer-events:none} #tab-leads .overview-reference .ov-search input{display:block;width:100%;height:36px;min-width:0;padding:0 10px 0 36px;border:1px solid #3a4249;border-radius:8px;background:transparent;color:var(--text);outline-offset:2px} #tab-leads .overview-reference .ov-search input::placeholder{color:#9ca4ac;opacity:1} #tab-leads .overview-reference .ov-columns{flex-shrink:0} #tab-leads .overview-reference .ov-table-scroll{overflow-x:auto;scrollbar-width:thin} #tab-leads .overview-reference table{width:100%;border-collapse:collapse;table-layout:fixed} #tab-leads .overview-reference col.ov-c-offer{width:25%} #tab-leads .overview-reference col.ov-c-status{width:15.5%} #tab-leads .overview-reference col.ov-c-sent{width:17%} #tab-leads .overview-reference col.ov-c-approve{width:12%} #tab-leads .overview-reference col.ov-c-cr{width:9%} #tab-leads .overview-reference col.ov-c-limit{width:21.5%} #tab-leads .overview-reference th{height:34px;padding:0 16px;font-size:13px;font-weight:400;line-height:18px;text-align:left;color:var(--muted);white-space:nowrap} #tab-leads .overview-reference th.ov-num,#tab-leads .overview-reference td.ov-num{text-align:right} #tab-leads .overview-reference td{height:51px;padding:7px 16px;border-top:1px solid var(--line);font-size:14px;line-height:20px;white-space:nowrap} #tab-leads .overview-reference tbody tr:hover{background:#1e2429} #tab-leads .overview-reference .ov-offer-name{display:flex;align-items:center;gap:8px} #tab-leads .overview-reference .ov-monogram{display:grid;place-items:center;flex:0 0 33px;width:33px;height:32px;border:1px solid #424a50;border-radius:5px;color:#eef0f2;background:#3a4046} #tab-leads .overview-reference .ov-offer-title{font-weight:550} #tab-leads .overview-reference .ov-badge{display:inline-block;padding:0 7px;border:1px solid #8f989f;border-radius:99px;color:#c3c9ce;font-size:12px;line-height:20px} #tab-leads .overview-reference .ov-limit-numbers{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:18px} #tab-leads .overview-reference .ov-limit-pct{color:var(--muted);font-size:12px} #tab-leads .overview-reference .ov-progress{display:none!important} #tab-leads .overview-reference .ov-progress:not([role="progressbar"]){display:none!important} #tab-leads .overview-reference .ov-progress>span{display:block;width:6%;min-width:6px;height:100%;border-radius:inherit;background:var(--lime)} #tab-leads .overview-reference .ov-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 16px;border-top:1px solid var(--line)} #tab-leads .overview-reference .ov-panel-foot p,#tab-leads .overview-reference .ov-text-action{font-size:13px;line-height:19px} #tab-leads .overview-reference .ov-panel-foot p{color:var(--muted)} #tab-leads .overview-reference .ov-text-action{justify-content:flex-start;gap:5px} #tab-leads .overview-reference .ov-text-action .ov-i{width:13px;height:13px} #tab-leads .overview-reference .ov-empty-row td{padding:16px;text-align:center;white-space:normal;color:var(--muted)} #tab-leads .overview-reference .ov-economy{padding:13px 16px 10px} #tab-leads .overview-reference .ov-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px} #tab-leads .overview-reference .ov-money{padding:0 16px;border-left:1px solid var(--line)} #tab-leads .overview-reference .ov-money:first-child{padding-left:0;border:0} #tab-leads .overview-reference .ov-money-label{font-size:13px;line-height:18px;color:var(--muted)} #tab-leads .overview-reference .ov-money-value{margin-top:1px;font-size:25px;line-height:28px} #tab-leads .overview-reference .ov-money-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid var(--line)} #tab-leads .overview-reference .ov-money-empty{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;line-height:19px} #tab-leads .overview-reference .ov-money-empty .ov-i{width:14px;height:14px} #tab-leads .overview-reference .ov-btn.ov-small{height:28px;padding:0 9px;border-radius:7px;font-size:13px} #tab-leads .overview-reference .ov-attention{display:flex;flex-direction:column;min-width:0} #tab-leads .overview-reference .ov-attention-head{height:70px;padding:12px 16px 10px;flex-shrink:0} #tab-leads .overview-reference .ov-attention-head p{margin-top:3px;color:var(--muted);font-size:13px;line-height:19px} #tab-leads .overview-reference .ov-issues{padding:0 16px} #tab-leads .overview-reference .ov-issue{min-height:75px;padding:13px 0 12px;border-top:1px solid var(--line)} #tab-leads .overview-reference .ov-issue-top{display:flex;align-items:center;gap:12px;min-height:23px} #tab-leads .overview-reference .ov-issue-title{min-width:0;font-size:16px;font-weight:400;line-height:22px} #tab-leads .overview-reference .ov-issue-count{margin-left:auto;white-space:nowrap;font-size:20px;font-weight:550;line-height:24px;letter-spacing:-.3px} #tab-leads .overview-reference .ov-error .ov-issue-top>.ov-i,#tab-leads .overview-reference .ov-error .ov-issue-count{color:var(--red)} #tab-leads .overview-reference .ov-warning .ov-issue-top>.ov-i,#tab-leads .overview-reference .ov-warning .ov-issue-count{color:var(--amber)} #tab-leads .overview-reference .ov-issue-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin:3px 0 0 32px} #tab-leads .overview-reference .ov-issue-description{color:var(--muted);font-size:13px;line-height:19px} #tab-leads .overview-reference .ov-issue-bottom .ov-text-action{flex-shrink:0} #tab-leads .overview-reference .ov-queue-note{display:flex;align-items:center;flex:1;min-height:48px;margin:0 16px;padding:10px 0 12px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:18px} #tab-leads .overview-reference .ov-quick{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:61px;margin-top:16px;padding:12px 16px} #tab-leads .overview-reference .ov-quick-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px} #tab-leads .overview-reference .ov-quick-controls .ov-btn{height:34px} #tab-leads .overview-reference .ov-logs{height:34px;padding-left:8px;gap:9px} #tab-leads .overview-reference .ov-logs .ov-i{color:#a8b0b7} #tab-leads .overview-reference .ov-logs>.ov-i:last-child{transition:transform .15s ease-out} #tab-leads .overview-reference .ov-logs.is-open>.ov-i:last-child{transform:rotate(90deg)} #tab-leads .overview-reference .ov-page-note{margin-top:12px;color:var(--muted);text-align:right;font-size:13px;line-height:18px} #tab-leads .overview-reference .ov-toast{position:fixed;left:calc(50% + 112px);bottom:24px;z-index:100;width:max-content;max-width:min(540px,calc(100vw - 32px));padding:14px 18px;border:1px solid #58664b;border-radius:10px;color:var(--text);background:#252d26;font-size:14px;line-height:21px;box-shadow:0 8px 30px #0004;transform:translate(-50%,16px);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s} #tab-leads .overview-reference .ov-toast.ov-show{opacity:1;transform:translate(-50%,0)} #tab-leads .overview-reference .ov-backdrop{display:none} @media(min-width:1600px){#tab-leads .overview-reference{--sidew:240px;--gutter:40px} #tab-leads .overview-reference .ov-hero{margin-top:34px} #tab-leads .overview-reference .ov-metrics{padding-block:20px} #tab-leads .overview-reference .ov-value{font-size:34px;line-height:43px} #tab-leads .overview-reference .ov-work{grid-template-columns:minmax(0,1.9fr) minmax(350px,1fr)} #tab-leads .overview-reference .ov-table-tools{flex:0 1 420px} #tab-leads .overview-reference .ov-issue{min-height:82px} #tab-leads .overview-reference .ov-economy{flex:1;padding-top:18px} #tab-leads .overview-reference .ov-money-foot{margin-top:16px} } /* Overview lower workspace: keep the accepted card language below the hero. */ body[data-current-tab="leads"] #tab-leads .job-progress-panel { gap:16px;margin:16px 0;padding:16px 18px;border:1px solid #353c42;border-radius:11px; background:#1a1d21;box-shadow:none;color:#f1f3f4; } body[data-current-tab="leads"] #tab-leads .job-progress-beacon { width:10px;height:10px;background:#bff65c;box-shadow:0 0 0 5px rgba(191,246,92,.1); } body[data-current-tab="leads"] #tab-leads .job-progress-copy {gap:2px;min-width:170px;} body[data-current-tab="leads"] #tab-leads .job-progress-copy strong {font-size:14px;font-weight:550;} body[data-current-tab="leads"] #tab-leads :is(.job-progress-copy span,.job-progress-count,#job-progress-time) {color:#abb1b7;font-size:12px;} body[data-current-tab="leads"] #tab-leads .job-progress-track {height:7px;border:0;background:#30363b;} body[data-current-tab="leads"] #tab-leads #job-progress-fill {background:#bff65c;} body[data-current-tab="leads"] #tab-leads #job-progress-time {padding-left:16px;border-left:1px solid #353c42;} body[data-current-tab="leads"] #tab-leads #job-progress-stop { min-height:40px;padding:8px 13px;border:1px solid #7f4042;border-radius:8px;background:#2a1c1e; color:#eb8586;box-shadow:none;font:550 13px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; } body[data-current-tab="leads"] #tab-leads .log-panel { min-height:0;margin:16px 0 24px;border:1px solid #17212b;border-radius:11px;background:#070c12;box-shadow:none; } body[data-current-tab="leads"] #tab-leads .log-header { min-height:52px;padding:8px 16px;gap:10px;border-bottom:1px solid #17212b;background:#070c12; } body[data-current-tab="leads"] #tab-leads .log-header .log-title { color:#f1f3f4;font:500 16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:-.15px;text-transform:none; } body[data-current-tab="leads"] #tab-leads .log-header .dot {width:7px;height:7px;background:#bff65c;box-shadow:none;} body[data-current-tab="leads"] #tab-leads .log-header .dot.off {background:#687077;} body[data-current-tab="leads"] #tab-leads .log-header .btn-sm { min-width:40px;min-height:36px;padding:7px 11px;border:1px solid #2b333c;border-radius:8px; background:#101419;color:#abb1b7;box-shadow:none;font:13px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; } body[data-current-tab="leads"] #tab-leads .log-header .btn-sm:hover {border-color:#46515b;background:#151a20;color:#f1f3f4;} body[data-current-tab="leads"] #tab-leads .log-body { height:176px;padding:10px 16px;background:#02070d;color:#c8cdd1; font:12px/1.55 "DM Mono",Consolas,monospace; } body[data-current-tab="leads"] #tab-leads .log-line {min-height:22px;padding:3px 0;border-color:#2a3034;} body[data-current-tab="leads"] #tab-leads .log-footer { min-height:34px;padding:6px 16px;border-top:1px solid #17212b;background:#070c12;color:#abb1b7; } body[data-current-tab="leads"] #tab-leads .overview-leads-base > .section-title { margin:28px 0 14px!important;color:#f1f3f4;font:500 18px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:-.2px;text-transform:none; } body[data-current-tab="leads"] #tab-leads .overview-leads-base > .filters { gap:8px;margin:0 0 12px;padding:12px;border:1px solid #17212b;border-radius:11px;background:#070c12; } body[data-current-tab="leads"] #tab-leads .overview-leads-base > .filters :is(input:not([type="file"]),select,.btn-action,.btn-sm) { min-height:40px;border:1px solid #2b333c;border-radius:8px;background:#101419;color:#f1f3f4;box-shadow:none; font:13px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; } body[data-current-tab="leads"] #tab-leads #leads-table-wrap { border:1px solid #17212b;border-radius:11px;background:#070c12;box-shadow:none; } body[data-current-tab="leads"] #tab-leads #leads-table-wrap :is(table,th) {background:#070c12;} body[data-current-tab="leads"] #tab-leads #leads-table-wrap th {color:#808a95;border-color:#17212b;text-transform:none;letter-spacing:0;} body[data-current-tab="leads"] #tab-leads #leads-table-wrap td {color:#d9dde0;border-color:#17212b;} body[data-current-tab="leads"] #tab-leads #leads-table-wrap tbody tr:hover {background:#101419;} body[data-current-tab="leads"] #tab-leads .mailing-overview { border:0;border-radius:11px;background:#070c12;box-shadow:none;color:#f1f3f4; } body[data-current-tab="leads"] #tab-leads .mailing-overview :is(.mailing-overview__summary,.mailing-recent__head,.mailing-table-row) {border-color:#17212b;} body[data-current-tab="leads"] #tab-leads .mailing-overview__summary {border-right:0;background:#070c12;} body[data-current-tab="leads"] #tab-leads .mailing-recent {background:#070c12;} body[data-current-tab="leads"] #tab-leads .mailing-metrics > div {border:1px solid #2b333c;border-radius:8px;background:#101419;} body[data-current-tab="leads"] #tab-leads .mailing-donut::before {background:#070c12;} body[data-current-tab="leads"] #tab-leads .mailing-panel.is-open {margin-top:14px;} body[data-current-tab="leads"] #tab-leads .overview-leads-base {margin-top:26px;} body[data-current-tab="leads"] #tab-leads .overview-leads-base .manual-lead-form {border-color:#17212b;background:#070c12;background-image:none;box-shadow:none;} body[data-current-tab="leads"] #tab-leads .overview-leads-base .manual-lead-grid input {border-color:#2b333c;background:#101419;color:#f1f3f4;} body[data-current-tab="leads"] #tab-leads .overview-leads-base .pagination button {border-color:#2b333c;background:#101419;color:#abb1b7;box-shadow:none;} body[data-current-tab="leads"] #tab-leads .overview-leads-base .pagination button:hover:not(:disabled) {border-color:#46515b;background:#151a20;color:#f1f3f4;} body[data-theme="light"][data-current-tab="leads"] #tab-leads :is(.job-progress-panel,.log-panel,.log-header,.log-footer,#leads-table-wrap,#leads-table-wrap th), body[data-theme="light"][data-current-tab="leads"] #tab-leads .overview-leads-base > .filters {background:var(--ui-card);border-color:var(--ui-border);color:var(--text);} body[data-theme="light"][data-current-tab="leads"] #tab-leads .log-body {background:var(--bg2);color:var(--text);} body[data-theme="light"][data-current-tab="leads"] #tab-leads .log-header .log-title, body[data-theme="light"][data-current-tab="leads"] #tab-leads .overview-leads-base > .section-title {color:var(--text);} body[data-theme="light"][data-current-tab="leads"] #tab-leads .log-header .btn-sm, body[data-theme="light"][data-current-tab="leads"] #tab-leads .overview-leads-base > .filters :is(input:not([type="file"]),select,.btn-action,.btn-sm) {background:var(--bg2);border-color:var(--ui-border);color:var(--text);} body[data-theme="light"][data-current-tab="leads"] #tab-leads .mailing-overview {background:var(--ui-card);border-color:var(--ui-border);color:var(--text);} body[data-theme="light"][data-current-tab="leads"] #tab-leads .mailing-overview :is(.mailing-overview__summary,.mailing-recent__head,.mailing-table-row) {border-color:var(--ui-border);} body[data-theme="light"][data-current-tab="leads"] #tab-leads .mailing-metrics > div {background:var(--bg2);border-color:var(--ui-border);} @media(max-width:1190px) and (min-width:901px){#tab-leads .overview-reference{--sidew:200px;--gutter:24px} #tab-leads .overview-reference .ov-brand{padding-inline:20px} #tab-leads .overview-reference .ov-brand-name{font-size:18px} #tab-leads .overview-reference .ov-nav-caption{font-size:10px} #tab-leads .overview-reference .ov-work{grid-template-columns:minmax(0,1fr)} #tab-leads .overview-reference .ov-table-tools{flex:0 1 350px} #tab-leads .overview-reference .ov-issues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} #tab-leads .overview-reference .ov-issue{padding:12px;border-left:1px solid var(--line)} #tab-leads .overview-reference .ov-issue:first-child{padding-left:0;border-left:0} #tab-leads .overview-reference .ov-issue:last-child{padding-right:0} #tab-leads .overview-reference .ov-issue-top{gap:7px;flex-wrap:wrap} #tab-leads .overview-reference .ov-issue-title{font-size:14px} #tab-leads .overview-reference .ov-issue-bottom{display:block;margin-left:27px} #tab-leads .overview-reference .ov-issue-bottom .ov-text-action{margin-top:8px} #tab-leads .overview-reference .ov-filters-left{gap:8px} #tab-leads .overview-reference .ov-filter{min-width:140px;font-size:14px} #tab-leads .overview-reference .ov-filter.ov-offers{min-width:125px} #tab-leads .overview-reference .ov-date{min-width:0;gap:8px} #tab-leads .overview-reference .ov-date-label,#tab-leads .overview-reference .ov-period{font-size:14px} #tab-leads .overview-reference .ov-metric{padding-inline:12px} #tab-leads .overview-reference .ov-metric-note{font-size:12px} } @media(max-width:900px){#tab-leads .overview-reference{--gutter:24px} #tab-leads .overview-reference .ov-side{width:225px;transform:translateX(-100%);transition:transform .18s} #tab-leads .overview-reference body.ov-menu-open{overflow:hidden} #tab-leads .overview-reference body.ov-menu-open .ov-side{transform:translateX(0)} #tab-leads .overview-reference .ov-backdrop{position:fixed;inset:0;z-index:25;background:#0009} #tab-leads .overview-reference body.ov-menu-open .ov-backdrop{display:block} #tab-leads .overview-reference main{margin-left:0} #tab-leads .overview-reference .ov-topbar{height:60px} #tab-leads .overview-reference .ov-menu-toggle{display:inline-flex;width:28px;margin-right:2px} #tab-leads .overview-reference .ov-crumb{gap:8px} #tab-leads .overview-reference .ov-crumb .ov-workspace,#tab-leads .overview-reference .ov-crumb .ov-slash{display:none} #tab-leads .overview-reference .ov-top-right{gap:10px} #tab-leads .overview-reference .ov-hero{margin-top:22px} #tab-leads .overview-reference .ov-filters{margin-top:20px} #tab-leads .overview-reference .ov-metrics{margin-top:16px} #tab-leads .overview-reference .ov-work{grid-template-columns:minmax(0,1fr)} #tab-leads .overview-reference .ov-table-tools{flex:0 1 350px} #tab-leads .overview-reference .ov-issue-bottom{gap:16px} #tab-leads .overview-reference .ov-issue{min-height:78px} #tab-leads .overview-reference .ov-quick{align-items:flex-start} #tab-leads .overview-reference .ov-toast{left:50%} } @media(max-width:600px){#tab-leads .overview-reference{--gutter:20px} #tab-leads .overview-reference .ov-top-right{gap:8px} #tab-leads .overview-reference .ov-system-status{font-size:12px;gap:6px} #tab-leads .overview-reference .ov-dot{width:6px;height:6px} #tab-leads .overview-reference .ov-top-right .ov-icon-button{width:24px} #tab-leads .overview-reference .ov-global-search{display:none} #tab-leads .overview-reference .ov-hero{flex-wrap:wrap;gap:16px} #tab-leads .overview-reference h1{font-size:30px;line-height:39px} #tab-leads .overview-reference .ov-hero-actions{width:100%} #tab-leads .overview-reference .ov-hero-actions{flex-wrap:wrap} #tab-leads .overview-reference .ov-hero-actions .status-badge{order:-1;width:100%;justify-content:flex-start} #tab-leads .overview-reference .ov-hero-actions .ov-primary{flex:1} #tab-leads .overview-reference .ov-hero-actions .ov-btn{height:42px} #tab-leads .overview-reference .ov-hero-actions .ov-refresh{width:42px} #tab-leads .overview-reference .ov-filters{gap:12px} #tab-leads .overview-reference .ov-filters-left{width:100%;flex-wrap:wrap;gap:10px} #tab-leads .overview-reference .ov-segmented{height:40px} #tab-leads .overview-reference .ov-period{height:34px;padding:0 12px;font-size:14px} #tab-leads .overview-reference .ov-date{height:40px;flex:1;gap:10px} #tab-leads .overview-reference .ov-date-label{font-size:14px} #tab-leads .overview-reference .ov-filters-right{width:100%} #tab-leads .overview-reference .ov-filter,#tab-leads .overview-reference .ov-filter.ov-offers{flex:1;min-width:0;height:40px;gap:10px;font-size:14px} #tab-leads .overview-reference .ov-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0} #tab-leads .overview-reference .ov-metric{min-height:103px;padding:14px 16px} #tab-leads .overview-reference .ov-metric:nth-child(odd){border-left:0} #tab-leads .overview-reference .ov-metric:nth-child(n+3){border-top:1px solid var(--line)} #tab-leads .overview-reference .ov-metric:last-child{grid-column:1/-1;min-height:88px} #tab-leads .overview-reference .ov-metric-note{font-size:12px} #tab-leads .overview-reference .ov-panel-head{flex-wrap:wrap;gap:12px;padding:16px} #tab-leads .overview-reference .ov-table-tools{flex:1 0 100%} #tab-leads .overview-reference .ov-search input,#tab-leads .overview-reference .ov-columns{height:40px} #tab-leads .overview-reference .ov-search>.ov-i{top:11px} #tab-leads .overview-reference .ov-table-scroll table{min-width:610px} #tab-leads .overview-reference .ov-table-scroll{outline-offset:-3px} #tab-leads .overview-reference .ov-panel-foot{align-items:flex-start;gap:10px} #tab-leads .overview-reference .ov-panel-foot p{max-width:160px} #tab-leads .overview-reference .ov-panel-foot .ov-text-action{flex-shrink:0} #tab-leads .overview-reference .ov-economy{padding:16px} #tab-leads .overview-reference .ov-money-grid{margin-top:14px} #tab-leads .overview-reference .ov-money{padding-inline:12px} #tab-leads .overview-reference .ov-money-foot{flex-wrap:wrap;gap:10px;margin-top:12px} #tab-leads .overview-reference .ov-money-foot .ov-btn{height:34px} #tab-leads .overview-reference .ov-attention-head{height:75px;padding-top:16px} #tab-leads .overview-reference .ov-issue{padding-block:14px} #tab-leads .overview-reference .ov-issue-top{gap:10px} #tab-leads .overview-reference .ov-issue-title{font-size:15px} #tab-leads .overview-reference .ov-issue-bottom{flex-wrap:wrap;gap:5px 12px;margin-left:30px} #tab-leads .overview-reference .ov-issue-bottom .ov-text-action{margin-left:auto} #tab-leads .overview-reference .ov-queue-note{padding-block:14px} #tab-leads .overview-reference .ov-quick{gap:14px;padding:16px} #tab-leads .overview-reference .ov-quick-controls{width:100%;gap:10px} #tab-leads .overview-reference .ov-quick-controls .ov-btn{flex:1;height:40px;padding:0 8px;gap:6px} #tab-leads .overview-reference .ov-logs{width:100%;min-height:40px;justify-content:flex-start;padding:5px 0 0} #tab-leads .overview-reference .ov-logs>.ov-i:last-child{margin-left:auto} #tab-leads .overview-reference .ov-page-note{padding-bottom:12px;text-align:left;font-size:12px} } @media(prefers-reduced-motion:reduce){#tab-leads .overview-reference *,#tab-leads .overview-reference *:before,#tab-leads .overview-reference *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important} } @media print{#tab-leads .overview-reference .ov-side,#tab-leads .overview-reference .ov-topbar,#tab-leads .overview-reference .ov-hero-actions,#tab-leads .overview-reference .ov-quick,#tab-leads .overview-reference .ov-toast{display:none} #tab-leads .overview-reference main{margin-left:0;padding:20px} #tab-leads .overview-reference{print-color-adjust:exact;-webkit-print-color-adjust:exact} } #tab-leads .overview-reference .ov-metric-label{display:flex;align-items:center;justify-content:space-between;gap:8px} #tab-leads .overview-reference .ov-metric-label .ov-metric-icon{width:26px;height:26px;flex:0 0 26px;stroke-width:1.8;color:#bff65c} /* Shared metric icon treatment: consistent optical weight and green accent. */ #tab-leads .overview-reference .ov-metric-label .ov-metric-icon { width: 28px; height: 28px; flex: 0 0 28px; fill: none; stroke: #bff65c; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* Integration overrides are restricted to Overview; reference values stay above. */ body[data-current-tab="leads"] { background:#0d1114; } #tab-leads .overview-reference { --raw-canvas:#0d1114;--raw-panel:#1a1d21;--raw-border:#353c42;--raw-text:#f1f3f4;--raw-muted:#abb1b7;--raw-accent:#bff65c;--bg:var(--raw-canvas);--card:var(--raw-panel);--line:var(--raw-border);--text:var(--raw-text);--muted:var(--raw-muted);--lime:var(--raw-accent); font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:var(--text); font-variant-numeric:tabular-nums; } #tab-leads .overview-reference h1,#tab-leads .overview-reference h2,#tab-leads .overview-reference h3 { color:var(--text); text-transform:none; } #tab-leads .overview-reference .ov-hero { margin-top:30px; } #tab-leads .overview-reference .ov-value { color:var(--text); } #tab-leads .overview-reference #kpi-offers {display:block;padding:0;margin:0;min-height:0;} #tab-leads .overview-reference #attention-items {padding:0 16px;} #tab-leads .overview-reference .ov-load-status:empty {display:none;} #tab-leads .overview-reference .ov-load-status {position:relative;} #tab-leads .overview-reference #funnel-period-status,#tab-leads .overview-reference #overview-update-status {position:absolute;right:0;top:2px;font-size:11px;line-height:12px;color:var(--muted);margin:0;} #tab-leads .overview-reference .ov-period[aria-pressed="true"] {color:var(--text);background:#343b42;box-shadow:0 1px 3px #00000026;} #tab-leads .overview-reference .funnel-trend {padding:1px 5px;border-radius:5px;color:#a5d895;background:#243a2a;font-size:12px;line-height:19px;font-weight:400;} #tab-leads .overview-reference .funnel-trend.is-negative {color:var(--red);background:#3a2426;} #tab-leads .overview-reference .ov-metric-main:has(.funnel-trend[hidden]) + .ov-metric-note {visibility:hidden;} #tab-leads .overview-reference .ov-columns {position:relative;} #tab-leads .overview-reference summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;} #tab-leads .overview-reference summary::-webkit-details-marker {display:none;} #tab-leads .overview-reference .ov-column-options {position:absolute;right:0;top:40px;z-index:10;min-width:160px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);} #tab-leads .overview-reference .ov-column-options label {display:flex;gap:8px;padding:4px 0;font-size:13px;text-transform:none;letter-spacing:0;} #tab-leads .overview-reference .overview-export {position:relative;} #tab-leads .overview-reference .overview-export-options {background:var(--card);border-color:var(--line);} #tab-leads .overview-reference .ov-offer-title {overflow:hidden;text-overflow:ellipsis;} #tab-leads .overview-reference .ov-table-scroll {width:100%;} #tab-leads .overview-reference table {margin:0;background:var(--card);border:0;} #tab-leads .overview-reference thead {background:var(--card);} #tab-leads .overview-reference th,#tab-leads .overview-reference td {text-transform:none;letter-spacing:normal;background:none;} #tab-leads .overview-reference .ov-monogram {font-size:14px;} #tab-leads .overview-reference .ov-progress > span {min-width:0;} #tab-leads .overview-reference .ov-issue .overview-icon {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;} #tab-leads .overview-reference .ov-error .overview-icon {color:var(--red);} #tab-leads .overview-reference .ov-warning .overview-icon {color:var(--amber);} #tab-leads > [hidden] {display:none!important;} @media(min-width:901px){body[data-current-tab="leads"] #app > header .mobile-menu-toggle{display:none}} @media(max-width:900px){body.mobile-sidebar-open[data-current-tab="leads"] #app > header .header-account{display:flex}} .overview-reference-nav,.overview-reference-crumb,.overview-reference-settings,.overview-reference-global-search {display:none;} body[data-current-tab="leads"] #app > header .theme-toggle {display:none;} body[data-current-tab="leads"] #app > header .header-account {position:fixed;left:0;bottom:0;top:auto;width:224px;height:68px;padding:0 18px;z-index:31;display:flex;align-items:center;background:#1a1e21;} body[data-current-tab="leads"] #app > header .header-user {border:0;background:none;box-shadow:none;padding:0;width:100%;height:44px;gap:10px;justify-content:flex-start;} body[data-current-tab="leads"] #app > header .header-user-name,body[data-current-tab="leads"] #header-user-name {font:14px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;} body[data-current-tab="leads"] #app > header .header-user__avatar {width:36px;height:36px;background:#393f44;color:#f1f3f4;} body[data-current-tab="leads"] #app > header .header-account-menu {top:auto;bottom:60px;left:12px;right:auto;} body[data-current-tab="leads"] #app .sidebar .sidebar-group-bottom {display:none;} body[data-current-tab="leads"] .overview-reference-settings {display:flex;align-items:center;gap:12px;position:absolute;left:15px;right:15px;bottom:68px;height:47px;padding:0 11px;border:0;border-bottom:1px solid #353c42;background:none;color:#f1f3f4;font:16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;cursor:pointer;} body[data-current-tab="leads"] .overview-reference-settings .ov-i,body[data-current-tab="leads"] .overview-reference-global-search .ov-i {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;} body[data-current-tab="leads"] .overview-reference-global-search {display:inline-flex;align-items:center;justify-content:center;width:27px;height:36px;padding:0;background:none;border:0;color:#a8b0b7;cursor:pointer;} @media(max-width:900px){body[data-current-tab="leads"] #app > header .header-account{display:none}body[data-current-tab="leads"] #app > header .mobile-menu-toggle{order:-1}body[data-current-tab="leads"] #app .sidebar{inset:0 auto 0 0;height:100dvh}} body[data-current-tab="leads"] #app {background:#0d1114;} body[data-current-tab="leads"] #app > .app-shell {margin-left:225px;} body[data-current-tab="leads"] #app main {padding:0 37px 24px;background:#0d1114;scrollbar-width:none;} body[data-current-tab="leads"] #app main::-webkit-scrollbar {display:none;} body[data-current-tab="leads"] #app > header {margin-left:262px;margin-right:37px;padding:0;height:63px;min-height:63px;border:0;border-bottom:1px solid #30373c;background:#0d1114;box-shadow:none;} body[data-current-tab="leads"] #app .sidebar {width:225px;padding:0;gap:0;background:#1a1e21;border-right:1px solid #343b40;box-shadow:none;transform:none;} body[data-current-tab="leads"] #app .sidebar-brand {height:76px;min-height:76px;padding:0 25px;gap:12px;} body[data-current-tab="leads"] #app .sidebar-brand__name {font:650 20px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.5px;color:#f1f3f4;} body[data-current-tab="leads"] #app .sidebar-brand__name span {color:#b3b7ba;} body[data-current-tab="leads"] #app .sidebar-brand__icon {width:25px;height:29px;border-radius:0;box-shadow:none;} body[data-current-tab="leads"] #app .sidebar-nav {display:none;} body[data-current-tab="leads"] .overview-reference-nav {display:flex;flex-direction:column;padding:22px 14px 0 15px;} body[data-current-tab="leads"] .overview-reference-nav p {margin:0 0 9px;padding:0 10px;font:12px/17px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#acb4bc;} body[data-current-tab="leads"] .overview-reference-nav button {position:relative;display:flex;align-items:center;gap:12px;height:36px;margin:2px 0;padding:0 11px;border:0;border-radius:7px;background:none;color:#f1f3f4;font:16px/22px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:left;cursor:pointer;} body[data-current-tab="leads"] .overview-reference-nav button.active {background:#333d2b;color:#cef48e;} body[data-current-tab="leads"] .overview-reference-nav button.active:before {content:"";position:absolute;left:-15px;top:4px;width:3px;height:29px;border-radius:0 3px 3px 0;background:#bff65c;} body[data-current-tab="leads"] .overview-reference-nav .ov-i {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:#a8b0b7;} body[data-current-tab="leads"] .overview-reference-nav button:hover {background:#252b2f;} body[data-current-tab="leads"] .overview-reference-crumb {display:flex;gap:9px;margin-right:auto;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#abb1b7;} body[data-current-tab="leads"] .overview-reference-crumb span:last-child {color:#f1f3f4;} /* TrafficHub Large Icons reference: exact measured production palette. */ #tab-leads .overview-reference { --raw-canvas:#02070d; --raw-panel:#070c12; --raw-border:#17212b; --raw-text:#f2f4f5; --raw-muted:#808a95; --raw-accent:#7ce30d; --bg:var(--raw-canvas); --side:#03080e; --card:var(--raw-panel); --line:var(--raw-border); --text:var(--raw-text); --muted:var(--raw-muted); --lime:var(--raw-accent); --red:#f14e58; --amber:#e4a51f; } body[data-current-tab="leads"],body[data-current-tab="leads"] #app,body[data-current-tab="leads"] #app > .app-shell,body[data-current-tab="leads"] #app main {background:#02070d;} body[data-current-tab="leads"] #app .sidebar {background:#03080e;border-color:#20262d;} #tab-leads .overview-reference .ov-btn,#tab-leads .overview-reference .ov-segmented {background:#101419;} #tab-leads .overview-reference .ov-btn:hover {background:#171c22;border-color:#3d4650;} #tab-leads .overview-reference .ov-period.ov-active,#tab-leads .overview-reference .ov-period[aria-pressed="true"] {background:#242b32;} #tab-leads .overview-reference .ov-date {background:#11161c;border-color:#2b333c;} #tab-leads .overview-reference .ov-tz {border-color:#2c343c;} #tab-leads .overview-reference .ov-delta,#tab-leads .overview-reference .funnel-trend {color:#9bd584;background:#182c1d;} #tab-leads .overview-reference tbody tr:hover {background:transparent;} #tab-leads .overview-reference .ov-date-icon {color:#88939f;} #tab-leads > :not(.overview-reference) {display:none!important;} body[data-current-tab="leads"] #app > header {background:#02070d;border-bottom-color:#20262d;} body[data-current-tab="leads"] #app > header .header-account {background:#03080e;} body[data-current-tab="leads"] #app > header .header-user__avatar {background:#20262d;color:#f2f4f5;} body[data-current-tab="leads"] #app .sidebar-brand__name {color:#f2f4f5;} body[data-current-tab="leads"] #app .sidebar-brand__name span {color:#929aa3;} body[data-current-tab="leads"] .overview-reference-nav p {color:#7f8995;} body[data-current-tab="leads"] .overview-reference-nav button {color:#f2f4f5;} body[data-current-tab="leads"] .overview-reference-nav button.active {background:#182015;color:#c4f27a;} body[data-current-tab="leads"] .overview-reference-nav button.active:before {background:#7ce30d;} body[data-current-tab="leads"] .overview-reference-nav .ov-i {color:#88939f;} body[data-current-tab="leads"] .overview-reference-nav button:hover {background:#151a20;} body[data-current-tab="leads"] .overview-reference-nav hr {width:100%;margin:12px 0;border:0;border-top:1px solid #17212b;} body[data-current-tab="leads"] .overview-reference-settings {display:flex;color:#f2f4f5;border-bottom-color:#17212b;} body[data-current-tab="leads"] .overview-reference-crumb {color:#808a95;} body[data-current-tab="leads"] .overview-reference-crumb span:last-child {color:#f2f4f5;} body[data-current-tab="leads"] #app .sidebar > .sidebar-nav {display:none!important;} body[data-current-tab="leads"] #app .sidebar > .overview-reference-nav {display:flex!important;} body:not([data-current-tab="leads"]) #app .sidebar > .overview-reference-nav, body:not([data-current-tab="leads"]) #app .sidebar > .overview-reference-settings {display:none!important;} /* One persistent product sidebar on every route. Overview never replaces it. */ body[data-current-tab] #app .sidebar > .overview-reference-nav, body[data-current-tab] #app .sidebar > .overview-reference-settings {display:none!important;} body[data-current-tab] #app .sidebar > .sidebar-nav {display:flex!important;} body[data-current-tab] #app .sidebar {padding:0 15px 12px;background:#1a1e21;border-right-color:#343b40;} body[data-current-tab] #app .sidebar .sidebar-brand {padding:0 10px;} body[data-current-tab] #app .sidebar .sidebar-brand__name {color:#f1f3f4;} body[data-current-tab] #app .sidebar .sidebar-brand__name span {color:#b3b7ba;} body[data-current-tab="leads"] #app > header .status-badge {margin-right:0;background:none;border:0;} @media(min-width:1600px){body[data-current-tab="leads"] #app > .app-shell{margin-left:240px}body[data-current-tab="leads"] #app .sidebar{width:240px}body[data-current-tab="leads"] #app main{padding-inline:40px}body[data-current-tab="leads"] #app > header{margin-left:280px;margin-right:40px}} @media(max-width:1190px) and (min-width:901px){body[data-current-tab="leads"] #app > .app-shell{margin-left:200px}body[data-current-tab="leads"] #app .sidebar{width:200px}body[data-current-tab="leads"] #app main{padding-inline:24px}body[data-current-tab="leads"] #app > header{margin-left:224px;margin-right:24px}body[data-current-tab="leads"] #app .sidebar-brand{padding-inline:20px}body[data-current-tab="leads"] #app .sidebar-brand__name{font-size:18px}} @media(max-width:900px){body[data-current-tab="leads"] #app > .app-shell{margin-left:0}body[data-current-tab="leads"] #app main{padding-inline:24px}body[data-current-tab="leads"] #app > header{margin-left:24px;margin-right:24px;height:60px;min-height:60px}body[data-current-tab="leads"] #app .sidebar{width:225px;transform:translateX(-100%)}body[data-current-tab="leads"] #app .sidebar.open{transform:translateX(0)}body[data-current-tab="leads"] .overview-reference-crumb span:not(:last-child){display:none}body[data-current-tab="leads"] #app > header .mobile-menu-toggle{display:inline-flex}#tab-leads .overview-reference .ov-hero{margin-top:22px}} @media(max-width:600px){body[data-current-tab="leads"] #app main{padding-inline:20px}body[data-current-tab="leads"] #app > header{margin-inline:20px}#tab-leads .overview-reference button,#tab-leads .overview-reference summary{min-width:0!important;min-height:0!important}} /* Overview theme repair: expose the shared control and let this reference skin participate in the product theme instead of forcing dark colors. */ body[data-current-tab="leads"] #app > header .theme-toggle { display:inline-grid; place-items:center; flex:0 0 40px; width:40px; height:40px; min-width:40px; padding:0; border:1px solid var(--line); border-radius:9px; background:var(--card); color:var(--muted); transition-property:background-color,border-color,color,scale; transition-duration:140ms; } body[data-current-tab="leads"] #app > header .theme-toggle:hover { color:var(--text); border-color:color-mix(in srgb,var(--line) 72%,var(--text)); } body[data-current-tab="leads"] #app > header .theme-toggle:active { scale:.96; } body[data-current-tab="leads"] #app > header .theme-toggle:focus-visible { outline:2px solid var(--lime); outline-offset:3px; } body[data-current-tab="leads"] #app > header .theme-toggle .theme-icon { width:19px; height:19px; } body[data-theme="light"][data-current-tab="leads"] { --bg:#f3f6f1; --bg2:#f7f9f5; --bg3:#e9eee7; --text:#182019; --text2:#58645a; --text3:#7a867c; --border:#d8dfd5; --border-hi:#c7d1c3; --surface-hover:rgba(31,52,27,.055); --green:#4f9707; --green-dim:rgba(79,151,7,.12); background:#f3f6f1; } body[data-theme="light"][data-current-tab="leads"] #app, body[data-theme="light"][data-current-tab="leads"] #app > .app-shell, body[data-theme="light"][data-current-tab="leads"] #app main { background:#f3f6f1; } body[data-theme="light"] #tab-leads .overview-reference { --raw-canvas:#f3f6f1; --raw-panel:#ffffff; --raw-border:#d8dfd5; --raw-text:#182019; --raw-muted:#69756b; --raw-accent:#4f9707; --bg:var(--raw-canvas); --side:#e9eee7; --card:var(--raw-panel); --line:var(--raw-border); --text:var(--raw-text); --muted:var(--raw-muted); --lime:var(--raw-accent); --red:#c73542; --amber:#a96a00; color:var(--text); } body[data-theme="light"][data-current-tab="leads"] #app > header { background:#f3f6f1; border-bottom-color:#d8dfd5; } body[data-theme="light"][data-current-tab="leads"] #app .sidebar { background:#e9eee7; border-right-color:#d2dad0; } body[data-theme="light"][data-current-tab="leads"] #app > header .header-account { background:#e9eee7; } body[data-theme="light"][data-current-tab="leads"] #app > header .header-user__avatar { background:#d8e1d4; color:#263228; } body[data-theme="light"][data-current-tab="leads"] #app .sidebar .sidebar-brand__name, body[data-theme="light"][data-current-tab="leads"] #app .sidebar .sidebar-brand__name span { color:#182019; } body[data-theme="light"][data-current-tab="leads"] #app .sidebar .sidebar-nav button { color:#4f5c52; } body[data-theme="light"][data-current-tab="leads"] #app .sidebar .sidebar-nav button:hover { background:rgba(31,52,27,.055); color:#182019; } body[data-theme="light"][data-current-tab="leads"] #app .sidebar .sidebar-nav button.active { background:rgba(79,151,7,.12); color:#346900; box-shadow:inset 3px 0 #4f9707; } body[data-theme="light"][data-current-tab="leads"] .overview-reference-crumb { color:#69756b; } body[data-theme="light"][data-current-tab="leads"] .overview-reference-crumb span:last-child { color:#182019; } body[data-theme="light"] #tab-leads .overview-reference :is(.ov-panel,.ov-metrics,.ov-attention,.ov-quick) { background:#fff; border-color:#d8dfd5; box-shadow:0 10px 26px rgba(31,49,29,.045); } body[data-theme="light"] #tab-leads .overview-reference :is(.ov-btn,.ov-segmented,.ov-date,.ov-columns,.overview-export-options) { background:#f7f9f5; border-color:#cfd8cc; color:#29332b; } body[data-theme="light"] #tab-leads .overview-reference .ov-btn:hover { background:#eef3eb; border-color:#aebba9; color:#182019; } body[data-theme="light"] #tab-leads .overview-reference .ov-period.ov-active, body[data-theme="light"] #tab-leads .overview-reference .ov-period[aria-pressed="true"] { background:#fff; color:#182019; box-shadow:0 1px 3px rgba(25,42,23,.12); } body[data-theme="light"] #tab-leads .overview-reference :is(.ov-search input,table,thead) { background:#fff; color:#182019; } body[data-theme="light"] #tab-leads .overview-reference tbody tr:hover { background:#f6f9f4; } body[data-theme="light"] #tab-leads .overview-reference .ov-monogram { background:#e4ebe1; border-color:#c8d2c5; color:#263228; } body[data-theme="light"] #tab-leads .overview-reference .ov-badge { color:#445047; border-color:#9eaaa0; } body[data-theme="light"] #tab-leads .overview-reference :is(.ov-delta,.funnel-trend) { color:#3f7609; background:#e8f3dd; } body[data-theme="light"] #tab-leads .overview-reference .funnel-trend.is-negative { color:#b72836; background:#fae5e7; } body[data-theme="light"] #tab-leads .overview-reference .ov-icon-button:hover { background:#e9eee7; color:#182019; } body[data-theme="light"] #tab-leads .overview-reference .ov-quick-controls .ov-btn { background:#f7f9f5; } body[data-theme="light"][data-current-tab="leads"] .overview-reference-settings { color:#182019; border-bottom-color:#d8dfd5; } @media(prefers-reduced-motion:reduce) { body[data-current-tab="leads"] #app > header .theme-toggle { transition:none; } body[data-current-tab="leads"] #app > header .theme-toggle:active { scale:1; } }