@charset "UTF-8";
/* Octo glass theme: local CSS, no external assets or changes to metric semantics. */
:root {
  --ink:#151946; --muted:#626d98; --line:rgba(255,255,255,.74);
  --canvas:#dce8ff; --teal:#584bf0; --navy:#282164;
  --glass:rgba(255,255,255,.36); --glass-strong:rgba(255,255,255,.55);
  --shadow:0 8px 28px rgba(86,93,173,.055),inset 0 1px 1px rgba(255,255,255,.8);
  font-family:"Segoe UI",Arial,sans-serif; color:var(--ink); background:var(--canvas); font-size:14px;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 8% 12%,#cbd8ff 0,transparent 43%),radial-gradient(ellipse at 93% 18%,#e2d9ff 0,transparent 47%),radial-gradient(ellipse at 48% 64%,#d0edff 0,transparent 49%),linear-gradient(125deg,#dee7ff,#dcecff 60%,#e8dfff);background-attachment:fixed;min-height:100vh}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:#5142da}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7b70ed;outline-offset:3px}
[hidden]{display:none!important}
.shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;min-height:100vh;padding:20px}
.sidebar,.metric,.panel,.filters,.source-card,.sync-log,.empty{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sidebar{position:sticky;top:20px;height:calc(100vh - 40px);border-radius:25px;padding:26px 13px;display:flex;flex-direction:column;overflow:hidden}
.sidebar::after{content:"";position:absolute;left:-30px;bottom:60px;width:220px;height:220px;background:radial-gradient(circle,#c4b1ff88,transparent 67%);z-index:-1;pointer-events:none}
.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#3228a8;font-size:32px;letter-spacing:-1.6px;font-weight:750;padding:0 11px}
.logo{display:grid;place-items:center;background:linear-gradient(145deg,#7469ff,#5140d8);color:#fff;width:42px;height:44px;border-radius:13px;font-size:35px;letter-spacing:-4px;padding-right:5px;box-shadow:0 5px 15px #7468dc33}
.brand small{display:block;margin-top:5px;font-size:8px;font-weight:500;letter-spacing:1.15px;color:#6d75a6}
.nav-label{margin:42px 14px 16px;font-size:9px;letter-spacing:1.7px;font-weight:650;color:#7984b0}
nav{display:grid;gap:8px}nav button{border:1px solid transparent;border-radius:15px;background:transparent;padding:13px 12px;text-align:left;font-size:12px;color:#5b6695;font-weight:500;display:flex;gap:11px;align-items:center;min-height:47px}
nav button span{font-size:21px;line-height:1;width:23px;text-align:center;color:#6c71b0}
nav button:hover{background:rgba(255,255,255,.3)}nav button.active{color:#4837d8;background:linear-gradient(110deg,#b8c6ff99,rgba(255,255,255,.48));border-color:#ffffffb8;box-shadow:inset 0 1px 2px #ffffffab,0 6px 15px #8395d41a}nav button.active span{color:#594bee}
.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff88;padding:22px 12px 0;font-size:11px;color:#53648e}.sidebar-bottom small{display:block;margin:8px 0 18px;font-size:9px;color:#7884ac}.sidebar-bottom p{font-size:10px;line-height:1.8;color:#7581a8}.local-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#46ad9d;margin-right:6px;box-shadow:0 0 0 4px #56bfa714}
.workspace{min-width:0}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin:2px 0 24px;gap:12px}.crumb{font-size:11px;color:#7380aa}.crumb span{margin:0 13px;color:#9fa9cc}.crumb b{font-weight:500;color:#555e93}.demo-tag{padding:9px 12px;border:1px solid #ffffffbc;border-radius:12px;font-size:9px;letter-spacing:.7px;color:#655e9c;background:#ffffff50;box-shadow:var(--shadow)}
main{max-width:1580px;margin:auto;padding:0 10px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.9px;color:#7766bc}h1{font-size:32px;letter-spacing:-.9px;margin:8px 0;font-weight:720;line-height:1.2}p{line-height:1.65}.page-heading p{font-size:12px;color:#6f7ba6;margin:0}.refresh{padding:11px 15px;border:1px solid #ffffffdb;border-radius:13px;background:#ffffff50;box-shadow:var(--shadow);font-size:11px;color:#5c5a9d;white-space:nowrap}
.demo-notice{display:flex;gap:14px;flex-wrap:wrap;background:#ffffff26;border:1px solid #ffffff8c;border-radius:13px;padding:12px 15px;margin:22px 0 16px;font-size:10px;color:#6977a0}.demo-notice b{font-weight:600;color:#6660a0}
.filters{border-radius:18px;padding:15px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.filters label{display:grid;gap:7px;flex:1;min-width:115px;font-size:9px;color:#737aa7}.filters label:nth-child(3){flex:1.25}.filters input,.filters select{height:37px;width:100%;min-width:0;border:1px solid #ffffffd9;background:#ffffff48;border-radius:10px;color:#515785;padding:0 9px;font-size:10px;box-shadow:inset 0 1px 2px #ffffff55}.filters select option{background:#eef1ff;color:#343967}.apply{height:37px;padding:0 17px;background:linear-gradient(135deg,#7469ff,#5b4ce5);border:1px solid #8e83ff;border-radius:11px;color:#fff;font-size:10px;font-weight:550;box-shadow:0 5px 13px #6d5fda24}.apply:hover{filter:brightness(1.04)}
.context{display:flex;justify-content:space-between;gap:15px;margin:14px 2px 19px;color:#7b85ae;font-size:9px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.metric{position:relative;border-radius:20px;padding:20px;text-align:left;min-height:186px;transition:transform .18s,background .18s,box-shadow .18s;overflow:hidden}.metric:hover{transform:translateY(-3px);background:#ffffff50;box-shadow:0 12px 30px #727bc61c,inset 0 1px 1px #ffffffde}.metric.highlight{border-top:1px solid var(--line)}
.metric-icon{width:40px;height:41px;display:grid;place-items:center;border-radius:13px;margin-bottom:14px;background:linear-gradient(140deg,#b9c8ff99,#c6d0ff66);color:#5d4cf1;box-shadow:inset 0 1px 1px #ffffff77}.metric-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.metric:nth-child(4n+2) .metric-icon{background:linear-gradient(135deg,#b8e5ff99,#caedff55);color:#368be0}.metric:nth-child(4n+3) .metric-icon{background:linear-gradient(135deg,#dac2ff99,#dfd2ff55);color:#9450df}.metric:nth-child(4n+4) .metric-icon{background:linear-gradient(135deg,#e6c5ff99,#e2caff55);color:#ba5fd2}
.metric-label{font-size:12px;color:#5d6792;display:flex;justify-content:space-between;gap:5px}.arrow{position:absolute;top:24px;right:21px;font-size:17px;color:#9c9ac2}.metric-value{display:block;font-size:31px;line-height:1.1;letter-spacing:-.9px;font-weight:700;margin:9px 0 11px;color:#171847}.metric-value.money{font-size:17px;letter-spacing:-.2px;line-height:1.55}.metric-value small{font-size:10px;color:#6c719b;font-weight:500}.metric-note{font-size:10px;color:#7882aa}.metric.warning .metric-value{color:#7152b8}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:26px 0 13px}.section-head h2{font-size:15px;margin:0;color:#333464;font-weight:650}.section-head p{font-size:10px;margin:5px 0 0;color:#7682aa}.section-head>span{font-size:9px;color:#7c87b0}
.grid{display:grid;grid-template-columns:1.04fr 1fr;gap:17px;margin-top:18px}.panel{padding:21px;border-radius:21px;min-width:0}.panel h2{font-size:14px;margin:0 0 5px;font-weight:650;color:#2b2e61}.panel-sub{font-size:10px;color:#7d87ad;margin:0 0 19px}.pipeline-name{font-size:10px;font-weight:600;color:#626da0;margin:19px 0 13px}.funnel-row{display:grid;grid-template-columns:137px 1fr 26px;align-items:center;gap:12px;margin:13px 0;font-size:10px}.funnel-row button{border:0;background:none;text-align:left;padding:0;font-size:10px;color:#6b76a0}.funnel-row button:hover{color:#5040d5}.funnel-row b{font-weight:600;color:#666c9b;text-align:right}.bar-track{height:9px;border-radius:6px;background:#bdc8ed4d;overflow:hidden;box-shadow:inset 0 1px 2px #949dcc0a}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#8192ff,#7278ef)}.funnel-row:nth-child(3n) .bar-fill{background:linear-gradient(90deg,#b299ff,#9478ec)}.funnel-row:nth-child(3n+1) .bar-fill{background:linear-gradient(90deg,#95d9f5,#7dc6ef)}
.chart{margin:23px 0 0}.chart svg{width:100%;height:185px;overflow:visible}.chart .axis{stroke:#abb9e22e;stroke-width:1}.chart .line{fill:none;stroke:#7560ed;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px #8f7de038)}.chart .area{fill:#a5a4f226}.chart-labels{display:flex;justify-content:space-between;margin-top:13px;color:#7c87af;font-size:9px}.legend{display:flex;gap:7px;align-items:center;color:#7a84aa;font-size:9px;margin-top:25px}.legend i{height:7px;width:7px;border-radius:50%;background:#8171f0}.mini-total{font-size:29px;letter-spacing:-.7px;font-weight:700;margin-top:20px}.mini-total small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:9px;color:#7d86ae}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-weight:500;color:#7b83ad;border-bottom:1px solid #ffffffaa;padding:13px 11px}td{padding:15px 11px;border-bottom:1px solid #ffffff70;color:#5c6892}tbody tr:last-child td{border-bottom:0}th:first-child,td:first-child{padding-left:0}td button{border:0;background:none;padding:0;font-size:11px;color:#5958a4}td button:hover{color:#5746dc}.person-mark{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;background:linear-gradient(135deg,#c5d1ff88,#ded4ff88);color:#7165bd;font-size:9px;border-radius:10px;border:1px solid #ffffff88;margin-right:9px}
.footnote{color:#7d87af;font-size:10px;line-height:1.8;margin:15px 2px}.task-info{background:#ffffff33;border:1px solid #ffffff88;border-radius:15px;padding:15px 18px;margin-top:19px;color:#6e76a1;font-size:11px;line-height:1.8}.empty{padding:35px;text-align:center;border-style:dashed;border-radius:18px;font-size:12px;color:#707da5}.error{padding:15px;border:1px solid #edc0d3;background:#fff1f2c9;color:#a44a69;font-size:12px;border-radius:15px;margin:15px 0}
.source-grid,.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.info-grid{margin-top:18px}.source-card{padding:25px}.source-title{font-size:23px;font-weight:700;color:#444080;margin-bottom:17px}.status{display:inline-block;background:#e0d7ff80;border:1px solid #ffffffc9;border-radius:9px;color:#7864a5;font-size:10px;padding:6px 10px}.source-card dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;color:#7681a7;margin-top:22px}.source-card dd{margin:0;text-align:right;color:#5c6093}.source-text{border-top:1px solid #ffffff99;margin-top:21px;padding-top:17px;color:#7a84aa;font-size:11px;line-height:1.8}.info-grid p{font-size:11px;line-height:1.9;color:#7580a6}.sync-log{padding:24px;border-radius:18px;font-size:12px;color:#737ca6}
footer{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding:18px 2px 3px;border-top:1px solid #ffffff99;color:#8991b6;font-size:9px}footer>span:first-child{font-weight:600;letter-spacing:1.5px}
dialog{background:linear-gradient(130deg,#e9effff5,#eae7fff5);backdrop-filter:blur(25px);color:var(--ink);border:1px solid #fff;border-radius:24px;width:min(1120px,96vw);max-height:90vh;padding:25px;box-shadow:0 25px 90px #6360a13b}dialog::backdrop{background:#52557d60;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head h2{font-size:22px;margin:9px 0 19px;font-weight:650}.dialog-head button{border:1px solid #fff;background:#ffffff66;border-radius:11px;height:34px;width:34px;font-size:23px;color:#6d65a0}.definition{background:#ffffff50;border:1px solid #ffffffa6;border-radius:14px;padding:15px;font-size:11px;line-height:1.9;color:#6c739d;margin-bottom:14px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:#7a82a8;font-size:11px}.pagination button{padding:8px 14px;border:1px solid #fff;border-radius:10px;background:#ffffff66;color:#6c65ae}.badge{display:inline-block;padding:5px 8px;border-radius:8px;font-size:9px;background:#bcebdd80;color:#408b80;border:1px solid #ffffff77}.badge.open{background:#bbdcff80;color:#5083bc}.badge.lost,.badge.failed{background:#f3c9e280;color:#a76b98}.no-crm{font-size:10px;color:#969bb9}.loading{opacity:.45;pointer-events:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.metric,.panel,.filters{background:#eaf0ff}}
@media(min-width:1500px){.shell{grid-template-columns:225px 1fr;gap:25px;padding:23px}.sidebar{top:23px;height:calc(100vh - 46px)}main{padding:0 17px}.topbar{padding:0 17px}.metric{min-height:201px;padding:23px}.metric-value{font-size:35px}.chart svg{height:220px}}
@media(max-width:1150px){.shell{grid-template-columns:183px 1fr;gap:16px;padding:16px}.sidebar{top:16px;height:calc(100vh - 32px);padding:24px 10px}.brand{font-size:29px;padding:0 5px}.brand small{font-size:7px}.nav-label{font-size:8px;margin-left:12px}nav button{font-size:11px;padding:12px 10px;gap:8px}.cards{gap:11px}.metric{padding:16px;min-height:180px}.metric-label{font-size:11px}.metric-value{font-size:28px}.metric-note{font-size:9px}.funnel-row{grid-template-columns:115px 1fr 22px;gap:8px}.panel{padding:18px}main,.topbar{padding-left:0;padding-right:0}.filters label{min-width:120px}.grid{gap:13px}}
@media(max-width:900px){.grid{grid-template-columns:1fr}.funnel-row{grid-template-columns:160px 1fr 30px}.metric-value{font-size:26px}h1{font-size:29px}.page-heading{gap:10px}.metric-value.money{font-size:15px}.refresh{padding:10px}.metric-label{min-height:28px}.source-grid,.info-grid{grid-template-columns:1fr}.source-card dl{max-width:500px}}
@media(max-width:720px){.shell{display:block;padding:12px}.sidebar{position:relative;top:0;height:auto;padding:15px;border-radius:21px;margin-bottom:16px}.brand{font-size:28px;padding:0;gap:9px}.brand small{font-size:7px;letter-spacing:1px}.logo{width:35px;height:36px;font-size:29px;border-radius:11px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:5px;margin-top:16px}nav button{white-space:nowrap;font-size:10px;padding:10px;min-height:39px;gap:6px;border-radius:11px}nav button span{font-size:16px;width:17px}.topbar{height:35px;margin:0 3px 20px}.crumb{font-size:9px}.crumb span{margin:0 7px}.demo-tag{font-size:7px;padding:7px;letter-spacing:.3px;border-radius:9px}.page-heading{align-items:start}h1{font-size:27px;letter-spacing:-.7px}.page-heading p{font-size:11px}.eyebrow{font-size:8px}.refresh{font-size:19px;padding:6px 11px;border-radius:11px}.refresh span{display:none}.demo-notice{font-size:9px;gap:4px;margin:18px 0 13px;padding:12px;line-height:1.6}.filters{padding:12px;gap:10px;border-radius:17px}.filters label,.filters label:nth-child(3){min-width:calc(50% - 10px);flex:1}.filters input,.filters select{font-size:11px;height:38px}.apply{height:38px;flex:1;min-width:calc(50% - 10px)}.context{font-size:8px;margin:13px 2px 17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric{min-height:177px;padding:17px;border-radius:18px}.metric-icon{height:36px;width:36px;border-radius:11px;margin-bottom:13px}.metric-icon svg{height:21px;width:21px}.metric-label{font-size:11px;min-height:0}.metric-value{font-size:29px}.metric-note{font-size:9px}.arrow{top:20px;right:16px}.grid{margin-top:14px;gap:14px}.panel{padding:18px;border-radius:19px}.panel h2{font-size:13px}.funnel-row{grid-template-columns:115px 1fr 23px}.section-head{align-items:start;margin-top:23px}.section-head>span{display:none}.section-head h2{font-size:14px}.section-head p{font-size:9px}.table-wrap{max-width:100%}.person-mark{width:25px;height:25px}.source-title{font-size:21px}.chart svg{height:175px}footer{font-size:8px;line-height:1.7;gap:15px}.dialog-head h2{font-size:19px}dialog{padding:18px}.definition{font-size:10px}.pagination{gap:8px;font-size:10px}.pagination button{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}/* Event-based pipeline 3 reports. No synthetic conversion percentages. */
.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-panel{min-height:275px}.report-panel h2{font-size:15px}.report-panel .panel-sub{line-height:1.7;min-height:30px}.report-bars{display:grid;gap:13px;margin:18px 0 7px}.report-bar-row{display:grid;grid-template-columns:minmax(100px,30%) 1fr;gap:12px;align-items:center}.report-category{font-size:11px;color:#646f9c;line-height:1.5}.report-category small{font-size:9px;display:block;color:#8590b6}.report-track{min-width:0}.report-bar-button{display:block;position:relative;isolation:isolate;text-align:right;border:0;background:#c5ceef33;border-radius:9px;width:100%;min-height:30px;padding:7px 10px;overflow:hidden;color:#303566;font-size:11px}.report-bar-button:hover{outline:2px solid #ada2ed}.report-fill{position:absolute;z-index:-1;top:0;bottom:0;left:0;border-radius:8px;opacity:.53}.report-number{position:relative;font-weight:550}.currency-heading{font-size:10px;font-weight:600;color:#7774ac;margin:19px 0 8px}.stack-legend{display:flex;flex-wrap:wrap;gap:9px 14px;font-size:9px;color:#7984a9;margin:18px 0}.stack-legend span{display:flex;align-items:center;gap:5px}.stack-legend i{height:7px;width:12px;border-radius:3px}.stack-row{display:grid;grid-template-columns:minmax(100px,25%) 1fr minmax(25px,auto);gap:10px;align-items:center}.stack-row>b{font-size:10px;font-weight:500;color:#6571a0}.stack-row>b small{font-size:8px;display:block}.stack-track{display:flex;align-items:stretch;min-height:24px;border-radius:6px;background:#c8d0ee40;overflow:hidden}.stack-segment{min-width:4px;border:0;border-right:1px solid #ffffff70;padding:0;opacity:.8;transition:opacity .15s}.stack-segment:hover{opacity:1;outline:1px solid #fff;outline-offset:-1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.donut-layout{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(130px,1fr);gap:18px;align-items:center;margin:23px 0 10px}.donut-chart{position:relative;max-width:235px;width:100%;margin:auto}.donut-chart svg{width:100%;display:block;filter:drop-shadow(0 7px 10px #8775b321)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center b{font-size:29px;font-weight:650;letter-spacing:-.8px}.donut-center small{font-size:10px;color:#8a91b1;margin-top:4px}.donut-legend{display:grid;gap:7px;max-height:250px;overflow:auto}.legend-record{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:6px;text-align:left;padding:6px 3px;font-size:11px;color:#727aa2}.legend-record:hover{background:#ffffff55}.legend-record i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.legend-record span{flex:1}.legend-record b{font-size:11px;font-weight:600}.event-flow{display:grid;gap:9px;margin-top:23px}.flow-row{display:flex;align-items:start;gap:9px;min-height:64px}.flow-step{width:20px;padding-top:16px;flex-shrink:0;font-size:9px;color:#9c9bc1}.flow-track{min-width:150px;margin:0 auto;max-width:100%}.flow-band{position:relative;display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;min-height:46px;padding:11px 10% 12px;border:0;border-radius:45% 45% 8px 8px / 15% 15% 8px 8px;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);background:linear-gradient(160deg,#b4a3fc,#7e74e6);box-shadow:inset 0 6px 10px #ffffff3b;color:#fff;text-shadow:0 1px 2px #3f398036}.flow-band:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;border-radius:50%;border-top:1px solid #ffffffb0;background:#ffffff18}.flow-band span{font-size:11px;line-height:1.35;text-align:left}.flow-band b{font-size:20px;font-weight:650;white-space:nowrap}.flow-band:hover{filter:brightness(1.07)}.flow-row:nth-child(3n+2) .flow-band{background:linear-gradient(150deg,#95d7f6,#6dabe2)}.flow-row:nth-child(3n) .flow-band{background:linear-gradient(150deg,#d39bec,#9e79d6)}.flow-date{font-size:8px;text-align:center;color:#9699ba;line-height:1.4;margin-top:4px}.history-note{font-size:11px;color:#7c81aa;line-height:1.8;border:1px solid #ffffff8c;background:#ffffff2a;border-radius:12px;padding:15px;margin-top:35px}.unavailable-panel{min-height:145px}.unavailable-panel h2{margin-top:17px}.unavailable-panel p{font-size:11px;color:#858aad;line-height:1.8}.filters select:disabled{opacity:1;cursor:default;background:#e2e5fc33}.report-panel .empty{min-height:150px;display:grid;place-items:center}
@media(max-width:1000px){.report-grid{grid-template-columns:1fr}.donut-chart{max-width:210px}.report-panel{min-height:250px}}
@media(max-width:720px){.report-panel{min-height:230px}.report-category{font-size:10px}.report-bar-row,.stack-row{gap:7px}.report-bar-row{grid-template-columns:100px 1fr}.stack-row{grid-template-columns:85px 1fr 30px}.donut-layout{grid-template-columns:minmax(115px,.9fr) minmax(110px,1fr);gap:10px}.donut-center b{font-size:25px}.legend-record{font-size:10px}.flow-band span{font-size:10px}.flow-band b{font-size:17px}.flow-track{min-width:170px}.flow-step{width:14px}.history-note{margin-top:20px}.report-panel h2{font-size:13px}}
.outcome-grid{margin-top:18px}.flow-band:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.panel .cards:has([data-auto]){grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.funnel-row progress{width:100%;height:10px;accent-color:#8b7ce9;border:0;border-radius:8px;overflow:hidden}.funnel-row progress::-webkit-progress-bar{background:#bdc8ed4d;border-radius:8px}.funnel-row progress::-webkit-progress-value{background:linear-gradient(90deg,#8e9df8,#a78ae9);border-radius:8px}
/* Continuous conical silhouette; stage titles and values are centered. */
.brand:has(.octo-brand){display:block;padding:5px 6px;color:#142e3e;letter-spacing:normal}.octo-brand{display:block;width:100%;height:auto;overflow:visible}
.donut-center{pointer-events:none}.donut-chart svg:focus,.donut-segment:focus{outline:none}.donut-segment{cursor:pointer;transition:opacity .15s}.donut-segment:hover{opacity:.75}.donut-segment:focus-visible{outline:none;stroke:#fff;stroke-width:1.5}
.compact-deal-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px}.compact-deal-cards .metric{min-height:110px;padding:14px 12px;border-radius:16px}.compact-deal-cards .metric-label{font-size:10px;min-height:25px;line-height:1.25;margin:0}.compact-deal-cards .metric-value{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:5px 0}.compact-deal-cards .metric-value small{font-size:10px;letter-spacing:0}.compact-deal-cards .metric-note{font-size:8px;margin-top:5px;line-height:1.4}.demo-tag,.demo-notice,.eyebrow,.sidebar-bottom small,footer,.context>span:last-child{display:none!important}.sample-notice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:#6977a0;margin:14px 0}.sample-notice b{font-weight:600}.page-heading{margin-bottom:16px}@media(max-width:1100px){.compact-deal-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.compact-deal-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-deal-cards .metric{min-height:98px}.compact-deal-cards .metric-value{font-size:22px}}
.deals-lead{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:22px;align-items:stretch}.deals-lead-reports{display:grid;gap:18px;min-width:0}.deals-funnel{min-width:0}body[data-page="deals"] .cone-flow{max-width:360px}body[data-page="deals"] .cone-layer{aspect-ratio:440/96}body[data-page="deals"] .cone-content{top:34%;gap:3px}body[data-page="deals"] .cone-content>b{font-size:21px}body[data-page="deals"] .cone-content>span{font-size:11px;line-height:1.15}.deals-lead-reports .report-panel{min-height:280px}@media(max-width:1000px){.deals-lead{grid-template-columns:1fr}.deals-lead-reports{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.deals-lead-reports{grid-template-columns:1fr}body[data-page="deals"] .cone-content>b{font-size:19px}body[data-page="deals"] .cone-content>span{font-size:10px}}
html{scrollbar-gutter:stable}body.detail-open{position:fixed;left:0;right:0;overflow:hidden}dialog{overscroll-behavior:contain}
.cone-flow{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:500px;margin:22px auto 3px;filter:drop-shadow(0 8px 10px #7e79b41b)}.cone-layer{position:relative;display:block;width:100%;aspect-ratio:440/83;border:0;padding:0;margin:-3px 0 0;background:none;color:#fff;text-align:center;filter:drop-shadow(0 2px 2px #635a9c13);isolation:isolate}.cone-layer:first-child{margin-top:0}.cone-shape{position:absolute;inset:0;display:block;height:100%;width:100%}.cone-content{position:absolute;left:50%;top:38%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-shadow:0 1px 3px #4b458347;pointer-events:none}.cone-content>b{font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.35px}.cone-content>span{font-size:11px;line-height:1.25;font-weight:500;text-align:center;max-width:100%;white-space:normal}.cone-layer:hover{filter:brightness(1.055) drop-shadow(0 3px 4px #7162a62a)}.cone-layer:focus-visible{outline:2px solid #7766d6;outline-offset:1px;border-radius:35px}.cone-flow+.footnote{margin-top:20px}
@media(max-width:1100px){.cone-content{top:36%;gap:2px}.cone-content>b{font-size:19px}.cone-content>span{font-size:10px}}
@media(max-width:720px){.cone-layer{aspect-ratio:440/95}.cone-content{top:39%;gap:3px}.cone-content>b{font-size:18px}.cone-content>span{font-size:9px;line-height:1.2}.cone-flow{margin-top:18px;max-width:430px}.cone-shape{height:100%}}

[hidden]{display:none!important}.identity{display:flex;gap:12px;align-items:center;font-size:11px;color:#626e99}.identity button{border:1px solid #fff;background:#ffffff55;border-radius:9px;padding:7px 11px}.auth-notice{font-size:11px;line-height:1.6;padding:10px 15px;background:#fff5db66;border:1px solid #ffffff99;border-radius:12px;margin-bottom:16px;color:#76653d}.role-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.role-summary p,.login-panel p{font-size:12px;line-height:1.7;color:#6c779e}.account-panel{margin-bottom:16px}.account-role{font-weight:400;font-size:11px;margin-left:14px;color:#7e82aa}.account-form{margin-top:20px}.account-fields{display:grid;grid-template-columns:1.1fr 1.5fr 1fr 1fr;gap:14px;align-items:end}.account-fields label{display:grid;gap:7px;font-size:11px;color:#67739c}.account-fields input:not([type=checkbox]),.account-fields select{width:100%;min-width:0;padding:11px;border:1px solid #ffffffc9;background:#ffffff66;border-radius:10px;color:#30385f}.account-fields .account-active{display:flex;align-items:center;padding-bottom:10px}.page-grants{display:flex;flex-wrap:wrap;gap:14px;border:1px solid #ffffffaa;border-radius:12px;margin:20px 0 14px;padding:14px}.page-grants legend,.page-grants label{font-size:12px;color:#67739c}.page-grants label{display:flex;gap:7px;align-items:center}.account-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px;color:#7b84a7}.account-actions .apply{margin-left:auto}.account-message.error{padding:9px}.google-sign-in{display:inline-block;text-decoration:none;padding:12px 22px;border:1px solid #fff;border-radius:11px;background:#fff9;color:#30395e}.login-panel{max-width:600px;margin-top:28px}@media(max-width:1000px){.account-fields{grid-template-columns:1fr 1fr}.role-summary{grid-template-columns:1fr}}@media(max-width:720px){.account-fields{grid-template-columns:1fr}.identity{font-size:9px}.topbar{height:auto;gap:10px;flex-wrap:wrap}}

/* Initial HTML keeps the workspace hidden until the session is confirmed. */
.login-screen{min-height:100dvh;display:grid;place-items:center;padding:28px 18px}.login-card{width:min(100%,440px);padding:42px 36px;text-align:center;border-radius:26px}.login-card .brand{width:min(100%,280px);margin:0 auto 32px}.login-card h1{font-size:30px;letter-spacing:-.7px;margin:0 0 12px}.login-intro{font-size:14px;color:var(--muted);line-height:1.6}.login-card #login-status{font-size:13px;line-height:1.7;color:var(--muted);margin:24px 0}.login-card .google-sign-in{width:100%;font-size:14px;cursor:pointer;font-family:inherit}.login-card .login-error{color:#944e66!important}@media(max-width:480px){.login-card{padding:32px 24px}.login-card h1{font-size:27px}}

.crm-refresh-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 16px;font-size:11px;color:var(--muted)}.crm-refresh-bar>div{display:flex;align-items:center;gap:10px}.crm-refresh-bar .apply{font-size:12px;padding:10px 15px}.crm-refresh-bar button:disabled{opacity:.55;cursor:default}

.filters{grid-template-columns:minmax(145px,1.2fr) repeat(2,minmax(125px,1fr)) repeat(3,minmax(130px,1fr)) auto;gap:12px}.reset-filters{border:1px solid #ffffffb3;background:#ffffff40;border-radius:10px;padding:10px 14px;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.reset-filters:hover{background:#ffffff80}#filter-status{font-size:10px;color:var(--muted);align-self:center;grid-column:span 2}@media(max-width:1350px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filters>.apply{justify-self:start}}@media(max-width:720px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}#filter-status{grid-column:1/-1}}@media(max-width:440px){.filters{grid-template-columns:1fr}}

/* Routine source/period captions removed from analytical sheets by request. */
.context,#demo-notice{display:none!important}

/* Only the CRM refresh action is shown; view reload is automatic. */
#refresh{display:none!important}

/* Keep metric cards separated from filters on the three activity sheets. */
body[data-page="calls"] #content,body[data-page="tasks"] #content,body[data-page="autopilot"] #content{padding-top:24px}

/* Temporary customer explanations: controlled by SHOW_INDICATOR_HELP. */
.indicator-guide{font-size:12px;line-height:1.6;color:#495775;margin:0 0 20px;padding:12px 16px;border:1px solid #ffffffaa;border-radius:14px;background:#ffffff35}
.indicator-explanation{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#495775;margin-top:10px;white-space:normal;text-align:left}
.compact-deal-cards .indicator-explanation{font-size:10px;line-height:1.5;margin-top:8px}
.metric:has(.indicator-explanation){height:auto;justify-content:flex-start}
th .indicator-explanation{font-size:10px;max-width:180px;margin-top:5px}

/* Legible interval counts and dates, with horizontal scrolling on narrow screens. */
.call-trend-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;margin-top:15px;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#a8a1dd transparent}
.call-trend{display:block;min-width:100%;max-width:none;font-family:inherit}
.call-trend .axis{stroke:#abb9e24a;stroke-width:1}.trend-line{fill:none;stroke:#7560ed;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-area{fill:#a5a4f226}
.trend-point{cursor:pointer;outline:none}.trend-hit{fill:transparent}.trend-point circle{fill:#fff;stroke:#7560ed;stroke-width:2}.trend-point:hover circle,.trend-point:focus-visible circle{fill:#7560ed;stroke:#353379;stroke-width:3}
.trend-value{fill:#29265b;font-size:12px;font-weight:700}.trend-date,.trend-tick{fill:#5f6c94;font-size:10px}.trend-date-end{font-size:9px}.trend-period-note{font-size:11px;color:#657297;margin:10px 0 0;line-height:1.6}
.call-coverage-note{padding:12px 16px;background:#ffffff59;border:1px solid #ffffffa3;border-radius:15px;color:#53658c;font-size:11px;line-height:1.65;margin:20px 0}
body[data-page="calls"] .grid:has(.call-trend-scroll){grid-template-columns:minmax(0,1fr)}

/* Separate the unframed processing introduction from the KPI cards. */
.autopilot-intro{margin:0 0 24px;padding:0 2px}
.autopilot-intro h2{font-size:14px;font-weight:650;color:#2b2e61;margin:0 0 10px}
.autopilot-intro p{font-size:12px;line-height:1.65;margin:0;color:#495775}

.trend-tooltip{visibility:hidden;pointer-events:none}.trend-point:hover .trend-tooltip,.trend-point:focus-visible .trend-tooltip{visibility:visible}.trend-tooltip rect{fill:#29265b;rx:5}.trend-tooltip text{fill:#fff;font-size:10px}

/* Phone summaries: definitions stay available inside record detail. */
@media(max-width:720px){
 #content .indicator-explanation,#content .report-panel>.panel-sub,#content .deals-funnel>.panel-sub{display:none}
 .cards,.compact-deal-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cards>.metric,.compact-deal-cards>.metric{min-height:122px;padding:14px;border-radius:16px}
 .cards>.metric .metric-icon{width:28px;height:28px;margin-bottom:10px;border-radius:9px}
 .cards>.metric .metric-icon svg{width:18px;height:18px}
 .cards>.metric .metric-label,.compact-deal-cards>.metric .metric-label{font-size:11px;line-height:1.4;min-height:0;padding-right:12px}
 .cards>.metric .metric-value,.compact-deal-cards>.metric .metric-value{font-size:25px;margin:7px 0;line-height:1.2;overflow-wrap:anywhere}
 .cards>.metric .metric-value.money{font-size:19px}
 .cards>.metric .metric-note,.compact-deal-cards>.metric .metric-note{font-size:10px;line-height:1.4}
 .cards>.metric .arrow,.compact-deal-cards>.metric .arrow{top:14px;right:12px;font-size:14px}
 .compact-deal-cards>.metric{min-height:105px}
 .report-panel{min-height:0}
 .autopilot-intro p{font-size:11px}
}