:root{--navy:#102c43;--navy2:#173b58;--blue:#0e78a8;--cyan:#27a8c7;--red:#db493d;--ink:#132331;--muted:#6b7b88;--line:#e5ebef;--bg:#f3f6f8;--white:#fff;--green:#198754;--amber:#d69422;--shadow:0 12px 35px rgba(20,47,67,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0c273d,#143955);color:white;position:fixed;inset:0 auto 0 0;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.brand-mark{width:42px;height:42px;border:2px solid rgba(255,255,255,.9);border-radius:11px;display:grid;place-items:center;font-size:25px;font-weight:800}.brand-name{font-weight:800;letter-spacing:2.8px;font-size:15px}.brand-sub{font-size:11px;color:#b9cfdd;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{padding:12px 12px;border-radius:9px;color:#dbe7ee;font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center}.nav-link span{font-size:9px;color:#6da6c4;width:22px}.nav-link b{margin-left:auto;font-size:8px;text-transform:uppercase;color:#7093a8}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.10);color:white}.nav-link.active:before{content:"";width:3px;height:20px;background:#40bad5;border-radius:4px;margin-left:-12px}.nav-divider{height:1px;background:rgba(255,255,255,.1);margin:12px}.nav-link.muted{opacity:.56}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 4px;display:flex;gap:10px;align-items:center}.status-dot{width:9px;height:9px;border-radius:50%;background:#4bd28a;box-shadow:0 0 0 5px rgba(75,210,138,.12)}.sidebar-foot strong{display:block;font-size:11px}.sidebar-foot small{display:block;color:#8eacbd;font-size:9px;margin-top:2px}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:10}.page-title small{font-size:9px;color:#83929d;text-transform:uppercase;letter-spacing:1.5px}.page-title h1{font-size:21px;margin:3px 0 0}.top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.top-actions select{border:1px solid var(--line);border-radius:8px;padding:9px 28px 9px 12px;background:white;font-weight:700}.source-pill{border:1px solid #d7eee2;background:#f5fbf7;color:#286948;border-radius:30px;padding:8px 12px;font-size:11px;display:flex;align-items:center;gap:7px}.source-pill i{width:7px;height:7px;background:#42b779;border-radius:50%}.ghost-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 12px;color:#5b6b76}.content{padding:30px 34px 22px;max-width:1600px;margin:auto}.hero-row{background:linear-gradient(112deg,var(--navy),#1f536f);color:white;border-radius:16px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;box-shadow:var(--shadow)}.hero-row.compact{padding:22px 28px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8dd3e6;font-weight:800}.hero-row h2{font-size:25px;margin:7px 0}.hero-row p{font-size:12px;color:#c7dbe6;max-width:760px;margin:0;line-height:1.6}.hero-badge{text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 22px;min-width:130px}.hero-badge span{font-size:21px;font-weight:800;display:block}.hero-badge small{font-size:9px;color:#b5cedb}.metric-grid{display:grid;gap:14px;margin-bottom:28px}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric-grid.six{grid-template-columns:repeat(6,1fr)}.metric-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 18px;min-height:112px;box-shadow:0 5px 18px rgba(18,50,70,.035)}.metric-card.primary{background:var(--navy);color:white;border-color:var(--navy)}.metric-card label{display:block;text-transform:uppercase;letter-spacing:.7px;color:#7f8f99;font-size:8px;font-weight:800}.metric-card.primary label{color:#94bdcf}.metric-card strong{font-size:22px;display:block;margin:12px 0 6px}.metric-card small{font-size:9px;color:#798995}.metric-card.primary small{color:#b7d0dd}.positive{color:var(--green)!important}.negative{color:#c74a42!important}.section-head,.panel-title{display:flex;align-items:center;justify-content:space-between}.section-head{margin:30px 2px 14px}.section-head small,.panel-title small{font-size:8px;letter-spacing:1.2px;color:#8897a1;font-weight:800}.section-head h3,.panel-title h3{font-size:16px;margin:3px 0}.section-head a,.text-link{font-size:10px;color:var(--blue);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.product-top{display:flex;justify-content:space-between;font-size:11px}.product-top b{font-size:10px;color:var(--blue)}.product-card>strong{font-size:21px;display:block;margin:14px 0}.progress{height:5px;background:#edf2f4;border-radius:10px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:10px}.product-foot{display:flex;justify-content:space-between;color:#84929b;font-size:8px;margin-top:9px}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:22px}.two-col.wide-left{grid-template-columns:1.65fr 1fr}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 21px;box-shadow:0 5px 18px rgba(18,50,70,.025);margin-bottom:18px}.signal-list>div{display:flex;gap:13px;padding:12px 0;border-top:1px solid #eff2f4}.signal-list>div:first-child{border-top:0}.signal-list span{font-size:9px;color:#7c9bae;border:1px solid #dce7ec;width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.signal-list b{font-size:11px}.signal-list p{font-size:10px;color:#74828b;margin:4px 0}.source-panel p,.muted-copy{font-size:10px;line-height:1.6;color:#72828d}.live{font-size:8px;color:var(--green);background:#edf9f2;padding:5px 8px;border-radius:20px}.source-panel dl,.source-status-card dl{margin:15px 0}.source-panel dl div,.source-status-card dl div{display:flex;justify-content:space-between;border-top:1px solid #edf1f3;padding:9px 0;font-size:9px}.source-panel dt,.source-status-card dt{color:#7b8b95}.source-panel dd,.source-status-card dd{font-weight:700;margin:0}.context-strip{display:grid;grid-template-columns:repeat(5,1fr);background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.context-strip div{padding:15px 18px;border-right:1px solid var(--line)}.context-strip div:last-child{border:0}.context-strip span{font-size:8px;color:#87949c;text-transform:uppercase}.context-strip strong{display:block;font-size:17px;margin-top:5px}.rank-row{display:grid;grid-template-columns:30px 48px 1fr 95px 55px;align-items:center;gap:8px;border-top:1px solid #eef2f4;padding:11px 0;font-size:10px}.rank-row:first-child{border-top:0}.rank{color:#9aa8b0;font-size:8px}.rank-bar{height:6px;background:#edf2f5;border-radius:6px;overflow:hidden}.rank-bar i{height:100%;display:block;background:linear-gradient(90deg,#1d749b,#36aac6);border-radius:6px}.rank-row strong{text-align:right}.rank-row small{text-align:right;color:#8a98a0}.donut-list>div{padding:12px 0;border-top:1px solid #eef2f4}.donut-list>div:first-child{border:0}.donut-list span{font-size:10px;font-weight:700}.donut-list strong{float:right;font-size:11px}.donut-list small{display:block;color:#8b99a2;font-size:8px;margin-top:4px}.line-bars{height:235px;display:flex;align-items:flex-end;gap:10px;padding:28px 5px 4px}.line-bars>div{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative}.line-bars i{width:55%;background:linear-gradient(#2d9cbd,#1f668c);min-height:2px;border-radius:5px 5px 0 0}.line-bars b{font-size:7px;margin:5px 0;color:#667780}.line-bars span{font-size:8px;color:#87959d}.bar-chart{height:290px;display:flex;gap:8px;align-items:flex-end;padding:35px 8px 0}.bar-chart.small{height:210px}.bar-col{flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.bar-stack{height:calc(100% - 20px);display:flex;gap:2px;align-items:flex-end;justify-content:center}.bar{width:24%;min-height:1px;border-radius:3px 3px 0 0}.bar.actual{background:#147ba4}.bar.previous{background:#b9c7cf}.bar.target{background:#e1a54a}.bar-col>span{font-size:8px;color:#85949c;margin-top:7px}.legend{display:flex;gap:7px;align-items:center;font-size:8px;color:#6f7e87}.lg{width:8px;height:8px;border-radius:2px;margin-left:8px}.lg.actual{background:#147ba4}.lg.previous{background:#b9c7cf}.lg.target{background:#e1a54a}.table-panel{padding:0}.table-panel .panel-title{padding:19px 21px 10px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th{text-align:left;padding:11px 14px;background:#f7f9fa;color:#7d8c95;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.table-wrap td{padding:12px 14px;border-top:1px solid #edf1f3;font-size:9px}.attainment{padding:5px 8px;border-radius:20px;font-weight:700}.attainment.good{background:#eaf8f0;color:#217349}.attainment.warn{background:#fff6e4;color:#9a6715}.attainment.bad{background:#fcedeb;color:#a3423c}.formula{display:flex;gap:9px;align-items:center;margin:20px 0}.formula div{flex:1;background:#f6f8f9;border:1px solid #e7ecef;padding:13px 8px;border-radius:9px;text-align:center}.formula div span{display:block;font-weight:800;font-size:12px}.formula div small{font-size:7px;color:#87949c}.formula>b{font-size:12px;color:#9cabb3}.source-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:18px}.source-status-card{background:#102e45;color:white;border-radius:13px;padding:23px}.big-live{font-size:10px;letter-spacing:1.1px;font-weight:800}.big-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4bd28a;margin-right:6px}.source-status-card dt{color:#9db7c5}.source-status-card dl div{border-color:rgba(255,255,255,.1)}.source-status-card code{color:#a5d9e7}.data-volume{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:20px}.data-volume div{background:#f5f8f9;border-radius:9px;padding:14px}.data-volume span,.data-volume small{display:block;font-size:8px;color:#82919a}.data-volume strong{font-size:18px;display:block;margin:8px 0 3px}.process-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.process-flow div{flex:1;text-align:center;border:1px solid var(--line);border-radius:10px;padding:15px 8px}.process-flow b{width:24px;height:24px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;margin:0 auto 8px;font-size:9px}.process-flow span{font-size:9px;font-weight:700;display:block}.process-flow small{font-size:7px;color:#87949c}.process-flow>i{font-style:normal;color:#9eb0ba}.primary-btn{background:#126e94;color:white;border:0;border-radius:9px;padding:12px 18px;font-weight:700;font-size:11px}.flash{padding:11px 14px;border-radius:9px;margin-bottom:15px;font-size:10px}.flash.success{background:#eaf8f0;color:#216b47}.flash.error{background:#fbedeb;color:#9e3f39}footer{border-top:1px solid var(--line);padding:19px 2px 0;margin-top:25px;display:flex;justify-content:space-between;color:#96a2a9;font-size:8px}.menu-btn{display:none}.login-body{min-height:100vh;background:#0d2a42;display:grid;place-items:center;padding:25px}.login-wrap{width:min(1000px,94vw);min-height:570px;display:grid;grid-template-columns:1.15fr .85fr;background:white;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.22)}.login-visual{background:linear-gradient(140deg,#0d2c45,#176184);padding:55px;color:white;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:350px;height:350px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-150px;bottom:-100px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.login-brand{font-size:15px;font-weight:900;letter-spacing:4px}.login-visual h1{font-size:47px;line-height:1.04;margin:80px 0 22px}.login-visual p{max-width:440px;font-size:13px;line-height:1.7;color:#c4dce7}.visual-lines{position:absolute;bottom:55px;left:55px;display:flex;gap:7px}.visual-lines i{display:block;width:45px;height:3px;background:#31aac6;border-radius:4px}.visual-lines i:nth-child(2){width:24px;opacity:.6}.visual-lines i:nth-child(3){width:11px;opacity:.3}.login-card{padding:75px 55px;display:flex;flex-direction:column;justify-content:center}.login-card small{font-size:8px;letter-spacing:1.5px;color:#1782a9;font-weight:800}.login-card h2{font-size:28px;margin:9px 0}.login-card p{font-size:11px;color:#788891;line-height:1.5}.login-card form{margin-top:35px}.login-card label{font-size:9px;font-weight:700;display:block;margin-bottom:8px}.login-card input{width:100%;padding:13px 14px;border:1px solid #dce4e8;border-radius:9px;outline:0}.login-card input:focus{border-color:#3a9fbe;box-shadow:0 0 0 3px rgba(39,151,184,.1)}.login-card .primary-btn{width:100%;margin-top:15px;padding:14px}.field-error{font-size:9px;color:#b9443d;margin-top:6px}.secure-note{font-size:8px;color:#87959e;margin-top:30px}.secure-note span{color:#36b777;margin-right:5px}@media(max-width:1100px){.metric-grid.five,.metric-grid.six{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.data-volume{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-btn{display:block;border:0;background:transparent;font-size:19px;margin-right:14px}.topbar{padding:0 18px}.content{padding:20px 16px}.top-actions .source-pill,.top-actions .ghost-btn{display:none}.metric-grid.five,.metric-grid.six{grid-template-columns:repeat(2,1fr)}.two-col,.two-col.wide-left,.source-grid{grid-template-columns:1fr}.context-strip{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr 1fr}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:50px 35px}.process-flow{overflow:auto;align-items:stretch}.process-flow div{min-width:130px}.process-flow>i{display:none}}@media(max-width:520px){.metric-grid.five,.metric-grid.six,.product-grid{grid-template-columns:1fr}.hero-row{align-items:flex-start;gap:18px;flex-direction:column}.hero-badge{width:100%;text-align:left}.page-title small{display:none}.page-title h1{font-size:17px}.context-strip{grid-template-columns:1fr}.data-volume{grid-template-columns:1fr 1fr}.rank-row{grid-template-columns:24px 40px 1fr 80px}.rank-row small{display:none}}
.metric-grid.three{grid-template-columns:repeat(3,1fr)}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.region-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px}.region-head{display:flex;justify-content:space-between;align-items:center}.region-head strong{font-size:12px}.region-head span{font-size:9px}.region-value{font-size:21px;font-weight:800;margin:13px 0 8px}.progress.thin{height:4px}.region-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.region-stats div{background:#f6f8f9;border-radius:7px;padding:8px}.region-stats span{font-size:6px;color:#87949c;display:block}.region-stats b{font-size:10px}.region-foot{border-top:1px solid #eef2f4;margin-top:12px;padding-top:9px;font-size:8px;color:#87949c}.ab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.ab-grid>div{background:#f6f8f9;border-radius:9px;padding:13px}.ab-grid b{font-size:9px}.ab-grid strong{display:block;font-size:19px;margin:7px 0}.ab-grid small{display:flex;gap:5px}.ab-grid i{font-style:normal;font-size:7px;background:white;padding:4px 6px;border-radius:10px}.abc{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-weight:800}.abc-a{background:#e4f5eb;color:#1d7045}.abc-b{background:#e8f3f8;color:#17698d}.signal-banner{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 18px}.signal-banner>div{background:white;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:9px;padding:12px 14px}.signal-banner>div.info{border-left-color:var(--blue)}.signal-banner b{font-size:10px;display:block}.signal-banner span{font-size:8px;color:#788891;display:block;margin-top:4px}.wrap-cell{white-space:normal!important;min-width:160px}.term-list{margin-top:15px}.term-list div{display:flex;justify-content:space-between;border-top:1px solid #edf1f3;padding:9px 2px;font-size:9px}.term-list div:first-child{border-top:0}.range-title{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}@media(max-width:1100px){.region-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.region-grid{grid-template-columns:repeat(2,1fr)}.ab-grid{grid-template-columns:repeat(2,1fr)}.metric-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.region-grid,.ab-grid,.metric-grid.three,.signal-banner{grid-template-columns:1fr}}

/* Management cockpit extensions: network, channel, product mix, strategy, evidence layer */
.sidebar{overflow-y:auto}
.management-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px}.management-grid>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;min-height:112px;box-shadow:0 5px 18px rgba(18,50,70,.025);transition:.18s}.management-grid>a:hover{transform:translateY(-2px);border-color:#bdd7e2;box-shadow:var(--shadow)}.management-grid small{display:block;font-size:8px;letter-spacing:1px;color:#80919c;font-weight:800}.management-grid strong{display:block;font-size:21px;margin:13px 0 7px}.management-grid span{font-size:8px;line-height:1.45;color:#7b8c96}.network-lanes{display:flex;flex-direction:column;gap:9px;margin-top:14px}.network-lane{display:grid;grid-template-columns:180px 38px 1fr;align-items:center;min-height:64px}.network-hub{background:var(--navy);color:white;border-radius:9px;padding:11px 12px}.network-hub b{font-size:9px;display:block}.network-hub small{font-size:7px;color:#a9c8d7;display:block;margin-top:4px}.network-edge{height:2px;background:#bad4df;position:relative}.network-edge:after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid #8fb8c9;border-top:4px solid transparent;border-bottom:4px solid transparent}.network-children{display:flex;gap:6px;flex-wrap:wrap}.network-children span{border:1px solid #dce8ed;background:#f7fafb;border-radius:20px;padding:6px 8px;font-size:7px}.role-list{margin-top:12px}.role-list div{display:flex;justify-content:space-between;padding:10px 2px;border-top:1px solid #edf1f3;font-size:9px}.role-list div:first-child{border-top:0}.white-space-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.white-space-grid div{background:#f5f8f9;border:1px solid #e9eef1;border-radius:9px;padding:13px}.white-space-grid span,.white-space-grid small{display:block;font-size:8px;color:#7f909a}.white-space-grid strong{display:block;font-size:20px;margin:7px 0}.wholesale-rank{grid-template-columns:30px minmax(150px,1fr) minmax(80px,1fr) 55px 48px}.mix-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.mix-cards>div{background:#f6f8f9;border:1px solid #e9eef1;border-radius:10px;padding:13px}.mix-cards span{font-size:9px;font-weight:800}.mix-cards strong{display:block;font-size:17px;margin:9px 0 4px}.mix-cards small{font-size:7px;color:#82919a;display:block;margin-bottom:8px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.method-grid div{background:#f6f8f9;border-radius:9px;padding:14px}.method-grid b{font-size:9px}.method-grid p{font-size:8px;line-height:1.55;color:#778894;margin:6px 0 0}.scenario-line{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.scenario-line div{background:#f6f8f9;border:1px solid #e7edef;border-radius:10px;padding:17px;text-align:center}.scenario-line span{font-size:9px;color:#7c8d97}.scenario-line strong{font-size:19px;display:block;margin:10px 0}.scenario-line small{font-size:7px;color:#87969f}.formula-text{font-size:15px;font-weight:800;background:#f4f8fa;border:1px solid #e2ebef;border-radius:10px;padding:18px;margin-top:16px;line-height:1.5}.guard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.guard-grid div{display:flex;gap:10px;background:#f7f9fa;border-radius:9px;padding:13px}.guard-grid span{font-size:8px;color:#5a8ba3;font-weight:800}.guard-grid p{font-size:8px;line-height:1.5;color:#6f808b;margin:0}
@media(max-width:1280px){.management-grid{grid-template-columns:repeat(3,1fr)}.white-space-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.management-grid{grid-template-columns:repeat(2,1fr)}.network-lane{grid-template-columns:1fr}.network-edge{display:none}.network-children{margin-top:7px}.white-space-grid,.method-grid,.guard-grid{grid-template-columns:1fr 1fr}.scenario-line{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.management-grid,.white-space-grid,.mix-cards,.method-grid,.guard-grid,.scenario-line{grid-template-columns:1fr}}
.channel-group-list{margin-top:12px}.channel-group-list>div{display:grid;grid-template-columns:1fr 55px 42px;gap:8px;align-items:center;padding:9px 2px;border-top:1px solid #edf1f3}.channel-group-list>div:first-child{border-top:0}.channel-group-list span b{display:block;font-size:9px}.channel-group-list span small{font-size:7px;color:#87969f}.channel-group-list strong{text-align:right;font-size:12px}.channel-group-list em{font-style:normal;font-size:7px;color:#8897a0}.multi-channel-list{margin-top:12px}.multi-channel-list>div{display:grid;grid-template-columns:minmax(160px,1.5fr) 1fr 70px;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid #edf1f3}.multi-channel-list>div:first-child{border-top:0}.multi-channel-list b{font-size:9px}.multi-channel-list span{font-size:7px;color:#81909a}.multi-channel-list strong{text-align:right;font-size:8px;color:#176f92}.rayon-network-list{margin-top:12px}.rayon-network-list>div{display:grid;grid-template-columns:40px 72px 1fr 66px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf1f3}.rayon-network-list>div:first-child{border-top:0}.rayon-network-list b{font-size:9px}.rayon-network-list span,.rayon-network-list small{font-size:7px;color:#7c8c96}.microbar{height:5px;background:#edf2f4;border-radius:8px;overflow:hidden}.microbar i{height:100%;display:block;background:linear-gradient(90deg,#1c7399,#2ea7c3);border-radius:8px}.channel-reach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.channel-reach-grid>div{background:#f6f8f9;border:1px solid #e8edef;border-radius:9px;padding:12px}.channel-reach-grid span{font-size:8px;font-weight:800;display:block}.channel-reach-grid strong{font-size:17px;display:block;margin:7px 0 2px}.channel-reach-grid small{font-size:7px;color:#84939c;display:block;margin-bottom:8px}.table-note{font-size:7px;color:#85949d;padding:8px 14px 13px;margin:0;border-top:1px solid #edf1f3}.scenario-builder{border-top:3px solid #1b83aa}.scenario-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;margin-top:16px}.scenario-form label>span{font-size:8px;font-weight:800;display:block;margin-bottom:6px}.scenario-form label>div{display:flex;align-items:center;border:1px solid #dce5e9;border-radius:8px;background:white;overflow:hidden}.scenario-form input{border:0;outline:0;padding:10px 11px;width:100%;font-weight:700;color:var(--ink)}.scenario-form em{font-style:normal;font-size:9px;color:#74858f;padding:0 10px}.scenario-form label>small{font-size:7px;color:#8998a1;display:block;margin-top:5px}.scenario-form .primary-btn{height:38px}.compact-white{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px}.compact-white>div{background:#f5f8f9;border-radius:8px;padding:10px}.compact-white span,.compact-white small{display:block;font-size:7px;color:#7c8d97}.compact-white strong{display:block;font-size:15px;margin:5px 0}.network-pulse{margin-top:0}.ai-contract-strip{display:flex;align-items:center;gap:9px}.ai-contract-strip>div{flex:1;background:#f6f8f9;border-radius:9px;padding:11px;text-align:center}.ai-contract-strip span{font-size:7px;color:#2980a2;letter-spacing:.7px;display:block}.ai-contract-strip b{font-size:9px;display:block;margin-top:4px}.ai-contract-strip>i{font-style:normal;color:#9cb0ba}@media(max-width:1100px){.scenario-form{grid-template-columns:repeat(3,1fr)}.scenario-form .primary-btn{grid-column:1/-1}.compact-white{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.channel-reach-grid{grid-template-columns:1fr}.scenario-form{grid-template-columns:1fr}.compact-white{grid-template-columns:repeat(2,1fr)}.ai-contract-strip{overflow:auto}.ai-contract-strip>div{min-width:120px}.ai-contract-strip>i{display:none}}@media(max-width:520px){.multi-channel-list>div{grid-template-columns:1fr}.multi-channel-list strong{text-align:left}.rayon-network-list>div{grid-template-columns:35px 65px 1fr}.rayon-network-list small{display:none}.compact-white{grid-template-columns:1fr}}

/* Network v3 */
.network-map-panel{overflow:hidden}.network-map{width:100%;min-height:430px;border:1px solid #e7edf1;border-radius:12px;background:linear-gradient(180deg,#fbfdfe 0%,#f6f9fb 100%);overflow:hidden}.network-map svg{display:block;width:100%;height:auto;min-height:430px}.network-svg-edge{stroke:#cbd9e2;stroke-width:1.4;opacity:.78}.network-svg-hub circle{fill:#102c43;stroke:#fff;stroke-width:4}.network-svg-account circle{fill:#27a8c7;stroke:#fff;stroke-width:3}.network-svg-label{font-size:9.5px;font-weight:650;fill:#314857}.network-legend{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:10px;color:#6b7b88;font-size:11px}.network-legend span{display:flex;align-items:center;gap:7px}.network-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.network-legend .hub-dot{background:#102c43}.network-legend .account-dot{background:#27a8c7}.network-empty{padding:50px;text-align:center;color:#7b8993}.signal-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:320px}.signal-tags span{font-size:9px;font-weight:700;border:1px solid #d9e7ed;background:#f1f8fa;color:#245b70;padding:3px 6px;border-radius:999px;white-space:nowrap}.method-note{font-size:10px;color:#7b8993;line-height:1.5;margin:12px 0 0}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-grid>div{border:1px solid #e5ebef;border-radius:10px;padding:14px;background:#fbfcfd}.match-grid span{display:block;font-size:10px;color:#6b7b88;text-transform:uppercase;letter-spacing:.04em}.match-grid strong{display:block;font-size:27px;color:#173b58;margin:6px 0}.match-grid small{display:block;color:#7b8993;font-size:10px}.channel-reach-grid>div em{display:block;margin-top:7px;font-style:normal;font-size:10px;color:#0e78a8;font-weight:650}.multi-channel-list>div{grid-template-columns:1fr auto;column-gap:10px}.multi-channel-list>div>small{grid-column:1/-1;color:#7b8993}.channel-count{white-space:nowrap;font-size:10px;font-weight:700;color:#0e78a8}.table-wrap td small{display:block;margin-top:3px;color:#7b8993;font-size:9px}.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)}
@media(max-width:1100px){.wide-left{grid-template-columns:1fr}.network-map{overflow-x:auto}.network-map svg{min-width:900px}.match-grid{grid-template-columns:1fr}}
.attention-list{display:flex;flex-direction:column}.attention-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-top:1px solid #edf1f3}.attention-list>div:first-child{border-top:0}.attention-list b{display:block;font-size:11px;color:#263c4c}.attention-list small{display:block;font-size:9px;color:#7b8993;margin-top:3px}.attention-list strong{font-size:12px;color:#0e78a8;white-space:nowrap}
.table-filter input{width:min(360px,34vw);border:1px solid #dbe5ea;border-radius:8px;padding:9px 11px;font-size:10px;outline:0;background:#fff;color:var(--ink)}.table-filter input:focus{border-color:#42a3bf;box-shadow:0 0 0 3px rgba(39,151,184,.09)}.customer-intel-panel .table-wrap td{vertical-align:top}.micro-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;max-width:280px}.micro-tags span{font-size:7px;border-radius:999px;padding:3px 6px;background:#f0f5f7;border:1px solid #dce7eb;color:#4e6979}.product-tags span{background:#f5f8fa;color:#173b58}.source-miss{font-size:8px;color:#9b6d2d;background:#fff8e9;border:1px solid #f2dfb8;border-radius:7px;padding:4px 6px;display:inline-block}.match-pills{display:flex;gap:4px;flex-wrap:wrap}.match-pills span{font-size:7px;font-weight:800;padding:4px 6px;border-radius:999px}.match-pills .ok{background:#eaf8f0;color:#217349}.match-pills .miss{background:#f4f5f6;color:#89969d}.guard-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.guard-list>div{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #edf1f3;padding-top:9px}.guard-list>div:first-child{border-top:0;padding-top:0}.guard-list span{font-size:8px;color:#198754;background:#eaf8f0;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.guard-list p{font-size:8px;color:#71818b;line-height:1.5;margin:1px 0 0}@media(max-width:820px){.table-filter{width:100%;margin-top:10px}.table-filter input{width:100%}.customer-intel-panel .panel-title{align-items:flex-start;flex-direction:column}}

/* Management priorities + 2030 goal */
.priority-panel{border-top:3px solid #173b58}.priority-counts{display:flex;gap:6px}.priority-counts span{font-size:8px;font-weight:800;padding:5px 7px;border-radius:999px}.priority-counts .p1,.priority-badge.p1{background:#fbe9e7;color:#a33d35}.priority-counts .p2,.priority-badge.p2{background:#fff4df;color:#98620d}.priority-counts .p3,.priority-badge.p3{background:#eaf4f8;color:#17698d}.priority-list{display:flex;flex-direction:column;margin-top:10px}.priority-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid #edf1f3}.priority-list>a:first-child{border-top:0}.priority-list>a:hover b{color:#0e78a8}.priority-badge{width:32px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:8px;font-weight:900}.priority-list b{display:block;font-size:10px}.priority-list p{font-size:9px;color:#6f808b;margin:4px 0;line-height:1.45}.priority-list small{font-size:7px;color:#8a979f;line-height:1.4}.priority-list>a>strong{font-size:12px;color:#173b58;white-space:nowrap;text-align:right}.goal-kpi{background:#f6f8f9;border:1px solid #e7edef;border-radius:10px;padding:18px;margin-top:14px}.goal-kpi strong{font-size:26px;display:block;color:#173b58}.goal-kpi span{font-size:9px;font-weight:800;display:block;margin:6px 0}.goal-kpi small{font-size:8px;color:#7d8d97}.strategy-goal{margin-top:0}.scenario-form{grid-template-columns:repeat(4,1fr) auto}@media(max-width:1100px){.scenario-form{grid-template-columns:repeat(2,1fr)}.scenario-form .primary-btn{grid-column:1/-1}}@media(max-width:700px){.priority-list>a{grid-template-columns:34px 1fr}.priority-list>a>strong{grid-column:2;text-align:left}.priority-counts{margin-top:8px}.priority-panel .panel-title{align-items:flex-start;flex-direction:column}.scenario-form{grid-template-columns:1fr}}

/* Network overlap + explicit source-price opt-in */
.management-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.overlap-list{display:flex;flex-direction:column;margin-top:12px}.overlap-list>div{display:grid;grid-template-columns:minmax(0,1fr) 44px 120px;gap:10px;align-items:center;padding:10px 2px;border-top:1px solid #edf1f3}.overlap-list>div:first-child{border-top:0}.overlap-list b{display:block;font-size:9px}.overlap-list small{display:block;font-size:7px;color:#7b8993;margin-top:3px}.overlap-list strong{text-align:right;font-size:14px;color:#173b58}.overlap-list em{font-style:normal;text-align:right;font-size:7px;color:#6e808c}
.source-price-optin>div{min-height:38px;padding:0 10px;gap:9px}.source-price-optin input{width:auto;padding:0;accent-color:#177ea6}.source-price-optin b{font-size:9px;white-space:nowrap}.source-price-optin:has(input:disabled){opacity:.62}
@media(max-width:700px){.overlap-list>div{grid-template-columns:1fr auto}.overlap-list em{grid-column:1/-1;text-align:left}}
.global-search{display:flex;align-items:center;gap:6px;flex:1;max-width:520px;margin:0 18px}.global-search input{width:100%;border:1px solid #d9e0e6;border-radius:10px;padding:10px 12px;background:#fff}.global-search button{border:0;border-radius:10px;padding:10px 14px;background:#003b70;color:#fff;font-weight:700}.dashboard-sections{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.dashboard-sections a{background:#fff;border:1px solid #e3e8ec;border-radius:999px;padding:9px 13px;text-decoration:none;color:#203040;font-weight:700;font-size:13px}.hero-actions{display:flex;gap:12px;align-items:center}.search-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.search-results-grid .span-2{grid-column:1/-1}.search-hit{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid #edf0f2}.search-hit.inline{grid-template-columns:1fr auto 1fr;align-items:center}.search-hit strong{justify-self:end}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.channel-reach-grid a{display:block;text-decoration:none;color:inherit}.channel-reach-grid a:hover{background:#f3f7fa}
@media(max-width:1100px){.global-search{max-width:none;margin:10px 0}.topbar{flex-wrap:wrap}.search-results-grid,.info-grid{grid-template-columns:1fr}.search-results-grid .span-2{grid-column:auto}}
.accordion-list{display:grid;gap:10px}.accordion-list details{border:1px solid #e5e9ef;border-radius:12px;background:#fff;overflow:hidden}.accordion-list summary{cursor:pointer;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 16px}.accordion-list details[open] summary{border-bottom:1px solid #eef1f5}.kpi-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.kpi-mini-grid div{padding:8px;border-radius:8px;background:#f6f8fa}.kpi-mini-grid span,.kpi-mini-grid small{display:block;font-size:11px;color:#657085}.kpi-mini-grid b{display:block;font-size:18px}.kpi-settings-form{padding:16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.settings-grid h4{margin:0 0 10px}.settings-grid label{display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center;margin:8px 0}.settings-grid input{width:100%;padding:8px 10px;border:1px solid #ccd3dc;border-radius:8px}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.accordion-list summary{grid-template-columns:1fr auto}}
.team-structure-grid{align-items:start}.team-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 22px}.team-role-grid>div{border:1px solid #e3e7ea;border-radius:12px;padding:14px;background:#fff}.team-role-grid span{display:block;font-size:11px;color:#6d7780;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.team-role-grid strong{font-size:18px}.team-ram-list{display:grid;gap:8px}.team-ram-list>small{font-weight:700;color:#7a858d;letter-spacing:.05em}.team-ram-list>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f2;padding:10px 0}.team-ram-list>div span{color:#6d7780}.team-ram-list.unresolved{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 18px}@media(max-width:850px){.team-role-grid{grid-template-columns:1fr}}

/* Navigation grouping — management-first information architecture */
.nav-section{margin:18px 14px 7px;font-size:10px;letter-spacing:.14em;font-weight:700;opacity:.55}
.nav-section:first-child{margin-top:6px}

/* Dashboard visual v1 */
.brand{flex-direction:column;align-items:flex-start;gap:8px}.brand-logo{display:block;width:145px;height:auto;max-width:100%}.brand .brand-sub{margin:0;color:#9cb9c9;letter-spacing:.04em}.login-logo{display:block;width:145px;height:auto}.visual-metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}.visual-metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:flex-start;min-width:0;box-shadow:0 5px 18px rgba(18,50,70,.035)}.visual-metric.primary{background:linear-gradient(135deg,#102c43,#174b68);color:#fff;border-color:#173b58}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;background:#e9f4f8;color:#176e91;font-size:16px;font-weight:900}.visual-metric.primary .metric-icon{background:rgba(255,255,255,.12);color:#fff}.metric-icon.target{background:#edf8f2;color:#238153}.metric-icon.todo{background:#fff4e4;color:#a66a11}.metric-icon.forecast{background:#eaf3fb;color:#256d9c}.metric-icon.visits{background:#edf7f1;color:#21754a}.metric-icon.pipeline{background:#f0effa;color:#6151a3}.visual-metric label{display:block;font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#80909b}.visual-metric.primary label{color:#9bc2d2}.visual-metric strong{display:block;font-size:19px;margin:7px 0 4px;white-space:nowrap}.visual-metric small{font-size:8px;color:#778994;line-height:1.3}.visual-metric.primary small{color:#b8d3de}.positive-light{color:#7fe0a7!important}.negative-light{color:#ffaca6!important}.dashboard-visual-row{grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);margin-top:0}.history-panel{overflow:hidden}.history-chart{display:flex;gap:12px;align-items:flex-end;height:270px;padding:24px 2px 6px;overflow-x:auto}.history-year{min-width:88px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.history-bars{height:205px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:2px;border-bottom:1px solid #dce5ea;padding:0 2px}.history-bars i{display:block;min-height:2px;background:linear-gradient(180deg,#2ca6c5,#176b92);border-radius:3px 3px 0 0}.history-bars i:hover{filter:brightness(.85)}.history-bars i.future{height:2px!important;background:#dfe6ea}.history-year b{font-size:9px;margin-top:7px}.history-year small{font-size:7px;color:#84949e;margin-top:2px}.chart-note{font-size:8px;color:#83929b;margin:9px 0 0}.status-panel{display:flex;flex-direction:column}.gauge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.gauge-card{text-align:center;background:#f7f9fa;border:1px solid #e9eef1;border-radius:12px;padding:14px 8px}.gauge{--p:0%;width:90px;height:90px;margin:0 auto 11px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#207a51 var(--p),#e8edf0 0)}.gauge.warn{background:conic-gradient(#d59421 var(--p),#e8edf0 0)}.gauge.bad{background:conic-gradient(#c94c43 var(--p),#e8edf0 0)}.gauge:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff}.gauge span{position:relative;z-index:1;font-size:13px;font-weight:900;color:#173b58}.gauge-card b{display:block;font-size:9px}.gauge-card small{display:block;font-size:7px;color:#82919a;margin-top:4px}.target-track{margin-top:16px;border-top:1px solid #edf1f3;padding-top:14px}.target-track>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#758690}.target-track strong{font-size:11px;color:#173b58}.target-progress{height:10px;background:#edf1f3;border-radius:10px;position:relative;margin:9px 0}.target-progress>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#1888ac,#25abc6);border-radius:10px}.target-progress>b{position:absolute;top:-4px;width:3px;height:18px;background:#203b54;border-radius:3px;transform:translateX(-1px)}.target-key{display:flex!important;gap:12px;justify-content:flex-start!important}.target-key span{font-size:7px;display:flex;align-items:center;gap:4px}.target-key i{display:inline-block;width:7px;height:7px;border-radius:50%}.actual-dot{background:#25a7c4}.forecast-dot{background:#203b54}.current-month-panel{margin-bottom:24px}.dashboard-month-bars{height:245px}.family-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:28px}.family-status-card{background:#fff;border:1px solid var(--line);border-top:3px solid #2f8cab;border-radius:13px;padding:16px;box-shadow:0 5px 18px rgba(18,50,70,.03);transition:.18s}.family-status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.family-status-card.good{border-top-color:#2b9a64}.family-status-card.warn{border-top-color:#dda13b}.family-status-card.bad{border-top-color:#cf574e}.family-card-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.family-icon{width:38px;height:38px;border-radius:10px;background:#edf5f8;color:#176f94;display:grid;place-items:center}.family-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.family-card-head small{font-size:7px;font-weight:900;letter-spacing:.08em;color:#7d8d96}.family-card-head h4{font-size:13px;margin:2px 0 0}.family-card-head>strong{font-size:13px;color:#203b54}.family-main{margin:15px 0 9px}.family-main span{font-size:7px;color:#83919b;text-transform:uppercase}.family-main>strong{font-size:19px;display:block;margin:4px 0}.family-main small{font-size:8px}.family-progress{height:5px;border-radius:8px;background:#edf1f3;overflow:hidden}.family-progress i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#247da2,#2aadc8)}.family-status-card.good .family-progress i{background:linear-gradient(90deg,#27865a,#45b678)}.family-status-card.warn .family-progress i{background:linear-gradient(90deg,#b77a20,#dda13b)}.family-status-card.bad .family-progress i{background:linear-gradient(90deg,#b6463f,#d36a61)}.family-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.family-foot span{font-size:7px;color:#74848e;line-height:1.35}.family-foot span+span{border-left:1px solid #edf1f3;padding-left:6px}
@media(max-width:1320px){.visual-metric-grid{grid-template-columns:repeat(3,1fr)}.family-status-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.dashboard-visual-row{grid-template-columns:1fr}.family-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.visual-metric-grid{grid-template-columns:repeat(2,1fr)}.family-status-grid{grid-template-columns:1fr}.history-year{min-width:80px}.gauge-grid{grid-template-columns:1fr 1fr}.dashboard-month-bars{min-width:720px}.current-month-panel{overflow:auto}}
@media(max-width:500px){.visual-metric-grid{grid-template-columns:1fr}.gauge-grid{grid-template-columns:1fr}.brand-logo{width:132px}}
.lg.current{background:#18a7c9}.revenue-line-wrap{position:relative;height:285px;margin-top:12px;overflow-x:auto;overflow-y:hidden;padding-left:44px}.revenue-line-chart{display:block;width:100%;min-width:900px;height:270px;overflow:visible}.revenue-line-chart .axis-line{stroke:#cfd9df;stroke-width:1}.revenue-line-chart .grid-line{stroke:#e7edf1;stroke-width:1;stroke-dasharray:4 5}.revenue-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.revenue-line.historical{stroke:#607f91;stroke-width:2.2}.revenue-line.current-year{stroke:#18a7c9;stroke-width:4}.revenue-line-chart .year-label{font-size:11px;fill:#7f909b}.line-scale{position:absolute;left:0;top:14px;bottom:38px;width:38px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#82919b;font-size:7px}
.annual-stack-chart{height:310px;display:flex;align-items:flex-end;gap:14px;padding:28px 8px 4px;overflow-x:auto;border-bottom:1px solid #dce5ea}.annual-stack-year{min-width:76px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.annual-stack-year.current{background:linear-gradient(180deg,transparent 0,rgba(39,168,199,.045) 100%);border-radius:10px}.annual-stack-total{font-size:7px;color:#71828d;margin-bottom:5px;white-space:nowrap}.annual-stack-shell{height:235px;width:62%;display:flex;align-items:flex-end}.annual-stack-bar{width:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start;border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 0 0 1px rgba(15,44,67,.05)}.annual-stack-bar i{display:block;width:100%;min-height:1px}.annual-stack-year>b{font-size:9px;margin-top:7px}.annual-stack-year.current>b{color:#0e78a8}.month-legend{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:13px}.month-legend span{display:flex;align-items:center;gap:4px;font-size:7px;color:#74848e}.month-legend i{display:inline-block;width:7px;height:7px;border-radius:2px}
@media(max-width:700px){.annual-stack-chart{min-width:760px}.history-panel{overflow:auto}}
.visual-metric-grid.four{grid-template-columns:repeat(4,1fr)}.market-overview-row{grid-template-columns:1.35fr 1fr}.market-split-bar{height:22px;border-radius:12px;overflow:hidden;background:#edf1f3;display:flex;margin:24px 0 13px}.market-split-bar i{display:block;height:100%}.market-split-bar .housing,.market-split-labels i.housing{background:#27a8c7}.market-split-bar .utility,.market-split-labels i.utility{background:#173b58}.market-split-labels{display:flex;gap:22px;font-size:9px;color:#72828d}.market-split-labels span{display:flex;align-items:center;gap:6px}.market-split-labels i{width:9px;height:9px;border-radius:2px}.market-split-labels b{color:#203b54}.market-subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.market-subgrid div{background:#f7f9fa;border:1px solid #e8edef;border-radius:10px;padding:12px}.market-subgrid small{display:block;font-size:7px;color:#82919a}.market-subgrid strong{display:block;font-size:14px;margin-top:5px}.market-donut-like{display:flex;align-items:center;gap:25px;margin-top:18px}.market-ring{--ren:0%;width:128px;height:128px;border-radius:50%;background:conic-gradient(#176b92 var(--ren),#e7edf0 0);position:relative;display:grid;place-items:center}.market-ring:after{content:"";position:absolute;width:86px;height:86px;background:white;border-radius:50%}.market-ring span{position:relative;z-index:1;font-weight:900;color:#173b58}.market-ring-copy{display:grid;gap:17px}.market-ring-copy small{font-size:8px;color:#7d8c95}.market-ring-copy strong{display:block;font-size:18px;margin-top:3px}.market-family-list{display:grid;gap:10px;margin-bottom:8px}.market-family-row{display:grid;grid-template-columns:180px 1fr 250px;align-items:center;gap:16px;background:white;border:1px solid var(--line);border-left:4px solid #8d9aa2;border-radius:11px;padding:13px 15px}.market-family-row.priority-1{border-left-color:#0e78a8}.market-family-row.priority-2{border-left-color:#d69422}.market-family-row.priority-3{border-left-color:#8d9aa2}.market-family-name small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.7px;color:#83929b}.market-family-name strong{display:block;font-size:12px;margin-top:3px}.market-family-bar{height:9px;background:#edf1f3;border-radius:8px;overflow:hidden}.market-family-bar i{display:block;height:100%;background:linear-gradient(90deg,#176b92,#27a8c7);border-radius:8px}.priority-2 .market-family-bar i{background:linear-gradient(90deg,#b77a20,#dda13b)}.priority-3 .market-family-bar i{background:linear-gradient(90deg,#748590,#a6b1b7)}.market-family-values{text-align:right}.market-family-values strong{display:block;font-size:13px}.market-family-values small{font-size:7px;color:#7f8e97}.market-sector-list>div{display:grid;grid-template-columns:25px 150px 1fr 100px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eef2f4;font-size:9px}.market-sector-list>div:first-child{border-top:0}.market-sector-list strong{text-align:right}.market-momentum-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.market-momentum-grid div{background:#f7f9fa;border:1px solid #e8edef;border-radius:10px;padding:15px}.market-momentum-grid small{display:block;font-size:7px;color:#7f8f98;text-transform:uppercase}.market-momentum-grid strong{display:block;font-size:18px;margin-top:6px}.market-note p{font-size:9px;color:#70818c;line-height:1.6}.nav-link.active{}@media(max-width:1000px){.visual-metric-grid.four{grid-template-columns:repeat(2,1fr)}.market-family-row{grid-template-columns:130px 1fr 180px}}@media(max-width:700px){.visual-metric-grid.four{grid-template-columns:1fr 1fr}.market-overview-row{grid-template-columns:1fr}.market-family-row{grid-template-columns:1fr}.market-family-values{text-align:left}.market-sector-list>div{grid-template-columns:25px 110px 1fr}.market-sector-list strong{grid-column:2/4;text-align:left}}

/* Team structure v2 - region ownership model */
.org-hero{position:relative;background:linear-gradient(135deg,#f8fbfd,#eef5f8);border:1px solid var(--line);border-radius:18px;padding:24px 28px 28px;margin-bottom:20px;overflow:hidden}.org-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(22,108,145,.08);right:-160px;top:-210px;box-shadow:0 0 0 55px rgba(22,108,145,.025),0 0 0 110px rgba(22,108,145,.018)}.org-hero-kicker{position:relative;z-index:1;font-size:9px;letter-spacing:1.4px;font-weight:900;color:#1b7a51;margin-bottom:15px}.org-cd-card{position:relative;z-index:1;width:min(560px,100%);margin:auto;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #dce6eb;border-radius:14px;padding:15px 18px;box-shadow:0 10px 28px rgba(19,51,70,.08)}.org-cd-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#b91f2e,#dd3341);color:#fff;font-weight:900;font-size:16px;flex:0 0 54px}.org-cd-card span{display:block;font-size:9px;font-weight:900;color:#b91f2e;text-transform:uppercase;letter-spacing:.65px}.org-cd-card strong{display:block;font-size:21px;margin-top:3px}.org-cd-card small{display:block;color:#73848f;font-size:9px;margin-top:4px}.org-direct-report-note{position:relative;z-index:1;text-align:center;font-size:9px;color:#70828e;margin-top:12px}.org-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.org-team-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 7px 24px rgba(18,50,70,.05)}.org-team-head{padding:18px 20px;color:#fff;display:flex;align-items:center;justify-content:space-between}.org-team-card.west .org-team-head{background:linear-gradient(115deg,#12395a,#17648a)}.org-team-card.east .org-team-head{background:linear-gradient(115deg,#17643f,#1b8b55)}.org-team-head small{font-size:8px;letter-spacing:1.2px;font-weight:900;opacity:.75}.org-team-head h2{font-size:24px;margin:2px 0}.org-team-head p{font-size:9px;margin:0;opacity:.86}.org-team-count{min-width:74px;text-align:center;border-left:1px solid rgba(255,255,255,.22);padding-left:17px}.org-team-count strong{display:block;font-size:23px}.org-team-count span{display:block;font-size:8px;opacity:.75}.org-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 14px 5px}.org-support-card{display:flex;gap:9px;align-items:flex-start;border:1px solid #e5ebef;border-radius:11px;background:#f9fbfc;padding:11px;min-height:96px}.org-role-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf5f8;color:#176f94;font-size:8px;font-weight:900;flex:0 0 32px}.org-support-card small{display:block;font-size:7px;font-weight:900;color:#758894;letter-spacing:.45px}.org-support-card strong{display:block;font-size:11px;line-height:1.25;margin-top:4px}.org-support-card p{font-size:7px;line-height:1.35;color:#80909a;margin:5px 0 0}.org-ram-title{display:flex;align-items:end;justify-content:space-between;padding:18px 16px 8px}.org-ram-title small{font-size:7px;font-weight:900;color:#83919a;letter-spacing:.8px}.org-ram-title h3{font-size:15px;margin:3px 0 0}.org-ram-title>span{font-size:7px;color:#7e8f98;max-width:240px;text-align:right;line-height:1.35}.org-region-list{padding:0 14px 15px}.org-region-row{display:grid;grid-template-columns:145px 1fr;gap:12px;border-top:1px solid #edf1f3;padding:11px 0;align-items:center}.org-region-code{display:flex;align-items:center;gap:8px}.org-region-code>strong{width:48px;min-width:48px;text-align:center;border-radius:8px;background:#eff4f7;color:#183c56;padding:7px 6px;font-size:10px}.org-team-card.west .org-region-code>strong{background:#eaf4f8;color:#17648a}.org-team-card.east .org-region-code>strong{background:#eaf7ef;color:#1a7449}.org-region-code small{font-size:8px;color:#758690;line-height:1.2}.org-person-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0}.org-person-line+ .org-person-line{margin-top:6px;padding-top:7px;border-top:1px dashed #e8edef}.org-person-line>div strong{display:block;font-size:10px}.org-person-line>div small{display:block;font-size:7px;color:#7b8b94;margin-top:3px;line-height:1.35}.org-status{display:inline-flex;align-items:center;justify-content:center;min-width:74px;border-radius:999px;padding:6px 9px;font-size:7px;font-weight:900;white-space:nowrap}.org-status.active{background:#e9f7ef;color:#23744b}.org-status.planned,.org-status.onboarding{background:#fff2dd;color:#9b6512}.org-status.transition{background:#eef1f7;color:#53637a}.org-status.vacant{background:#fce9e9;color:#b83b3b}.org-status.unknown{background:#eef2f4;color:#697985}.org-principles{margin-top:18px}.org-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.org-principle-grid>div{border:1px solid #e7ecef;border-radius:11px;padding:12px;background:#fafcfd}.org-principle-grid b{display:block;font-size:10px;color:#173b58;margin-bottom:5px}.org-principle-grid span{font-size:8px;color:#748690;line-height:1.45;display:block}
@media(max-width:1180px){.org-team-grid{grid-template-columns:1fr}.org-principle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.org-support-grid{grid-template-columns:1fr}.org-region-row{grid-template-columns:1fr}.org-ram-title{align-items:flex-start;gap:8px;flex-direction:column}.org-ram-title>span{text-align:left}.org-principle-grid{grid-template-columns:1fr}.org-person-line{align-items:flex-start}.org-team-head h2{font-size:21px}}

/* Commercial intelligence badges and channel/customer portfolio visuals */
.special-agreement-badge{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 7px;border-radius:999px;background:#fff4dc;border:1px solid #e8c66d;color:#7f5a08;font-size:7px;font-weight:850;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}.ab-portfolio-panel{margin-top:18px}.ab-product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}.ab-product-grid>div{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fafcfd;min-height:92px}.ab-product-grid>div.priority-1{border-top:3px solid #1f7eac}.ab-product-grid>div.priority-2{border-top:3px solid #7d72bb}.ab-product-grid>div.multi{border-top:3px solid #27895c}.ab-product-grid>div.muted{border-top:3px solid #aeb9c0}.ab-product-grid span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#71818c}.ab-product-grid strong{display:block;font-size:22px;margin:8px 0 4px}.ab-product-grid small{font-size:8px;color:#83919b;line-height:1.35}.channel-intel-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:22px}.channel-intel-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(18,50,70,.03);overflow:hidden}.channel-intel-card>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.5fr);gap:18px;align-items:center;padding:17px 19px}.channel-intel-card>summary::-webkit-details-marker{display:none}.channel-intel-card>summary:after{content:'Open';justify-self:end;font-size:8px;color:var(--blue);font-weight:800}.channel-intel-card[open]>summary:after{content:'Sluiten'}.channel-intel-card summary small{font-size:7px;color:#82919a;font-weight:800;letter-spacing:.08em}.channel-intel-card summary h3{margin:3px 0 5px;font-size:16px}.channel-intel-card summary span{font-size:8px;color:#72818b}.channel-product-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.channel-product-pills span{padding:6px 8px;border-radius:8px;background:#f2f5f7;font-weight:750;color:#566974}.channel-product-pills span.p1{background:#eaf4f8;color:#176f94}.channel-product-pills span.p2{background:#f0eef9;color:#5d5497}.channel-potential-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:11px 18px;background:#f7fafb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px}.channel-potential-strip b{color:#536875}.channel-potential-strip span{background:#fff;border:1px solid #e1e7ea;padding:4px 7px;border-radius:999px;color:#6c7b85}
@media(max-width:1100px){.ab-product-grid{grid-template-columns:repeat(3,1fr)}.channel-intel-card>summary{grid-template-columns:1fr}.channel-product-pills{justify-content:flex-start}.channel-intel-card>summary:after{justify-self:start}}
@media(max-width:700px){.ab-product-grid{grid-template-columns:repeat(2,1fr)}}

/* Rayon KPI visual comparison */
.kpi-legend-strip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:-4px 0 22px;font-size:9px;color:#6d7d87}.kpi-legend-strip small{margin-left:auto;color:#8a979f}.kpi-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.kpi-dot.target{background:#aeb9c0}.kpi-dot.good{background:#2d9a63}.kpi-dot.warn{background:#d79a2c}.kpi-dot.bad{background:#c9564e}.rayon-kpi-team{margin:0 0 28px}.rayon-team-head{margin-top:0}.rayon-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.rayon-kpi-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 18px;box-shadow:0 5px 18px rgba(18,50,70,.035)}.rayon-kpi-card>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f3;padding-bottom:11px;margin-bottom:13px}.rayon-kpi-card>header small{display:block;color:#82919a;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.rayon-kpi-card>header h3{margin:3px 0 0;font-size:18px}.overall-score{font-size:10px;font-weight:800;color:#217349;background:#eaf8f0;padding:6px 9px;border-radius:20px}.overall-muted{font-size:8px;color:#87949c;background:#f2f5f7;padding:6px 9px;border-radius:20px}.rayon-kpi-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rayon-kpi-metric{border:1px solid #e7ecef;border-left:4px solid #b9c4ca;border-radius:10px;padding:11px 12px;background:#fafbfc}.rayon-kpi-metric.good{border-left-color:#2d9a63;background:#f6fbf8}.rayon-kpi-metric.warn{border-left-color:#d79a2c;background:#fffbf3}.rayon-kpi-metric.bad{border-left-color:#c9564e;background:#fff8f7}.metric-title span{display:block;font-size:7px;color:#82919a;text-transform:uppercase;letter-spacing:.06em}.metric-title b{display:block;font-size:10px;margin-top:2px}.actual-target-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.actual-target-row>div{background:white;border:1px solid #edf1f3;border-radius:8px;padding:8px}.actual-target-row small{display:block;font-size:7px;color:#8a979f}.actual-target-row strong{display:block;font-size:15px;margin-top:3px}.kpi-delta-line{font-size:8px;margin-top:8px;min-height:12px;color:#85939c}.rayon-kpi-card>footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f3;margin-top:13px;padding-top:10px;font-size:8px;color:#74838c}.rayon-kpi-card>footer a{color:var(--blue);font-weight:700}.kpi-settings-form h4 small{font-weight:500;color:#88969e}.settings-grid input::placeholder{color:#a7b1b7}.settings-grid .muted-copy{margin-top:4px}
@media(max-width:1000px){.rayon-kpi-grid{grid-template-columns:1fr}.rayon-kpi-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.rayon-kpi-metrics{grid-template-columns:1fr}.kpi-legend-strip small{width:100%;margin-left:0}}

/* Team administratie - structured input form */
.team-admin-entry-panel{padding:22px 24px}.team-admin-hint{font-size:8px;color:#87949c}.team-admin-form{margin-top:16px}.team-admin-form-section{border-top:1px solid #edf1f3;padding:18px 0}.team-admin-form-section:first-of-type{border-top:0;padding-top:4px}.team-admin-section-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.team-admin-section-head>span{width:24px;height:24px;border-radius:7px;background:#eaf4f8;color:#176f94;display:grid;place-items:center;font-size:9px;font-weight:900;flex:0 0 24px}.team-admin-section-head b{display:block;font-size:11px;color:#17364c}.team-admin-section-head small{display:block;font-size:8px;color:#84929b;margin-top:3px;font-weight:500}.team-admin-grid{display:grid;gap:12px}.team-admin-grid.four{grid-template-columns:1.45fr .85fr .8fr .75fr}.team-admin-grid.three{grid-template-columns:repeat(3,1fr)}.team-admin-grid.two{grid-template-columns:repeat(2,1fr)}.team-admin-form label{display:block;font-size:8px;font-weight:800;color:#5f707c;text-transform:uppercase;letter-spacing:.045em}.team-admin-form input,.team-admin-form select,.team-admin-form textarea{width:100%;margin-top:7px;border:1px solid #dce5ea;background:#fff;border-radius:9px;padding:10px 11px;color:#17364c;font:inherit;font-size:10px;outline:none;min-height:38px}.team-admin-form select{appearance:auto}.team-admin-form input:focus,.team-admin-form select:focus,.team-admin-form textarea:focus{border-color:#2689ae;box-shadow:0 0 0 3px rgba(38,137,174,.09)}.team-admin-form textarea{resize:vertical;min-height:68px}.team-admin-new-person{display:none!important}.team-admin-new-person.is-visible{display:block!important}.field-help{display:inline!important;margin-left:5px!important;font-size:7px!important;font-weight:500!important;color:#9ba7ae!important;text-transform:none!important;letter-spacing:0!important}.note-section label{max-width:none}.team-admin-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f6f9fa;border:1px solid #e8eef1;border-radius:10px;padding:12px 14px;margin-top:4px}.team-admin-actions span{font-size:8px;color:#7a8992}.team-admin-actions .primary-btn{white-space:nowrap;min-width:145px}.team-admin-form .field-wide{min-width:0}
@media(max-width:1150px){.team-admin-grid.four{grid-template-columns:1fr 1fr}.team-admin-grid.three{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.team-admin-grid.four,.team-admin-grid.three,.team-admin-grid.two{grid-template-columns:1fr}.team-admin-actions{align-items:stretch;flex-direction:column}.team-admin-actions .primary-btn{width:100%}}

/* Team workload visual bars */
.workload-dashboard-panel{padding:20px 22px}.workload-head-actions{display:flex;align-items:center;gap:18px;font-size:8px;color:#72828d}.workload-head-actions>span{display:flex;align-items:center;gap:6px}.workload-head-actions i{display:inline-block;width:3px;height:18px;background:#193a52;border-radius:2px}.workload-scale{display:grid;grid-template-columns:repeat(8,1fr);margin:14px 0 7px;padding-left:165px;color:#7f909b;font-size:7px}.workload-scale span{text-align:center}.workload-chart{display:grid;gap:7px}.workload-team-label{display:flex;align-items:center;gap:10px;padding:10px 0 4px;margin-top:4px;border-top:1px solid #edf1f3}.workload-team-label:first-child{border-top:0;margin-top:0}.workload-team-label b{font-size:10px;color:#173b58}.workload-team-label span{font-size:7px;color:#83919b}.workload-row{display:grid;grid-template-columns:155px 1fr;gap:10px;align-items:center}.workload-person b{display:block;font-size:9px}.workload-person small{display:block;font-size:7px;color:#82919b;margin-top:2px}.workload-track{height:24px;background:repeating-linear-gradient(90deg,#f1f5f7 0,#f1f5f7 calc(14.285% - 1px),#e3eaee calc(14.285% - 1px),#e3eaee 14.285%);border-radius:6px;position:relative;overflow:visible}.workload-track:before{content:"";position:absolute;left:51.43%;width:11.43%;top:0;bottom:0;background:rgba(53,168,105,.08);z-index:0}.workload-target-line{position:absolute;left:57.14%;top:-3px;bottom:-3px;width:2px;background:#203b54;z-index:3;border-radius:2px}.workload-fill{position:absolute;left:0;top:2px;bottom:2px;z-index:2;border-radius:5px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;min-width:2px;font-style:normal}.workload-fill b{color:white;font-size:8px}.workload-row.good .workload-fill{background:linear-gradient(90deg,#23925a,#38b96f)}.workload-row.warn .workload-fill{background:linear-gradient(90deg,#d88b21,#eea63c)}.workload-row.bad .workload-fill{background:linear-gradient(90deg,#c94b45,#e06058)}.workload-no-target{position:absolute;left:9px;top:5px;font-size:7px;color:#6f808a;z-index:2}.workload-note{font-size:7px;color:#80909a;margin-top:13px;padding-top:10px;border-top:1px solid #edf1f3}.workload-dashboard-panel .panel-title{margin-bottom:4px}
@media(max-width:800px){.workload-scale{padding-left:115px}.workload-row{grid-template-columns:105px 1fr}.workload-person b{font-size:8px}.workload-head-actions>span{display:none}}

/* Commercial network v2 */
.network-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr);gap:16px;align-items:stretch}.commercial-network-panel,.network-detail-panel{min-height:560px}.commercial-network-map{height:470px;border:1px solid #e5ebef;border-radius:12px;background:linear-gradient(180deg,#fbfdfe,#f5f9fb);overflow:hidden;margin-top:12px}.commercial-network-map svg{width:100%;height:100%;display:block}.commercial-edge{stroke:#c8d9e3;stroke-width:1.3;opacity:.85}.commercial-edge.wholesaler_installer{stroke:#6eaee0}.commercial-edge.client_installer{stroke:#73b98f;stroke-dasharray:4 3}.commercial-edge.installer_installer{stroke:#a6b4bd;stroke-dasharray:2 3}.commercial-edge.contractor_installer{stroke:#ca9c73;stroke-dasharray:5 3}.commercial-node{cursor:pointer}.commercial-node circle{stroke:#fff;stroke-width:4;filter:drop-shadow(0 3px 5px rgba(20,45,64,.16))}.commercial-node.wholesaler circle{fill:#2f80d8}.commercial-node.installer circle{fill:#2ca96b}.commercial-node.client circle{fill:#ef8d27}.commercial-node.contractor circle{fill:#778692}.commercial-node.other circle{fill:#8e78c4}.commercial-node:hover circle,.commercial-node:focus circle{stroke:#173b58;stroke-width:3}.commercial-node-label{font-size:9px;fill:#19364a;font-weight:700}.commercial-network-legend{display:flex;gap:15px;flex-wrap:wrap;margin-top:12px;font-size:8px;color:#74848e}.commercial-network-legend span{display:flex;align-items:center;gap:5px}.commercial-network-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.commercial-network-legend i.wholesaler{background:#2f80d8}.commercial-network-legend i.installer{background:#2ca96b}.commercial-network-legend i.client{background:#ef8d27}.commercial-network-legend i.contractor{background:#778692}.commercial-network-legend .line-key{margin-left:auto}.network-detail-panel{position:relative}.network-type-pill{font-size:8px;font-weight:800;padding:5px 8px;border-radius:999px;background:#eef2f4;color:#60717c}.network-type-pill.wholesaler{background:#e9f3ff;color:#2c6da5}.network-type-pill.installer{background:#e9f8ef;color:#25744b}.network-type-pill.client{background:#fff1e2;color:#a46118}.network-type-pill.contractor{background:#eef1f3;color:#5c6972}.network-detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}.network-detail-meta span{font-size:8px;color:#74848f;background:#f4f7f9;border-radius:999px;padding:5px 8px}.network-detail-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.network-detail-kpis>div{border:1px solid #e6ecef;border-radius:10px;padding:12px;background:#fafcfd}.network-detail-kpis small{display:block;font-size:7px;color:#83919a}.network-detail-kpis strong{display:block;font-size:17px;margin-top:5px}.network-detail-section{border-top:1px solid #edf1f3;padding-top:12px;margin-top:12px}.network-detail-section>b{display:block;font-size:8px;color:#61737f;margin-bottom:7px}.network-analysis-row{margin-top:18px}.network-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.network-product-grid>div{border:1px solid #e6ecef;border-radius:10px;padding:12px;background:#fafcfd}.network-product-grid>div>b{display:block;font-size:10px;margin-bottom:9px}.network-product-grid>div>span{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid #edf1f3}.network-product-grid small{font-size:7px;color:#81909a}.network-product-grid strong{font-size:12px}.network-product-grid .potential strong{color:#b06e16}.network-role-pipeline{display:grid;gap:5px;margin-top:12px}.network-role-pipeline>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f3;padding:11px 0}.network-role-pipeline>div:first-child{border-top:0}.network-role-pipeline b{display:block;font-size:9px}.network-role-pipeline small{display:block;font-size:7px;color:#83919b;margin-top:2px}.network-role-pipeline>div>strong{font-size:12px}.network-contact-alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.network-contact-alerts>div{border:1px solid #e7ecef;border-radius:10px;padding:12px;background:#fafcfd}.network-contact-alerts span,.network-contact-alerts small{display:block;font-size:7px;color:#7f8f98}.network-contact-alerts strong{display:block;font-size:21px;margin:6px 0}.network-contact-alerts .attention{background:#fff9ef;border-color:#f0dfb9}.network-contact-alerts .attention strong{color:#b17316}.network-contact-alerts .urgent{background:#fff4f3;border-color:#efceca}.network-contact-alerts .urgent strong{color:#bc4037}
@media(max-width:1150px){.network-main-grid{grid-template-columns:1fr}.commercial-network-panel,.network-detail-panel{min-height:auto}.network-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.network-product-grid,.network-contact-alerts{grid-template-columns:1fr}.commercial-network-map{height:520px}}

/* Network region selector */
.network-hero-row{gap:24px}.network-hero-actions{display:flex;align-items:flex-end;gap:12px;flex:0 0 auto}.network-hero-actions label{display:grid;gap:6px;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a8d6e4}.network-hero-actions select{min-width:205px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;border-radius:9px;padding:10px 32px 10px 11px;font-size:10px;font-weight:700;outline:none}.network-hero-actions select option{color:#17364c;background:#fff}.network-hero-actions .hero-link{white-space:nowrap}.network-kpi-grid strong span{font:inherit;color:inherit}
@media(max-width:950px){.network-hero-row{align-items:flex-start;flex-direction:column}.network-hero-actions{width:100%;align-items:stretch}.network-hero-actions label{flex:1}.network-hero-actions select{width:100%}}
@media(max-width:600px){.network-hero-actions{flex-direction:column}.network-hero-actions .hero-link{text-align:center}}

/* Productmix v3 — count-based YTD market share */
.productmix-hero{gap:22px}.productmix-hero .hero-link{flex:0 0 auto;color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:9px 11px;border-radius:8px;font-size:9px;font-weight:800}.productmix-grid{grid-template-columns:1fr 1fr;align-items:start}.productmix-kpis{margin-bottom:8px}.productmix-compare-panel .panel-title{padding-bottom:10px}.comparison-pill,.plc-pill,.source-reference{font-size:8px;font-weight:800;border-radius:999px;padding:6px 9px;background:#edf5f8;color:#176f94;white-space:nowrap}.plc-pill{background:#eef7f2;color:#24764e}.source-reference{background:#f2f5f7;color:#687b87;max-width:350px;overflow:hidden;text-overflow:ellipsis}.productmix-compare-panel td:nth-child(n+2),.productmix-compare-panel th:nth-child(n+2){text-align:right}.market-unit-row{margin-top:0}.productmix-market-card{overflow:hidden}.unit-market-formula{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,.8fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch;margin-top:17px}.unit-market-formula>div{background:#f7f9fa;border:1px solid #e8edef;border-radius:10px;padding:12px;min-width:0}.unit-market-formula>div.accent{background:#edf7fa;border-color:#d5e8ef}.unit-market-formula>div.accent.fire{background:#f2f7f4;border-color:#dcebe2}.unit-market-formula>b{display:grid;place-items:center;color:#91a0a9;font-size:13px}.unit-market-formula small,.unit-market-formula span{display:block;font-size:7px;color:#82919a;line-height:1.25}.unit-market-formula strong{display:block;font-size:16px;color:#173b58;margin:6px 0 4px;white-space:nowrap}.market-share-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.market-share-strip>div{border-top:1px solid #edf1f3;padding:12px 5px 1px}.market-share-strip small,.market-share-strip span{display:block;font-size:7px;color:#82919a}.market-share-strip strong{display:block;font-size:17px;margin:5px 0 3px;color:#173b58}.market-share-strip .share{background:#eef7fa;border:1px solid #dceaf0;border-radius:9px;padding:10px}.market-share-strip .share.fire{background:#eef7f2;border-color:#dcebe2}.market-share-strip .share strong{font-size:20px;color:#0e78a8}.market-share-strip .share.fire strong{color:#24764e}.productmix-method-panel{margin-top:3px}.productmix-method-panel .method-grid{margin-bottom:7px}
@media(max-width:1180px){.productmix-grid{grid-template-columns:1fr}.unit-market-formula{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}
@media(max-width:760px){.unit-market-formula{grid-template-columns:1fr}.unit-market-formula>b{display:none}.market-share-strip{grid-template-columns:1fr 1fr}.productmix-compare-panel{overflow:auto}.productmix-compare-panel table{min-width:650px}.productmix-method-panel .panel-title{align-items:flex-start;gap:8px;flex-direction:column}.source-reference{max-width:100%}}
@media(max-width:500px){.market-share-strip{grid-template-columns:1fr}.productmix-hero .hero-link{width:100%;text-align:center}}


/* Customer mapping redesign — 2026-09-06 */
body:has(.customer-map-page) .content{padding-top:18px}
body:has(.customer-map-page) .topbar{height:78px}
.customer-map-page{display:block}
.customer-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}
.customer-kpi-card{min-height:116px;background:#fff;border:1px solid #e3e9ed;border-radius:14px;padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;box-shadow:0 7px 20px rgba(24,53,74,.04)}
.customer-kpi-card>div{min-width:0}.customer-kpi-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:900;background:#eef4f8;color:#1b78a1}.customer-kpi-card label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#5f7380;margin:2px 0 6px}.customer-kpi-card strong{display:block;font-size:26px;line-height:1.02;color:#0f2c43;white-space:nowrap}.customer-kpi-card small{display:block;font-size:9px;color:#7b8c96;margin-top:7px;line-height:1.35}.customer-kpi-card.green .customer-kpi-icon{background:#eaf8ef;color:#23945d}.customer-kpi-card.green{background:linear-gradient(135deg,#fff,#f5fcf8)}.customer-kpi-card.orange .customer-kpi-icon{background:#fff1df;color:#dd7915}.customer-kpi-card.orange{background:linear-gradient(135deg,#fff,#fff8ef)}.customer-kpi-card.purple .customer-kpi-icon{background:#f2ecff;color:#8053d6}.customer-kpi-card.purple{background:linear-gradient(135deg,#fff,#faf7ff)}.customer-kpi-card.teal .customer-kpi-icon{background:#e6f8f7;color:#149a9c}.customer-kpi-card.teal{background:linear-gradient(135deg,#fff,#f5fcfc)}
.customer-region-panel,.customer-product-panel,.customer-account-panel{background:#fff;border:1px solid #e3e9ed;border-radius:15px;box-shadow:0 7px 22px rgba(24,53,74,.035)}
.customer-region-panel{padding:18px 18px 16px;margin-bottom:14px}.customer-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.customer-panel-head.compact{margin-bottom:10px}.customer-panel-head small{display:block;font-size:8px;letter-spacing:.10em;font-weight:900;color:#7e8f9a}.customer-panel-head h2{font-size:17px;margin:3px 0 2px;color:#102c43}.customer-panel-head p{font-size:9px;color:#7b8b95;margin:0;line-height:1.45}.customer-region-reset{appearance:none;border:1px solid #d7e0e6;background:#fff;color:#203d52;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.customer-region-reset span{margin-left:11px;color:#78909e}.customer-region-reset.active{background:#f7fafb;border-color:#cbdbe4}
.customer-region-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.customer-region-card{appearance:none;border:1px solid #dce5ea;background:#fff;border-radius:11px;padding:11px 11px 9px;text-align:left;color:#17364c;font:inherit;cursor:pointer;transition:.16s;min-width:0}.customer-region-card:hover{border-color:#a9cad8;box-shadow:0 6px 18px rgba(29,78,105,.08);transform:translateY(-1px)}.customer-region-card.active{border-color:#2189b3;box-shadow:0 0 0 2px rgba(33,137,179,.09)}.customer-region-card header{display:flex;align-items:center;gap:8px;margin-bottom:9px}.customer-region-pin{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#1775cf;font-weight:900;flex:0 0 25px}.customer-region-card header b{display:block;font-size:11px;line-height:1.15}.customer-region-card header small{display:block;font-size:7px;color:#8b99a2;margin-top:2px}.customer-region-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:9px}.customer-region-metrics>div{padding:2px 7px;border-left:1px solid #e7ecef;min-width:0}.customer-region-metrics>div:first-child{border-left:0;padding-left:0}.customer-region-metrics strong{display:block;font-size:12px;color:#0f2c43;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-region-metrics span{display:block;font-size:7px;color:#82919a;margin-top:2px}.customer-region-card footer{border:0;margin:0;padding:0;display:flex;justify-content:space-between;gap:5px}.customer-region-card footer span{flex:1;border-radius:7px;padding:5px 6px;font-size:7px;font-weight:800;white-space:nowrap;text-align:center}.customer-region-card footer .potential{background:#eaf9ef;color:#1f8650}.customer-region-card footer .urgent{background:#fff1e7;color:#c66416}.customer-region-card footer .attention{background:#fff7e7;color:#a06a11}.customer-region-card footer .neutral{background:#f3f6f7;color:#75858f}
.customer-map-lower-grid{display:grid;grid-template-columns:minmax(370px,.82fr) minmax(0,1.38fr);gap:14px;align-items:start}.customer-product-panel,.customer-account-panel{padding:16px}.customer-account-panel{padding:0;overflow:hidden}.customer-account-panel .customer-panel-head{padding:16px 16px 10px;margin:0}.customer-source-note{font-size:7px!important;color:#8796a0!important;white-space:nowrap;margin-top:4px}.customer-product-list{display:grid;gap:9px;margin-top:13px}.customer-product-row{display:grid;grid-template-columns:102px minmax(90px,1fr) 88px 70px;gap:10px;align-items:center}.customer-product-label{display:flex;align-items:center;gap:8px;min-width:0}.customer-product-label b{font-size:9px;white-space:nowrap}.customer-product-icon{width:9px;height:9px;border-radius:50%;background:#2f9c63;box-shadow:0 0 0 4px #e9f7ef;flex:0 0 9px}.customer-product-row.fire .customer-product-icon{background:#e94e45;box-shadow:0 0 0 4px #fdeceb}.customer-product-row.pac .customer-product-icon{background:#f29a32;box-shadow:0 0 0 4px #fff2e4}.customer-product-row.cctv .customer-product-icon{background:#7b4ce1;box-shadow:0 0 0 4px #f1ebff}.customer-product-track{height:10px;border-radius:10px;background:#e7edf1;overflow:hidden}.customer-product-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#1f9c61,#31bd77)}.customer-product-row.fire .customer-product-track i{background:linear-gradient(90deg,#e9483f,#f07870)}.customer-product-row.pac .customer-product-track i{background:linear-gradient(90deg,#e98720,#f5ad52)}.customer-product-row.cctv .customer-product-track i{background:linear-gradient(90deg,#6d43d0,#956ce8)}.customer-product-count strong,.customer-product-interest b{display:block;font-size:11px;color:#17364c}.customer-product-count span,.customer-product-interest span{display:block;font-size:7px;color:#81919b;margin-top:1px}.customer-product-interest{text-align:right}.account-head{align-items:center!important}.customer-table-search{width:min(360px,40%);height:36px;border:1px solid #dbe4e9;border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#fff}.customer-table-search>span{font-size:14px;color:#6f8a9b}.customer-table-search input{border:0;outline:0;width:100%;font-size:8px;color:#17364c;background:transparent}.customer-table-wrap{overflow:auto;border-top:1px solid #edf1f3}.customer-account-table{width:100%;border-collapse:collapse;white-space:normal!important;min-width:850px}.customer-account-table th{text-align:left;background:#f7f9fb;color:#71828d;font-size:7px;letter-spacing:.05em;text-transform:uppercase;padding:8px 9px;white-space:nowrap}.customer-account-table td{vertical-align:top;padding:9px;border-top:1px solid #edf1f3;font-size:8px;line-height:1.35;color:#253d4e}.customer-account-table td>b,.customer-account-name b{font-size:8px;color:#17364c}.customer-account-table td>small{display:block;font-size:7px;color:#82919a;margin-top:3px}.customer-account-table tbody tr:hover{background:#fbfdfe}.customer-account-name{display:flex;align-items:center;gap:5px;min-width:120px}.customer-account-name span{color:#c08b20;font-size:8px}.customer-mini-badge{display:inline-block;margin-top:4px;font-style:normal;font-size:6px;font-weight:800;color:#526d7d;background:#edf3f6;border-radius:999px;padding:3px 5px}.customer-mini-badge.vacancy{background:#fdeceb;color:#a84640}.customer-inline-tags{display:flex;gap:3px;flex-wrap:wrap;max-width:170px}.customer-inline-tags+ .customer-inline-tags{margin-top:4px}.customer-inline-tags span{border-radius:999px;padding:2px 5px;font-size:6px;border:1px solid #dfe7eb;background:#f4f7f9;color:#4c6676;white-space:nowrap}.customer-inline-tags.request span{background:#eaf4ff;color:#246995;border-color:#d6e7f4}.customer-channel-line{font-size:6px;color:#6d8290;margin-top:4px;max-width:150px;white-space:normal}.customer-abc{display:inline-grid;place-items:center;min-width:27px;height:20px;border-radius:999px;font-size:7px;font-weight:900}.customer-abc-a{background:#dff5e8;color:#1b7d49}.customer-abc-b{background:#deeffa;color:#1d6d9b}
@media(max-width:1320px){.customer-kpi-grid{grid-template-columns:repeat(3,1fr)}.customer-region-grid{grid-template-columns:repeat(4,1fr)}.customer-map-lower-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.customer-region-grid{grid-template-columns:repeat(3,1fr)}.customer-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body:has(.customer-map-page) .topbar{height:auto;min-height:78px}.customer-region-grid{grid-template-columns:repeat(2,1fr)}.customer-panel-head{flex-direction:column;align-items:flex-start}.customer-region-reset{align-self:stretch}.customer-table-search{width:100%}.customer-product-row{grid-template-columns:90px 1fr 78px}.customer-product-interest{display:none}}
@media(max-width:520px){.customer-kpi-grid,.customer-region-grid{grid-template-columns:1fr}.customer-kpi-card{min-height:100px}.customer-product-row{grid-template-columns:82px 1fr 70px}.customer-map-lower-grid{display:block}.customer-product-panel{margin-bottom:14px}}

/* Productmix v4 — executive visual dashboard */
.productmix-v4-hero{position:relative;overflow:hidden;gap:24px;padding:25px 28px;background:linear-gradient(112deg,#102c43 0%,#164a68 68%,#176282 100%)}
.productmix-v4-hero:after{content:"";position:absolute;right:-50px;top:-110px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018)}
.productmix-v4-hero-copy,.productmix-v4-hero-side{position:relative;z-index:1}.productmix-v4-hero-copy{max-width:850px}.productmix-v4-hero h2{font-size:29px;margin:6px 0 7px}.productmix-v4-hero p{max-width:900px}.productmix-v4-hero-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}.hero-period{font-size:8px;font-weight:850;letter-spacing:.05em;color:#c5e2ec;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);padding:8px 10px;border-radius:8px;white-space:nowrap}.productmix-v4-hero .hero-link{color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);padding:8px 10px;border-radius:8px;font-size:8px;font-weight:850}
.productmix-v4-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}.pm-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 15px 13px;min-height:132px;box-shadow:0 6px 20px rgba(18,50,70,.035);display:flex;flex-direction:column;min-width:0}.pm-kpi-intercom{border-top:3px solid #176f94}.pm-kpi-fire{border-top:3px solid #2a9b66}.pm-kpi-head{display:flex;align-items:center;gap:8px;min-height:27px}.pm-kpi-head label{font-size:8px;font-weight:850;color:#526773;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}.pm-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#edf5f8;color:#176f94;font-size:12px;font-weight:900;flex:0 0 25px}.pm-icon.pie{background:#edf8f2;color:#2b9564}.pm-icon.bars{background:#eef4fb;color:#286d9a}.pm-icon.fire{background:#eef8f2;color:#2b9564}.pm-kpi>strong{font-size:24px;line-height:1;margin-top:12px;color:#102e45;white-space:nowrap}.pm-kpi>strong em{font-style:normal;color:#a0adb5;font-weight:500;font-size:15px}.pm-kpi>small{font-size:8px;color:#748791;margin-top:5px;line-height:1.35}.pm-delta{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:auto;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:850}.pm-delta.up,.pm-growth-badge.up{background:#e9f8ef;color:#20814f}.pm-delta.down,.pm-growth-badge.down{background:#fceceb;color:#b4463f}.pm-delta span{font-size:7px;font-weight:650;color:#667b86}.pm-kpi-foot{margin-top:auto;font-size:8px;font-weight:800;color:#287253}.pm-mix-track{display:flex;height:8px;border-radius:6px;overflow:hidden;background:#edf2f4;margin-top:auto}.pm-mix-track i{display:block;height:100%}.pm-mix-track .video{background:#0f6f99}.pm-mix-track .audio{background:#6cc2e6}.pm-mix-track .addressable{background:#2eae70}.pm-mix-track .conventional{background:#74c4e5}.pm-mix-track .wireless{background:#c8d2d8}.pm-fire-mix-value{font-size:19px!important}
.productmix-v4-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.comparison-grid{margin-top:0}.pm-chart-panel{padding:19px 20px 15px;min-width:0;overflow:hidden}.pm-chart-head{gap:15px}.pm-chart-head h3{font-size:15px}.pm-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:7px;color:#667a85}.pm-legend span{display:flex;align-items:center;gap:5px}.pm-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.video-dot{background:#0f6f99}.audio-dot{background:#6cc2e6}.address-dot{background:#2eae70}.conv-dot{background:#74c4e5}.wire-dot{background:#c8d2d8}.pm-total-compare{display:grid;gap:8px;margin-top:17px;padding:14px;background:#f8fafb;border:1px solid #e9eef1;border-radius:11px}.pm-total-row{display:grid;grid-template-columns:92px minmax(160px,1fr) 94px;gap:10px;align-items:center}.pm-row-label{display:flex;justify-content:space-between;gap:8px;align-items:center}.pm-row-label span{font-size:8px;color:#6d7f89}.pm-row-label strong{font-size:10px;color:#17364c}.pm-total-row.current .pm-row-label strong{color:#0e78a8}.pm-stacked-bar{height:25px;display:flex;border-radius:5px;overflow:hidden;background:#e8eef1}.pm-stacked-bar i{height:100%;display:flex;align-items:center;justify-content:center;font-style:normal;min-width:0}.pm-stacked-bar i b{font-size:7px;color:#fff;white-space:nowrap}.pm-stacked-bar .video{background:#0f6f99}.pm-stacked-bar .audio{background:#6cc2e6}.pm-stacked-bar .addressable{background:#2eae70}.pm-stacked-bar .conventional{background:#74c4e5}.pm-stacked-bar .conventional b{color:#17364c}.pm-mix-copy small,.pm-mix-copy b{display:block}.pm-mix-copy small{font-size:6px;color:#91a0a8}.pm-mix-copy b{font-size:7px;color:#556b78;margin-top:2px;white-space:nowrap}.pm-segment-list{display:grid;gap:12px;margin-top:15px}.pm-segment-group{border-top:1px solid #edf1f3;padding-top:11px}.pm-segment-group:first-child{border-top:0;padding-top:0}.pm-segment-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.pm-segment-label b{font-size:9px}.pm-growth-badge{font-size:7px;font-weight:850;padding:4px 6px;border-radius:999px}.pm-segment-line{display:grid;grid-template-columns:32px 52px 1fr;gap:8px;align-items:center;margin:4px 0}.pm-segment-line>span{font-size:7px;color:#84939c}.pm-segment-line>strong{text-align:right;font-size:8px;color:#455d6b}.pm-bar-track{height:8px;background:#edf2f4;border-radius:7px;overflow:hidden}.pm-bar-track i{display:block;height:100%;border-radius:7px;opacity:.7}.pm-bar-track i.current{opacity:1}.pm-bar-track .video{background:#0f6f99}.pm-bar-track .audio{background:#6cc2e6}.pm-bar-track .addressable{background:#2eae70}.pm-bar-track .conventional{background:#74c4e5}.pm-bar-track .wireless{background:#aebbc2}.pm-panel-note{font-size:7px;color:#84949d;margin:13px 0 0;padding-top:10px;border-top:1px solid #edf1f3;line-height:1.5}.fire-segments{gap:8px}.fire-segments .pm-segment-group{padding-top:8px}.fire-segments .pm-segment-line{margin:3px 0}
.market-grid{margin-top:15px}.pm-market-panel{padding:19px 20px}.pm-market-panel .panel-title{gap:12px}.pm-market-panel .panel-title h3{font-size:14px}.pm-formula-flow{display:grid;grid-template-columns:minmax(105px,1.15fr) 14px minmax(72px,.72fr) 14px minmax(105px,1fr) 14px minmax(95px,.9fr) 14px minmax(115px,1.1fr);gap:5px;align-items:stretch;margin-top:16px}.pm-formula-flow.fire-flow{grid-template-columns:minmax(95px,1.05fr) 13px minmax(70px,.7fr) 13px minmax(65px,.65fr) 13px minmax(92px,.9fr) 13px minmax(92px,.9fr) 13px minmax(105px,1fr)}.pm-formula-flow>b{display:grid;place-items:center;color:#9aa8b0;font-size:11px}.pm-formula-card{background:#f7f9fa;border:1px solid #e8edef;border-radius:9px;padding:10px;min-width:0}.pm-formula-card small,.pm-formula-card span{display:block;font-size:6px;line-height:1.3;color:#81919b}.pm-formula-card strong{display:block;font-size:13px;color:#17364c;margin:5px 0 3px;white-space:nowrap}.pm-formula-card.result{background:#eaf7f9;border-color:#d6eaf0}.pm-formula-card.result strong{color:#0e789d;font-size:15px}.pm-formula-card.result.fire{background:#edf8f2;border-color:#d9ece1}.pm-formula-card.result.fire strong{color:#278356}.pm-market-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:12px}.pm-market-summary>div{position:relative;background:#f7f9fa;border:1px solid #e8edef;border-radius:10px;padding:12px 13px 11px 43px;min-height:69px}.pm-market-summary>div.highlight{background:linear-gradient(135deg,#ecfaf4,#e3f7ee);border-color:#d3ecdf}.pm-market-summary>div.highlight.fire{background:linear-gradient(135deg,#edf9f3,#e4f7ed)}.pm-market-summary small,.pm-market-summary em{display:block;font-size:6px;color:#758892;font-style:normal}.pm-market-summary strong{display:block;font-size:19px;color:#17364c;margin:4px 0 2px}.pm-market-summary .highlight strong{color:#168759;font-size:22px}.summary-icon{position:absolute;left:13px;top:15px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#e9f2f6;color:#176f94;font-size:11px}.highlight .summary-icon{background:#d9f1e4;color:#198654}
.pm-insights-panel{margin-top:15px;padding:17px 20px}.pm-insights-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px}.pm-insights-grid>div{display:grid;grid-template-columns:24px 1fr;gap:9px;padding:4px 16px;border-left:1px solid #e8edef}.pm-insights-grid>div:first-child{border-left:0;padding-left:0}.pm-insights-grid>div>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#19895a;color:#fff;font-size:8px;font-weight:900}.pm-insights-grid p{font-size:8px;line-height:1.5;color:#536b78;margin:1px 0}.pm-insights-grid b{color:#17364c}.pm-method-details{padding:0;overflow:hidden}.pm-method-details summary{list-style:none;cursor:pointer;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.pm-method-details summary::-webkit-details-marker{display:none}.pm-method-details summary small{display:block;font-size:7px;color:#83929b;letter-spacing:.08em}.pm-method-details summary b{display:block;font-size:10px;margin-top:2px}.pm-method-details summary em{font-style:normal;font-size:7px;color:#0e78a8;font-weight:800}.pm-method-details[open] summary{border-bottom:1px solid #edf1f3}.pm-method-details .method-grid{padding:0 18px 8px}.pm-method-details>.chart-note{padding:0 18px 15px}
@media(max-width:1320px){.productmix-v4-kpis{grid-template-columns:repeat(3,1fr)}.pm-formula-flow,.pm-formula-flow.fire-flow{grid-template-columns:1fr 13px 1fr 13px 1fr}.pm-formula-flow .pm-formula-card.result,.pm-formula-flow.fire-flow .pm-formula-card.result{grid-column:auto}.pm-formula-flow>b:nth-of-type(n+5){display:none}}
@media(max-width:1100px){.productmix-v4-grid{grid-template-columns:1fr}.pm-chart-panel,.pm-market-panel{width:100%}.pm-insights-grid{grid-template-columns:1fr 1fr}.pm-insights-grid>div:nth-child(3){border-left:0}.pm-insights-grid>div{padding-top:10px;padding-bottom:10px}.productmix-v4-hero{align-items:flex-start;flex-direction:column}.productmix-v4-hero-side{width:100%;justify-content:flex-end}}
@media(max-width:760px){.productmix-v4-kpis{grid-template-columns:1fr 1fr}.pm-total-row{grid-template-columns:80px 1fr}.pm-mix-copy{grid-column:2;padding-left:0}.pm-formula-flow,.pm-formula-flow.fire-flow{grid-template-columns:1fr}.pm-formula-flow>b,.pm-formula-flow.fire-flow>b{display:none!important}.pm-market-summary{grid-template-columns:1fr}.pm-insights-grid{grid-template-columns:1fr}.pm-insights-grid>div{border-left:0;border-top:1px solid #edf1f3;padding-left:0}.pm-insights-grid>div:first-child{border-top:0}.pm-chart-head{align-items:flex-start;flex-direction:column}.pm-legend{justify-content:flex-start}.productmix-v4-hero-side{justify-content:flex-start}.pm-fire-mix-value{font-size:16px!important}}
@media(max-width:500px){.productmix-v4-kpis{grid-template-columns:1fr}.pm-total-row{grid-template-columns:1fr}.pm-mix-copy{grid-column:auto}.pm-row-label{justify-content:flex-start}.pm-stacked-bar{height:28px}.pm-segment-line{grid-template-columns:30px 46px 1fr}}

/* Dashboard commercial mapping + network pulse */
.dashboard-commercial-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:16px;margin:22px 0}.dashboard-customer-map,.dashboard-network-pulse{margin:0}.dashboard-customer-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 10px}.dashboard-customer-summary span{background:#f6f9fa;border:1px solid #e8eef1;border-radius:10px;padding:10px;font-size:7px;color:#7a8a94;text-transform:uppercase;letter-spacing:.04em}.dashboard-customer-summary b{display:block;font-size:14px;color:#17364c;margin-bottom:4px;text-transform:none;letter-spacing:0}.dashboard-customer-list{display:grid}.dashboard-customer-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(160px,.9fr) minmax(155px,.8fr) 105px 120px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #edf1f3}.dashboard-customer-row:hover{background:#fbfcfd}.customer-main b{display:block;font-size:10px}.customer-main small,.customer-pipeline small,.customer-potential small{display:block;font-size:7px;color:#84929b;margin-top:3px}.customer-products{display:flex;gap:4px;flex-wrap:wrap}.customer-products i{font-style:normal;font-size:7px;border-radius:999px;padding:4px 6px;background:#eaf4f8;color:#176f94}.customer-products em{font-size:7px;color:#8b989f}.customer-potential b{font-size:8px;color:#8b6619}.customer-pipeline{text-align:right}.customer-pipeline b{display:block;font-size:10px}.visit-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:800;background:#eef3f5;color:#647682;white-space:nowrap}.visit-pill.ok{background:#eaf8f0;color:#217349}.visit-pill.attention{background:#fff5df;color:#9b6712}.visit-pill.urgent{background:#fce9e9;color:#b23c3c}.visit-pill.unknown{background:#eef2f4;color:#697985}.dashboard-network-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.dashboard-network-kpis>div{border-radius:10px;padding:11px;background:linear-gradient(135deg,#f4f9fb,#eef5f8);border:1px solid #e1eaf0}.dashboard-network-kpis span{display:block;font-size:7px;color:#70838f;line-height:1.3}.dashboard-network-kpis strong{display:block;font-size:19px;margin-top:7px;color:#173b58}.dashboard-channel-pulse{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-channel-pulse a{display:grid;grid-template-columns:1fr auto;gap:3px 8px;background:#fafcfd;border:1px solid #e8edef;border-radius:10px;padding:10px}.dashboard-channel-pulse a:hover{border-color:#b9d9e6;background:#f4fafc}.dashboard-channel-pulse span{font-size:9px;font-weight:800}.dashboard-channel-pulse strong{font-size:13px;color:#176f94}.dashboard-channel-pulse small{grid-column:1/-1;font-size:7px;color:#7f8f98}

/* Commercial network command view */
.network-command-hero{display:grid;grid-template-columns:1.45fr auto;gap:22px;align-items:center;background:linear-gradient(118deg,#102f48,#1b5875);color:#fff;border-radius:17px;padding:24px 27px;margin-bottom:14px;box-shadow:var(--shadow);position:relative;overflow:hidden}.network-command-hero:after{content:"";position:absolute;right:-95px;top:-180px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.network-command-copy,.network-region-form{position:relative;z-index:1}.network-command-copy h2{font-size:29px;margin:6px 0}.network-command-copy p{font-size:10px;line-height:1.6;color:#c8dbe5;max-width:720px;margin:0}.network-region-form{display:flex;align-items:end;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:12px}.network-region-form label{font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#add1df;font-weight:800}.network-region-form select{display:block;margin-top:5px;min-width:220px;padding:9px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:#fff;color:#17364c;font-weight:700}.network-customer-link{background:#fff;color:#154e6a;border-radius:8px;padding:10px 12px;font-size:8px;font-weight:800;white-space:nowrap}.network-selection-strip{display:grid;grid-template-columns:1.15fr repeat(6,1fr);gap:9px;margin-bottom:12px}.network-selection-strip>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px;box-shadow:0 4px 14px rgba(18,50,70,.025)}.network-selection-strip>div:first-child{background:linear-gradient(135deg,#eaf4f8,#f7fbfc);border-color:#cce0e9}.network-selection-strip>div.attention{border-top:3px solid #d15b50}.network-selection-strip small{display:block;font-size:7px;color:#82919a;letter-spacing:.07em}.network-selection-strip strong{display:block;font-size:17px;color:#17364c;margin:5px 0 3px}.network-selection-strip span{display:block;font-size:7px;color:#7c8d97;line-height:1.3}.network-relation-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.network-relation-strip>div{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #e6ecef;border-radius:11px;padding:10px 12px}.relation-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:8px;font-weight:900;color:#fff}.relation-icon.wholesaler{background:#2374c6}.relation-icon.installer{background:#2b9c64}.relation-icon.client{background:#ed8b25}.relation-icon.contractor{background:#7762ba}.network-relation-strip b{font-size:8px;line-height:1.3}.network-relation-strip strong{font-size:15px;color:#17364c}.commercial-network-panel{border-top:3px solid #1e759a}.network-detail-panel{border-top:3px solid #d9e5ea}.network-bottom-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:16px;margin-top:18px}.network-channel-table,.network-mapping-table{margin:0;min-width:0}.network-channel-table .table-wrap,.network-mapping-table .table-wrap{max-height:520px}.network-channel-table table,.network-mapping-table table{min-width:760px}.network-mapping-table table{min-width:1150px}.network-mapping-table .product-tags,.network-mapping-table .signal-tags{max-width:210px}.network-mapping-table td small,.network-channel-table td small{display:block;margin-top:3px;color:#83919a;font-size:7px}.network-mapping-table td b,.network-channel-table td b{font-size:9px}.network-mapping-table .visit-pill{margin-bottom:2px}.network-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.65fr)}

@media(max-width:1250px){.dashboard-commercial-grid{grid-template-columns:1fr}.dashboard-customer-row{grid-template-columns:minmax(190px,1.2fr) minmax(140px,.8fr) 130px 100px 110px}.network-selection-strip{grid-template-columns:repeat(4,1fr)}.network-selection-strip>div:first-child{grid-column:span 2}.network-bottom-grid{grid-template-columns:1fr}}
@media(max-width:950px){.dashboard-customer-summary{grid-template-columns:repeat(2,1fr)}.dashboard-customer-row{grid-template-columns:1fr 1fr 1fr}.customer-pipeline{text-align:left}.visit-pill{justify-self:start}.network-command-hero{grid-template-columns:1fr}.network-region-form{justify-self:start}.network-selection-strip{grid-template-columns:repeat(2,1fr)}.network-selection-strip>div:first-child{grid-column:1/-1}.network-relation-strip{grid-template-columns:1fr 1fr}.network-main-grid{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-customer-row{grid-template-columns:1fr}.dashboard-network-kpis,.dashboard-channel-pulse{grid-template-columns:1fr}.network-region-form{align-items:stretch;flex-direction:column}.network-region-form select{min-width:0;width:100%}.network-selection-strip,.network-relation-strip{grid-template-columns:1fr}.network-selection-strip>div:first-child{grid-column:auto}.network-command-copy h2{font-size:24px}}

/* Pipeline management visual v2 */
.pipeline-hero{background:linear-gradient(115deg,#12344e,#155575);border-radius:16px;padding:22px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.pipeline-hero:after{content:"";position:absolute;right:90px;top:0;width:370px;height:100%;opacity:.18;background:linear-gradient(155deg,transparent 0 42%,#67bdd1 42.4% 43%,transparent 43.4% 52%,#8ad0df 52.4% 53%,transparent 53.4% 100%);transform:skewX(-13deg)}.pipeline-hero>div,.pipeline-definition-link{position:relative;z-index:1}.pipeline-hero h2{font-size:24px;margin:5px 0 4px}.pipeline-hero p{font-size:10px;color:#c9dde7;margin:0}.pipeline-definition-link{font-size:9px;font-weight:800;color:#e8f5fa;white-space:nowrap;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.06)}
.pipeline-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.pipeline-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 14px;display:flex;gap:11px;align-items:flex-start;min-width:0;box-shadow:0 5px 18px rgba(18,50,70,.035)}.pipeline-kpi.primary{background:linear-gradient(135deg,#102c43,#173f5b);color:#fff;border-color:#173f5b}.pipeline-kpi-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e9f4f8;color:#176e91;font-size:16px;font-weight:900;flex:0 0 35px}.pipeline-kpi.primary .pipeline-kpi-icon{background:rgba(255,255,255,.12);color:#82d4e9}.pipeline-kpi-icon.coins{background:#eaf8f1;color:#1d925c}.pipeline-kpi-icon.target{background:#edf8f2;color:#238153}.pipeline-kpi-icon.active{background:#eaf8f1;color:#1d925c}.pipeline-kpi-icon.weighted{background:#edf4fd;color:#2b75d0}.pipeline-kpi-icon.forecast{background:#edf8f2;color:#1e9b61}.pipeline-kpi label{display:block;font-size:7px;letter-spacing:.7px;text-transform:uppercase;color:#80909b;font-weight:900}.pipeline-kpi.primary label{color:#99c8d8}.pipeline-kpi strong{display:block;font-size:19px;margin:7px 0 4px;white-space:nowrap}.pipeline-kpi small{display:block;font-size:7px;color:#7f8f99;line-height:1.35}.pipeline-kpi.primary small{color:#b9d3df}
.pipeline-caption{font-size:8px;color:#87959d}.pipeline-stage-panel{padding:15px 17px}.pipeline-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:10px}.pipeline-stage-card{border:1px solid #e4eaee;border-radius:11px;padding:12px 13px;background:#fbfcfd;min-width:0}.pipeline-stage-head{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:8px}.pipeline-stage-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.pipeline-stage-card.active .pipeline-stage-icon{background:#e8f8ef;color:#1e995f}.pipeline-stage-card.concept .pipeline-stage-icon{background:#fff1e5;color:#df721d}.pipeline-stage-card.closed .pipeline-stage-icon{background:#eaf2fd;color:#2375d2}.pipeline-stage-card.won .pipeline-stage-icon{background:#edf8e8;color:#5d9e2a}.pipeline-stage-head b{font-size:10px}.pipeline-stage-head strong{font-size:8px;color:#71828d}.pipeline-stage-value{font-size:19px;font-weight:900;margin:10px 0 8px;color:#17364c}.pipeline-stage-track{height:5px;border-radius:6px;background:#e7edf1;overflow:hidden;margin-bottom:7px}.pipeline-stage-track i{height:100%;display:block;border-radius:6px}.pipeline-stage-card.active .pipeline-stage-track i{background:#20a66a}.pipeline-stage-card.concept .pipeline-stage-track i{background:#ee952d}.pipeline-stage-card.closed .pipeline-stage-track i{background:#2e7bd7}.pipeline-stage-card.won .pipeline-stage-track i{background:#78b83a}.pipeline-stage-card>small{font-size:7px;color:#7b8c96}
.pipeline-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pipeline-analytics-grid.lower{grid-template-columns:1.12fr .88fr}.pipeline-subtitle{font-size:8px;color:#7f8e97;margin:4px 0 12px}.pipeline-distribution-content{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;min-height:190px}.pipeline-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;margin:auto;position:relative}.pipeline-donut:after{content:"";position:absolute;width:93px;height:93px;border-radius:50%;background:#fff}.pipeline-donut>div{position:relative;z-index:1;text-align:center}.pipeline-donut strong{display:block;font-size:16px;color:#17364c}.pipeline-donut small{font-size:8px;color:#82909a}.pipeline-legend-list{display:grid}.pipeline-legend-list>div{display:grid;grid-template-columns:12px 1fr auto 42px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf1f3}.pipeline-legend-list>div:first-child{border-top:0}.pipeline-legend-list .dot{width:9px;height:9px;border-radius:50%}.pipeline-legend-list .dot.active{background:#1ca56b}.pipeline-legend-list .dot.concept{background:#ef9b32}.pipeline-legend-list .dot.closed{background:#2e7bd7}.pipeline-legend-list .dot.won{background:#79b936}.pipeline-legend-list b{font-size:9px}.pipeline-legend-list strong{font-size:10px;text-align:right}.pipeline-legend-list small{font-size:8px;color:#82909a;text-align:right}
.pipeline-focus-label{font-size:8px;color:#2375d2;font-weight:800}.pipeline-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pipeline-focus-card{border:1px solid #e8edef;border-radius:11px;padding:14px;min-height:125px;display:flex;flex-direction:column;justify-content:center}.pipeline-focus-card.good{background:#effaf4;border-color:#d9eee2}.pipeline-focus-card.info{background:#eef6fd;border-color:#dfeaf6}.pipeline-focus-card.attention{background:#fff5ec;border-color:#f2dfcf}.pipeline-focus-card small{font-size:7px;font-weight:850;letter-spacing:.02em}.pipeline-focus-card.good small{color:#198552}.pipeline-focus-card.info small{color:#276eb2}.pipeline-focus-card.attention small{color:#c56822}.pipeline-focus-card strong{font-size:14px;margin:13px 0 8px;color:#18364b}.pipeline-focus-card span{font-size:8px;color:#6f808b;line-height:1.4}
.pipeline-month-chart{height:250px;display:flex;gap:7px;align-items:flex-end;padding:15px 4px 0;overflow-x:auto}.pipeline-month-col{min-width:45px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.pipeline-month-value{font-size:7px;font-weight:800;color:#526a78;margin-bottom:5px;white-space:nowrap}.pipeline-month-bar-wrap{height:185px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #dce5ea;background:linear-gradient(to top,rgba(229,236,240,.55) 1px,transparent 1px);background-size:100% 25%}.pipeline-month-bar-wrap i{display:block;width:56%;min-height:2px;background:linear-gradient(180deg,#4caed2,#267aa5);border-radius:5px 5px 0 0}.pipeline-month-col>b{font-size:8px;margin-top:6px}.pipeline-month-col>small{font-size:6px;color:#8a98a0;margin-top:2px;white-space:nowrap}
.pipeline-family-bars{display:grid;gap:9px;margin-top:6px}.pipeline-family-bars>div{display:grid;grid-template-columns:minmax(95px,145px) 1fr 83px 58px;gap:9px;align-items:center}.pipeline-family-bars b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-family-track{height:8px;background:#e8edf1;border-radius:8px;overflow:hidden}.pipeline-family-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#1f9d66,#37bc7f)}.pipeline-family-bars strong{font-size:9px;text-align:right}.pipeline-family-bars small{font-size:7px;color:#84939c;text-align:right}
.pipeline-opportunities-panel{margin-top:14px}.pipeline-table-note{font-size:7px;color:#82919a;padding:0 21px 8px;margin:0}.pipeline-opportunity-table td{vertical-align:middle!important}.pipeline-opportunity-table td:first-child{min-width:180px}.pipeline-family-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:220px}.pipeline-family-tags span{font-size:7px;padding:3px 6px;border-radius:999px;background:#eef5f8;color:#1d6f91;border:1px solid #dbe8ee}.pipeline-status-pill{display:inline-flex;align-items:center;gap:4px;font-size:7px;font-weight:800;border-radius:999px;padding:4px 7px}.pipeline-status-pill.active{background:#e9f8ef;color:#21764b}
.pipeline-detail-panel{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:14px;overflow:hidden}.pipeline-detail-panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px 18px}.pipeline-detail-panel>summary::-webkit-details-marker{display:none}.pipeline-detail-panel>summary small{display:block;font-size:7px;color:#87959d;letter-spacing:.08em}.pipeline-detail-panel>summary b{display:block;font-size:11px;margin-top:3px}.pipeline-detail-panel>summary em{font-style:normal;font-size:8px;color:#0e78a8;font-weight:800}.pipeline-detail-panel[open]>summary{border-bottom:1px solid #edf1f3}.pipeline-detail-panel[open]>summary em{font-size:0}.pipeline-detail-panel[open]>summary em:after{content:"Sluit details";font-size:8px}.pipeline-detail-content{padding:14px 14px 0;background:#f8fafb}.pipeline-rayon-list{display:grid}.pipeline-rayon-list>div{display:grid;grid-template-columns:24px 55px 1fr 90px 145px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf1f3}.pipeline-rayon-list>div:first-child{border-top:0}.pipeline-rayon-list>div>span{font-size:7px;color:#8a98a0}.pipeline-rayon-list>div>b{font-size:8px}.pipeline-rayon-track{height:6px;background:#e9eef1;border-radius:7px;overflow:hidden}.pipeline-rayon-track i{display:block;height:100%;background:linear-gradient(90deg,#277da1,#31aec8);border-radius:7px}.pipeline-rayon-list>div>strong{font-size:9px;text-align:right}.pipeline-rayon-list>div>small{font-size:7px;color:#7e8e97;text-align:right}
@media(max-width:1320px){.pipeline-kpi-grid{grid-template-columns:repeat(3,1fr)}.pipeline-stage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.pipeline-analytics-grid,.pipeline-analytics-grid.lower{grid-template-columns:1fr}.pipeline-focus-grid{grid-template-columns:repeat(3,1fr)}.pipeline-distribution-content{grid-template-columns:160px 1fr}.pipeline-family-bars>div{grid-template-columns:120px 1fr 80px}.pipeline-family-bars small{display:none}.pipeline-rayon-list>div{grid-template-columns:24px 50px 1fr 80px}.pipeline-rayon-list>div>small{display:none}}
@media(max-width:700px){.pipeline-hero{align-items:flex-start;flex-direction:column}.pipeline-kpi-grid{grid-template-columns:repeat(2,1fr)}.pipeline-stage-grid{grid-template-columns:1fr}.pipeline-focus-grid{grid-template-columns:1fr}.pipeline-distribution-content{grid-template-columns:1fr}.pipeline-month-chart{min-width:720px}.pipeline-month-panel{overflow:auto}.pipeline-family-bars>div{grid-template-columns:100px 1fr 75px}.pipeline-kpi strong{font-size:16px}}
@media(max-width:500px){.pipeline-kpi-grid{grid-template-columns:1fr}.pipeline-donut{width:130px;height:130px}.pipeline-rayon-list>div{grid-template-columns:20px 42px 1fr 70px}}



/* Pipeline value-definition correction */
.pipeline-formula-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-10px 0 18px;padding:10px 13px;border:1px solid #dce9ef;background:#f5fafc;border-radius:10px;color:#506b7b;font-size:9px}.pipeline-formula-note b{color:#173b58;text-transform:uppercase;letter-spacing:.05em;font-size:8px}.pipeline-formula-note span{font-weight:700}.pipeline-formula-note i{font-style:normal;color:#8ca2af}.pipeline-opportunity-table{min-width:1120px}.pipeline-opportunity-table th:nth-child(4),.pipeline-opportunity-table th:nth-child(5),.pipeline-opportunity-table th:nth-child(6),.pipeline-opportunity-table th:nth-child(7),.pipeline-opportunity-table td:nth-child(4),.pipeline-opportunity-table td:nth-child(5),.pipeline-opportunity-table td:nth-child(6),.pipeline-opportunity-table td:nth-child(7){white-space:nowrap}.pipeline-opportunity-table td:nth-child(7) b{color:#176f94}
@media(max-width:700px){.pipeline-formula-note{align-items:flex-start;flex-direction:column}.pipeline-formula-note i{display:none}}

/* Rayon monthly reporting + urgent visit action flow */
.rayon-kpi-footer-actions>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.rayon-action{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;border:1px solid #dce5ea;background:#f8fafb;color:#176f94!important;font-size:7px!important;font-weight:800}.rayon-action.report{background:#eaf4f8;border-color:#c9e2ec}.rayon-action.urgent{background:#fdebea;border-color:#f3c7c2;color:#aa4039!important}.customer-urgent-open{cursor:pointer;position:relative;z-index:2}.customer-urgent-open:hover{filter:brightness(.95);box-shadow:0 0 0 2px rgba(201,79,71,.08)}
.urgent-visit-modal{position:fixed;inset:0;z-index:80;display:none}.urgent-visit-modal.open{display:block}.urgent-visit-backdrop{position:absolute;inset:0;background:rgba(10,31,46,.48);backdrop-filter:blur(2px)}.urgent-visit-dialog{position:relative;width:min(1380px,94vw);max-height:88vh;margin:5vh auto;background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(10,31,46,.28);overflow:hidden;display:flex;flex-direction:column}.urgent-visit-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 22px;background:linear-gradient(110deg,#102f47,#1b5573);color:#fff}.urgent-visit-dialog header small{font-size:7px;letter-spacing:.12em;color:#8fd0e3;font-weight:900}.urgent-visit-dialog header h2{margin:4px 0;font-size:20px}.urgent-visit-dialog header p{margin:0;color:#c6dbe5;font-size:9px}.urgent-visit-dialog header>button{border:0;background:rgba(255,255,255,.12);color:#fff;width:34px;height:34px;border-radius:9px;font-size:22px;cursor:pointer}.urgent-visit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #e7edf1;background:#f8fafb}.urgent-visit-toolbar label{font-size:9px;font-weight:700;color:#536976}.urgent-visit-toolbar>div{display:flex;gap:8px}.urgent-visit-toolbar button,.urgent-visit-toolbar a{border:1px solid #d9e4ea;background:#fff;color:#176f94;padding:8px 11px;border-radius:8px;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}.urgent-visit-toolbar a{background:#eaf4f8}.urgent-visit-table-wrap{overflow:auto}.urgent-visit-table-wrap table{min-width:1180px;width:100%;border-collapse:collapse}.urgent-visit-table-wrap th{position:sticky;top:0;background:#f3f6f8;color:#71818b;text-transform:uppercase;font-size:7px;letter-spacing:.05em;text-align:left;padding:9px 8px}.urgent-visit-table-wrap td{border-top:1px solid #edf1f3;padding:9px 8px;font-size:8px;vertical-align:top}.urgent-visit-table-wrap td b{display:block;font-size:9px}.urgent-visit-table-wrap td small{display:block;color:#84929b;margin-top:3px}.urgent-visit-table-wrap td span{display:inline-block;background:#eef4f7;border-radius:999px;padding:2px 5px;margin:1px;font-size:7px;color:#526b7b}
@media(max-width:760px){.rayon-kpi-footer-actions{align-items:flex-start!important;gap:8px;flex-direction:column}.rayon-kpi-footer-actions>div{justify-content:flex-start}.urgent-visit-dialog{width:98vw;margin:1vh auto;max-height:98vh}.urgent-visit-toolbar{align-items:flex-start;flex-direction:column}.urgent-visit-toolbar>div{width:100%;flex-wrap:wrap}}


/* Pipeline estimated close-date follow-up */
.pipeline-hero-actions{display:flex;align-items:flex-end;gap:10px;position:relative;z-index:2}.pipeline-rayon-filter label{display:grid;gap:5px;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#a9d1df}.pipeline-rayon-filter select{min-width:120px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.10);color:#fff;border-radius:8px;padding:8px 28px 8px 9px;font-size:9px;font-weight:800}.pipeline-rayon-filter select option{background:#fff;color:#17364c}.pipeline-opportunity-table{min-width:1260px}.follow-date{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:850;white-space:nowrap}.follow-date.red,.follow-status.red{background:#fde9e7;color:#b13c34}.follow-date.orange,.follow-status.orange{background:#fff1df;color:#a66310}.follow-date.green,.follow-status.green{background:#e8f7ee;color:#237a4d}.follow-date.blue,.follow-status.blue{background:#eaf2fb;color:#296da8}.follow-date.none{background:transparent;color:#7f8e97;padding-left:0}.pipeline-followup-panel{margin-top:16px}.pipeline-followup-title-actions{display:flex;align-items:center;gap:9px;font-size:8px;color:#74858f}.pipeline-followup-title-actions a{color:#0e78a8;font-weight:800}.pipeline-selected-rayon{background:#eaf4f8;color:#176f94;border-radius:999px;padding:5px 8px;font-weight:850}.followup-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:10px 20px 18px}.followup-summary-grid>div{border:1px solid #e7ecef;border-radius:10px;padding:12px;background:#fafcfd}.followup-summary-grid span,.followup-summary-grid small{display:block;font-size:7px;color:#7c8d97}.followup-summary-grid strong{display:block;font-size:20px;margin:6px 0 3px;color:#173b58}.followup-summary-grid>div.red{background:#fff7f6;border-color:#f0d5d1}.followup-summary-grid>div.red strong{color:#b13c34}.followup-summary-grid>div.orange{background:#fffaf2;border-color:#f1dfc4}.followup-summary-grid>div.orange strong{color:#a66310}.followup-summary-grid>div.green{background:#f6fbf8;border-color:#dcebe2}.followup-summary-grid>div.green strong{color:#237a4d}.followup-summary-grid>div.blue{background:#f5f9fd;border-color:#dbe8f4}.followup-summary-grid>div.blue strong{color:#296da8}.followup-rayon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}.followup-rayon-card{border:1px solid #e5ebef;border-radius:11px;padding:12px;background:#fff;display:grid;grid-template-columns:repeat(5,auto);gap:6px 8px;align-items:center;transition:.15s}.followup-rayon-card:hover{border-color:#b8d7e3;box-shadow:0 7px 20px rgba(18,50,70,.07);transform:translateY(-1px)}.followup-rayon-card>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.followup-rayon-card>div b{font-size:12px;color:#173b58}.followup-rayon-card>div strong{font-size:9px;color:#6f808a}.followup-rayon-card>span{font-size:7px;padding:4px 6px;border-radius:999px;text-align:center}.followup-rayon-card>span.red{background:#fde9e7;color:#b13c34}.followup-rayon-card>span.orange{background:#fff1df;color:#a66310}.followup-rayon-card>span.green{background:#e8f7ee;color:#237a4d}.followup-rayon-card>span.blue{background:#eaf2fb;color:#296da8}.followup-rayon-card>span.none{background:#f1f4f6;color:#72828d}.pipeline-workorder-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 20px 12px;padding:11px 13px;border-radius:10px;background:#f5f8fa;border:1px solid #e7edef}.pipeline-workorder-head b{display:block;font-size:10px}.pipeline-workorder-head small{display:block;font-size:7px;color:#81919b;margin-top:3px}.pipeline-workorder-head>span{font-size:8px;font-weight:850;color:#a33d35;background:#fdeceb;border-radius:999px;padding:6px 9px}.pipeline-followup-table{min-width:1180px}.pipeline-followup-table td{vertical-align:middle!important}.follow-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:850;white-space:nowrap}.follow-status.none{background:transparent;color:#7d8d97;padding-left:0}.follow-row.red td:first-child{border-left:3px solid #c9564e}.follow-row.orange td:first-child{border-left:3px solid #d79a2c}.follow-row.green td:first-child{border-left:3px solid #2d9a63}.follow-row.blue td:first-child{border-left:3px solid #2e7bd7}
@media(max-width:1100px){.followup-rayon-grid{grid-template-columns:repeat(2,1fr)}.followup-summary-grid{grid-template-columns:repeat(3,1fr)}.pipeline-hero-actions{align-items:stretch;flex-direction:column}.pipeline-rayon-filter select{width:100%}}
@media(max-width:700px){.followup-rayon-grid,.followup-summary-grid{grid-template-columns:1fr}.pipeline-workorder-head{align-items:flex-start;flex-direction:column}.pipeline-followup-title-actions{align-items:flex-start;flex-direction:column}.pipeline-hero-actions{width:100%}.pipeline-rayon-filter{width:100%}.pipeline-rayon-filter select{width:100%}}

/* Marktpotentie v2 — management visual */
.market-v2-hero{position:relative;overflow:hidden;gap:28px}.market-v2-hero:after{content:"";position:absolute;right:-90px;top:-170px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.market-v2-hero>div,.market-v2-hero-kpi{position:relative;z-index:1}.market-v2-hero-kpi{min-width:235px;padding:15px 18px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:13px}.market-v2-hero-kpi small,.market-v2-hero-kpi span{display:block;font-size:7px;color:#b8d2de}.market-v2-hero-kpi strong{display:block;font-size:25px;margin:5px 0}.market-v2-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.market-v2-kpi{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-top:3px solid #2c89aa;border-radius:13px;padding:15px 14px;box-shadow:0 5px 18px rgba(18,50,70,.03);min-width:0}.market-v2-kpi.primary{background:linear-gradient(135deg,#102c43,#17465f);color:#fff;border-color:#17465f}.market-v2-kpi.relevant{border-top-color:#2a9b64}.market-v2-kpi.renovation{border-top-color:#7968b2}.market-v2-kpi.newbuild{border-top-color:#45a9c7}.market-v2-kpi.forecast{border-top-color:#2f80b0}.market-v2-kpi-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:0 0 32px;background:#edf5f8;color:#176f94;font-weight:900}.market-v2-kpi.primary .market-v2-kpi-icon{background:rgba(255,255,255,.11);color:#fff}.market-v2-kpi small{display:block;font-size:7px;font-weight:900;letter-spacing:.055em;color:#7d8d97;text-transform:uppercase}.market-v2-kpi.primary small{color:#9dc2d2}.market-v2-kpi strong{display:block;font-size:19px;margin:7px 0 4px;white-space:nowrap}.market-v2-kpi em{font-style:normal;font-size:7px;color:#7f909a}.market-v2-kpi.primary em{color:#b7ceda}.market-v2-overview-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.market-v2-split-panel{min-height:285px}.market-v2-donut-wrap{display:flex;align-items:center;gap:28px;margin-top:18px}.market-v2-donut{--ren:0%;width:145px;height:145px;border-radius:50%;background:conic-gradient(#315e9b var(--ren),#66b8cf 0);display:grid;place-items:center;position:relative;flex:0 0 145px}.market-v2-donut:after{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#fff}.market-v2-donut>div{position:relative;z-index:1;text-align:center}.market-v2-donut strong{display:block;font-size:19px;color:#17364c}.market-v2-donut small{font-size:7px;color:#83929b}.market-v2-donut-copy{display:grid;gap:11px;flex:1}.market-v2-donut-copy>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf1f3;padding:9px 0}.market-v2-donut-copy i{width:10px;height:10px;border-radius:3px}.market-v2-donut-copy i.reno{background:#315e9b}.market-v2-donut-copy i.new{background:#66b8cf}.market-v2-donut-copy small{display:block;font-size:7px;color:#83919a}.market-v2-donut-copy strong{display:block;font-size:13px;margin-top:3px}.market-v2-donut-copy b{font-size:10px;color:#556b79}.market-v2-splitbar{height:23px;border-radius:13px;overflow:hidden;background:#eef2f4;display:flex;margin:25px 0 13px}.market-v2-splitbar i{height:100%;display:block}.market-v2-splitbar .housing,.market-v2-mini-bar.segment .housing{background:#38a9c4}.market-v2-splitbar .utility,.market-v2-mini-bar.segment .utility{background:#173b58}.market-v2-splitlabels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-v2-splitlabels>span{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center}.market-v2-splitlabels i{width:9px;height:9px;border-radius:2px}.market-v2-splitlabels i.housing{background:#38a9c4}.market-v2-splitlabels i.utility{background:#173b58}.market-v2-splitlabels b{font-size:9px}.market-v2-splitlabels strong{font-size:11px}.market-v2-splitlabels small{grid-column:2/-1;font-size:7px;color:#84939c}.market-v2-fourgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.market-v2-fourgrid>div{border:1px solid #e7edef;background:#f7f9fa;border-radius:9px;padding:11px}.market-v2-fourgrid small{display:block;font-size:7px;color:#81919b}.market-v2-fourgrid strong{display:block;font-size:13px;margin-top:5px}.market-v2-section-head{margin-bottom:13px}.market-v2-section-head p{font-size:8px;color:#7a8b96;margin:4px 0 0}.market-v2-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px}.market-v2-family-card{background:#fff;border:1px solid var(--line);border-top:3px solid #2b86a8;border-radius:13px;padding:15px 16px;box-shadow:0 5px 18px rgba(18,50,70,.03)}.market-v2-family-card.family-fire{border-top-color:#2d9b63}.market-v2-family-card.family-pac{border-top-color:#7667b4}.market-v2-family-card.family-cctv{border-top-color:#3e86b0}.market-v2-family-card.family-safe{border-top-color:#d08a35}.market-v2-family-card.family-key{border-top-color:#6f7f89}.market-v2-family-head{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}.market-v2-family-icon{width:36px;height:36px;border-radius:10px;background:#edf5f8;color:#176f94;display:grid;place-items:center;font-size:9px;font-weight:900}.market-v2-family-head small{font-size:6px;color:#83929b;font-weight:900;letter-spacing:.08em}.market-v2-family-head h4{font-size:13px;margin:2px 0 0}.market-v2-plc{font-size:7px;font-weight:900;background:#eef7f2;color:#24764e;padding:5px 7px;border-radius:999px}.market-v2-family-value{margin:14px 0 13px;border-bottom:1px solid #edf1f3;padding-bottom:12px}.market-v2-family-value strong{font-size:20px;color:#17364c}.market-v2-family-value>span{font-size:7px;color:#81919b;margin-left:5px}.market-v2-family-value em{display:block;font-size:7px;color:#6f818d;font-style:normal;margin-top:4px}.market-v2-mini-title,.market-v2-mini-values{display:flex;justify-content:space-between;gap:12px}.market-v2-mini-title span{font-size:7px;font-weight:800;color:#748690}.market-v2-mini-title.second{margin-top:11px}.market-v2-mini-bar{display:flex;height:7px;border-radius:7px;overflow:hidden;background:#edf1f3;margin:6px 0}.market-v2-mini-bar i{display:block;height:100%}.market-v2-mini-bar i.reno{background:#315e9b}.market-v2-mini-bar i.new{background:#66b8cf}.market-v2-mini-values span{font-size:6px;color:#86949d}.market-v2-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:start}.market-v2-ranking-panel,.market-v2-renovation-panel{min-height:500px}.market-v2-sector-list{margin-top:10px}.market-v2-sector-row{display:grid;grid-template-columns:24px 125px 1fr 85px 92px;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #edf1f3}.market-v2-sector-row:first-child{border-top:0}.market-v2-sector-row .rank{font-size:8px;color:#91a0a9}.sector-name b{display:block;font-size:9px}.sector-name small{display:block;font-size:6px;color:#84929b;margin-top:2px}.sector-bar{height:7px;background:#edf1f3;border-radius:7px;overflow:hidden}.sector-bar i{display:block;height:100%;background:linear-gradient(90deg,#1c759c,#37acc7);border-radius:7px}.market-v2-sector-row>strong{text-align:right;font-size:10px}.sector-split{text-align:right;font-size:6px;color:#82919a}.market-v2-copy{font-size:8px;color:#758690;line-height:1.55;margin:10px 0 12px}.market-v2-renovation-list{display:grid}.market-v2-renovation-row{display:grid;grid-template-columns:160px 1fr 155px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #edf1f3}.market-v2-renovation-row:first-child{border-top:0}.market-v2-renovation-row>div:first-child b{font-size:9px}.retention-pill{font-size:6px;font-weight:900;color:#6b54a2;background:#f1eef9;border-radius:999px;padding:4px 6px;margin-left:6px}.market-v2-renovation-row>div:first-child small{display:block;font-size:6px;color:#87959e;margin-top:4px}.reno-bar{height:7px;background:#edf1f3;border-radius:7px;overflow:hidden}.reno-bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#67559f,#9181c5)}.reno-value{text-align:right}.reno-value strong{display:block;font-size:10px}.reno-value small{display:block;font-size:6px;color:#81919a;margin-top:2px}.market-v2-adaptation-panel{margin-top:0}.market-v2-heat-legend{display:flex;align-items:center;gap:3px;font-size:6px;color:#82919a}.market-v2-heat-legend i{width:12px;height:12px;border-radius:3px;background:#1280a4}.market-v2-heat-legend i:nth-of-type(1){opacity:.15}.market-v2-heat-legend i:nth-of-type(2){opacity:.3}.market-v2-heat-legend i:nth-of-type(3){opacity:.48}.market-v2-heat-legend i:nth-of-type(4){opacity:.65}.market-v2-heat-legend i:nth-of-type(5){opacity:.8}.market-v2-heat-wrap{overflow-x:auto;margin-top:12px}.market-v2-heatmap{width:100%;border-collapse:separate;border-spacing:5px 5px;min-width:850px}.market-v2-heatmap th{text-align:center;font-size:8px;color:#60727e;padding:4px}.market-v2-heatmap th:first-child{text-align:left;width:150px}.market-v2-heatmap th small{display:block;font-size:6px;color:#93a0a8;margin-top:3px}.market-v2-heatmap td:first-child{padding:5px 6px}.market-v2-heatmap td:first-child b{display:block;font-size:8px}.market-v2-heatmap td:first-child small{display:block;font-size:6px;color:#87949d;margin-top:2px}.market-v2-heatmap td:not(:first-child){text-align:center}.heat-cell{display:block;border-radius:7px;padding:9px 5px;font-size:8px;font-weight:900}.market-v2-footnote{font-size:7px;color:#8b989f;text-align:right;margin:-5px 3px 5px}
@media(max-width:1280px){.market-v2-kpis{grid-template-columns:repeat(3,1fr)}.market-v2-family-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.market-v2-overview-grid,.market-v2-two-col{grid-template-columns:1fr}.market-v2-ranking-panel,.market-v2-renovation-panel{min-height:auto}}
@media(max-width:760px){.market-v2-hero{align-items:flex-start;flex-direction:column}.market-v2-hero-kpi{width:100%}.market-v2-kpis{grid-template-columns:1fr 1fr}.market-v2-family-grid{grid-template-columns:1fr}.market-v2-renovation-row{grid-template-columns:1fr 1fr}.market-v2-renovation-row .reno-value{grid-column:2;text-align:left}.market-v2-sector-row{grid-template-columns:20px 100px 1fr 75px}.sector-split{grid-column:2/5;text-align:left}.market-v2-donut-wrap{align-items:flex-start}.market-v2-splitlabels{grid-template-columns:1fr}}
@media(max-width:500px){.market-v2-kpis{grid-template-columns:1fr}.market-v2-donut-wrap{flex-direction:column}.market-v2-donut{margin:auto}.market-v2-fourgrid{grid-template-columns:1fr}.market-v2-renovation-row{grid-template-columns:1fr}.market-v2-renovation-row .reno-value{grid-column:1}.market-v2-sector-row{grid-template-columns:20px 90px 1fr}.market-v2-sector-row>strong{grid-column:2/4;text-align:left}.sector-split{grid-column:2/4}.market-v2-heat-legend{display:none}}

/* Pipeline Excel export */
.pipeline-list-actions{display:flex;align-items:center;gap:9px}.excel-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #b9d5c5;background:#eef8f2;color:#217349;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:800;white-space:nowrap;transition:.15s}.excel-export-btn:hover{background:#e1f3e8;border-color:#8fc3a5}.excel-export-btn.strong{background:#217349;color:#fff;border-color:#217349}.excel-export-btn.strong:hover{background:#185d3a}.pipeline-followup-panel .panel-title{gap:15px}@media(max-width:820px){.pipeline-list-actions{width:100%;align-items:stretch;flex-direction:column}.pipeline-list-actions .excel-export-btn{width:100%}.pipeline-followup-panel .panel-title{align-items:flex-start;flex-direction:column}.pipeline-followup-panel .excel-export-btn{width:100%}}

/* WORKLOAD V2 START */
.workload-v2{padding:22px 24px;overflow:hidden}.workload-v2.compact{margin-bottom:0}.workload-v2-title{align-items:flex-start;gap:18px}.workload-v2 .workload-head-actions{flex-wrap:wrap;justify-content:flex-end}.workload-v2 .workload-head-actions .workload-legend-lower i{width:2px;height:18px;background:transparent;border-left:2px dashed #d9952c}.workload-v2 .workload-head-actions .workload-legend-target i{width:3px;height:18px;background:#193a52;border:0}
.workload-toolbar{display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(190px,.85fr) minmax(240px,1fr) auto;gap:12px;align-items:end;background:linear-gradient(180deg,#f9fbfc,#f5f8fa);border:1px solid #e4eaee;border-radius:13px;padding:13px 14px;margin:12px 0 14px}.workload-filter-block>span{display:block;margin:0 0 6px;font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#7a8b96}.workload-segments{display:flex;gap:4px;flex-wrap:wrap;background:#eaf0f3;border-radius:9px;padding:3px}.workload-segments a{flex:1;min-width:44px;text-align:center;text-decoration:none;font-size:8px;font-weight:800;color:#506573;padding:7px 9px;border-radius:7px;transition:.15s}.workload-segments.small a{min-width:52px}.workload-segments a:hover{background:#fff;color:#173b58}.workload-segments a.active{background:#173b58;color:#fff;box-shadow:0 3px 9px rgba(23,59,88,.16)}.workload-vacancy-toggle{align-self:end;white-space:nowrap;text-decoration:none;border:1px solid #dce4e9;background:#fff;color:#667985;border-radius:9px;padding:9px 11px;font-size:8px;font-weight:800}.workload-vacancy-toggle:hover,.workload-vacancy-toggle.active{border-color:#8ca4b3;color:#173b58;background:#f7fafb}
.workload-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.workload-summary-card{display:flex;align-items:center;gap:11px;min-width:0;background:#fff;border:1px solid #e5ebef;border-radius:12px;padding:12px 13px;box-shadow:0 4px 14px rgba(18,50,70,.03)}.workload-summary-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex:0 0 31px;background:#edf4f7;color:#246b8a;font-size:14px;font-weight:900}.workload-summary-card.target .workload-summary-icon{background:#eaf7ef;color:#268355}.workload-summary-card.alert .workload-summary-icon{background:#fff0ee;color:#bd4f47}.workload-summary-card.nodata .workload-summary-icon{background:#f0f3f5;color:#788791}.workload-summary-card small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.05em;color:#83919a}.workload-summary-card strong{display:block;font-size:20px;line-height:1.05;color:#173b58;margin:3px 0 2px}.workload-summary-card em{display:block;font-style:normal;font-size:7px;color:#83919a}
.workload-v2 .workload-scale{padding-left:180px;margin-top:9px}.workload-v2 .workload-chart{gap:8px}.workload-role-heading{display:flex;align-items:center;gap:9px;margin:17px 0 2px;padding:8px 10px;border-radius:9px;background:#173b58;color:#fff}.workload-role-heading:first-child{margin-top:0}.workload-role-heading span{font-size:10px;font-weight:900;letter-spacing:.05em}.workload-role-heading small{font-size:7px;color:#a9c1ce;text-transform:uppercase}.workload-v2 .workload-team-label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 10px 6px;margin-top:3px}.workload-v2 .workload-team-label>div{display:flex;align-items:baseline;gap:9px}.workload-v2 .workload-team-label b{font-size:10px;color:#173b58}.workload-v2 .workload-team-label>div span{font-size:7px;color:#7f8f99}.workload-team-role{font-size:7px!important;font-weight:900;color:#246b8a!important;background:#eaf4f8;border-radius:12px;padding:4px 7px}
.workload-v2 .workload-row{grid-template-columns:170px minmax(0,1fr);gap:10px}.workload-person-link{text-decoration:none;color:inherit;position:relative;padding-right:12px;border-radius:6px}.workload-person-link:hover b{color:#176f94}.workload-person-link:after{content:'›';position:absolute;right:2px;top:5px;color:#a4b0b7;font-size:12px}.workload-v2 .workload-person b{font-size:9px}.workload-v2 .workload-track{height:27px;background:repeating-linear-gradient(90deg,#f2f5f7 0,#f2f5f7 calc(14.285% - 1px),#e4eaee calc(14.285% - 1px),#e4eaee 14.285%)}.workload-v2 .workload-track:before{left:45.71%;width:22.86%;background:linear-gradient(90deg,rgba(217,149,44,.08) 0 50%,rgba(47,153,99,.08) 50% 100%)}.workload-lower-line{position:absolute;left:45.71%;top:-2px;bottom:-2px;border-left:2px dashed rgba(194,125,31,.68);z-index:3}.workload-v2 .workload-target-line{left:57.14%;top:-3px;bottom:-3px;width:2px;background:#203b54}.workload-v2 .workload-fill{top:3px;bottom:3px;box-shadow:0 2px 6px rgba(31,57,75,.08)}.workload-v2 .workload-row.excellent .workload-fill{background:linear-gradient(90deg,#176a45,#218551)}.workload-v2 .workload-row.good .workload-fill{background:linear-gradient(90deg,#27945d,#3bb56f)}.workload-v2 .workload-row.warn .workload-fill{background:linear-gradient(90deg,#d48921,#eda13a)}.workload-v2 .workload-row.bad .workload-fill{background:linear-gradient(90deg,#bd4943,#dd6058)}.workload-v2 .workload-fill b{font-size:8px;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.workload-nodata-block{margin:14px 0 0;border:1px solid #e4e9ed;background:#f9fafb;border-radius:11px;overflow:hidden}.workload-nodata-block summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px 13px;color:#657782}.workload-nodata-block summary::-webkit-details-marker{display:none}.workload-nodata-block summary span{font-size:8px;font-weight:800}.workload-nodata-block summary b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:12px;background:#e8edf0;color:#4f6573;font-size:8px}.workload-nodata-block summary small{font-size:7px;color:#91a0a8}.workload-nodata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border-top:1px solid #e7ecef}.workload-nodata-grid>div{background:#fff;border:1px solid #edf0f2;border-radius:9px;padding:9px 11px}.workload-nodata-grid b,.workload-nodata-grid span,.workload-nodata-grid small{display:block}.workload-nodata-grid b{font-size:8px;color:#314b5d}.workload-nodata-grid span{font-size:7px;color:#788993;margin:2px 0}.workload-nodata-grid small{font-size:7px;color:#9aa5ab}.workload-empty-state{padding:18px;border:1px dashed #cfd9df;border-radius:11px;text-align:center;background:#fafcfd}.workload-empty-state strong,.workload-empty-state span{display:block}.workload-empty-state strong{font-size:9px;color:#516875}.workload-empty-state span{font-size:7px;color:#88969e;margin-top:4px}
.workload-legend-strip{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:14px;padding:9px 11px;background:#f8fafb;border:1px solid #edf1f3;border-radius:9px;font-size:7px;color:#6f808a}.workload-legend-strip span{display:flex;align-items:center;gap:5px}.workload-legend-strip i{width:8px;height:8px;border-radius:2px}.workload-legend-strip i.bad{background:#cd514a}.workload-legend-strip i.warn{background:#db922c}.workload-legend-strip i.good{background:#31a166}.workload-legend-strip i.excellent{background:#1d744b}.workload-legend-strip small{margin-left:auto;color:#89969e}.workload-v2 .workload-note{margin-top:10px}.workload-v2.compact .workload-summary-card{padding:10px 12px}.workload-v2.compact .workload-summary-card strong{font-size:18px}tr:target{outline:2px solid rgba(33,129,163,.35);outline-offset:-2px;background:#f4fbfd!important}.accordion-list details:target{box-shadow:0 0 0 2px rgba(33,129,163,.28)}
@media(max-width:1150px){.workload-toolbar{grid-template-columns:1fr 1fr}.workload-vacancy-toggle{justify-self:start}.workload-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.workload-v2{padding:18px 16px}.workload-toolbar{grid-template-columns:1fr}.workload-vacancy-toggle{width:max-content}.workload-v2 .workload-scale{padding-left:130px}.workload-v2 .workload-row{grid-template-columns:120px minmax(0,1fr)}.workload-v2 .workload-team-label>div{display:block}.workload-v2 .workload-team-label>div span{display:block;margin-top:2px}.workload-legend-strip small{width:100%;margin-left:0}.workload-nodata-grid{grid-template-columns:1fr}}
@media(max-width:560px){.workload-summary-grid{grid-template-columns:1fr 1fr}.workload-summary-card{padding:10px}.workload-summary-icon{display:none}.workload-v2 .workload-scale{padding-left:0}.workload-v2 .workload-scale span:nth-child(even){visibility:hidden}.workload-v2 .workload-row{grid-template-columns:1fr}.workload-person-link{padding:3px 16px 2px 2px}.workload-v2 .workload-track{margin-bottom:5px}.workload-v2-title{display:block}.workload-v2 .workload-head-actions{justify-content:flex-start;margin-top:9px}.workload-segments a{padding:8px 6px}.workload-vacancy-toggle{width:100%;text-align:center}.workload-summary-card strong{font-size:17px}}
/* WORKLOAD V2 END */
/* Microsoft 365 delegated mailbox setup */
.m365-connected-card{display:flex;align-items:center;gap:12px;background:#edf8f2;border:1px solid #d5ecdf;border-radius:12px;padding:14px 15px;margin:14px 0}.m365-connected-card .status-dot{flex:0 0 9px}.m365-connected-card b{display:block;font-size:12px;color:#205f41}.m365-connected-card small{display:block;font-size:8px;color:#70847a;margin-top:3px}.source-panel code{font-size:8px;word-break:break-all}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.metric-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.metric-grid.four{grid-template-columns:1fr}}

/* Rayon KPI Excel export */
.hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hero-row .export-link{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);padding-left:12px;padding-right:12px}.rayon-action.excel{background:#eaf4f8;color:#176f94;border:1px solid #d4e7ef}.rayon-action.excel:hover{background:#dceef5}.rayon-kpi-footer-actions>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
@media(max-width:700px){.hero-actions{width:100%}.hero-actions .hero-link{flex:1;text-align:center}.rayon-kpi-footer-actions{align-items:flex-start;flex-direction:column}.rayon-kpi-footer-actions>div{width:100%}}


/* Rayon read-only share portal + management share controls */
.rayon-share-manager{margin:14px 18px 18px;padding:15px 16px;border:1px solid #dce8ed;border-radius:12px;background:linear-gradient(135deg,#f8fbfc,#f1f7f9);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(340px,1.4fr);gap:14px 20px;align-items:center}.rayon-share-manager-title{display:flex;gap:11px;align-items:flex-start}.rayon-share-manager-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#dff4ea;color:#16804e;font-size:16px;font-weight:900;flex:0 0 34px}.rayon-share-manager-title small{display:block;font-size:7px;letter-spacing:.8px;color:#6e8795;font-weight:900}.rayon-share-manager-title b{display:block;font-size:12px;margin:3px 0}.rayon-share-manager-title span{font-size:8px;color:#748893}.rayon-share-manager-live,.rayon-share-manager-create{display:grid;gap:8px}.share-live-badge{font-size:8px;color:#1e7549;font-weight:800}.rayon-share-link-row{display:flex;gap:7px}.rayon-share-link-row input{min-width:0;flex:1;border:1px solid #ccdce3;border-radius:8px;background:white;padding:9px 10px;font-size:8px;color:#4a6473}.rayon-share-link-row button,.rayon-share-manager-create button{border:0;border-radius:8px;background:#0f6f94;color:#fff;padding:9px 12px;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}.rayon-share-manager-actions{display:flex;align-items:center;gap:12px;font-size:8px}.rayon-share-manager-actions a{color:#0e78a8;font-weight:800}.rayon-share-manager-actions form{margin-left:auto}.share-revoke-btn{border:0;background:transparent;color:#a7443d;font-size:8px;font-weight:800;cursor:pointer}.rayon-share-manager-create{grid-template-columns:1fr auto;align-items:center}.rayon-share-manager-create p{font-size:8px;color:#647984;line-height:1.5;margin:0}.rayon-share-manager-guards{grid-column:1/-1;border-top:1px solid #e1eaee;padding-top:10px;display:flex;gap:8px 16px;flex-wrap:wrap}.rayon-share-manager-guards span{font-size:7px;color:#5e7a89}.rayon-share-body{margin:0;background:#f2f6f8;color:#152a39;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.rayon-share-topbar{height:76px;background:#fff;border-bottom:1px solid #dfe7eb;display:flex;align-items:center;gap:22px;padding:0 30px;position:sticky;top:0;z-index:20}.rayon-share-brand{display:flex;align-items:center;gap:12px;min-width:210px}.rayon-share-brand img{width:142px;height:auto}.rayon-share-brand span{display:none;font-size:9px;color:#78909c}.rayon-share-top-title{border-left:1px solid #e3eaee;padding-left:20px}.rayon-share-top-title small{display:block;font-size:7px;letter-spacing:1px;color:#81939d;font-weight:900}.rayon-share-top-title b{display:block;font-size:13px;margin-top:3px}.rayon-share-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.readonly-badge{font-size:8px;font-weight:800;color:#286e4b;background:#edf8f2;border:1px solid #d7eee1;border-radius:999px;padding:8px 10px}.share-excel-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#0e7198;color:white!important;padding:10px 13px;font-size:9px;font-weight:800;white-space:nowrap}.share-excel-btn.secondary{background:#fff;color:#0e7198!important;border:1px solid #bdd7e2}.rayon-share-main{width:min(1580px,calc(100% - 36px));margin:22px auto 30px}.rayon-share-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#102f48,#176082);color:white;border-radius:17px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 32px rgba(20,48,68,.10)}.rayon-share-hero:after{content:"";position:absolute;right:-60px;top:-100px;width:420px;height:280px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018)}.rayon-share-hero>div{position:relative;z-index:1}.rayon-share-kicker{font-size:8px;letter-spacing:1.4px;color:#84d5e9;font-weight:900}.rayon-share-hero h1{font-size:28px;margin:7px 0 4px}.rayon-share-hero p{font-size:10px;color:#c7dde7;margin:0}.rayon-share-hero-kpi{min-width:190px;text-align:right}.rayon-share-hero-kpi small,.rayon-share-hero-kpi span{display:block;font-size:8px;color:#b9d5df}.rayon-share-hero-kpi strong{display:block;font-size:32px;margin:5px 0}.rayon-share-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:14px 0}.share-status-card{appearance:none;text-align:left;border:1px solid #dfe7eb;background:#fff;border-radius:12px;padding:14px 15px;cursor:pointer;box-shadow:0 4px 14px rgba(20,48,68,.03);transition:.16s;color:#152a39}.share-status-card:hover,.share-status-card.active{transform:translateY(-1px);box-shadow:0 9px 23px rgba(20,48,68,.08)}.share-status-card.total.active{background:#153b56;color:white;border-color:#153b56}.share-status-card.red.active{background:#fff1ef;border-color:#e7b2ac}.share-status-card.orange.active{background:#fff6e8;border-color:#ebd0a0}.share-status-card.green.active{background:#edf9f2;border-color:#bfe1cc}.share-status-card.blue.active{background:#edf5fc;border-color:#c1d8ec}.share-status-card.none.active{background:#f3f5f6;border-color:#d5dde1}.share-status-card small{display:block;font-size:7px;color:#71858f;text-transform:uppercase;font-weight:900;letter-spacing:.45px}.share-status-card.total.active small,.share-status-card.total.active span{color:#a9cbd8}.share-status-card strong{display:block;font-size:23px;margin:8px 0 3px}.share-status-card span{font-size:7px;color:#84949d}.share-status-card.red{border-top:3px solid #d3564d}.share-status-card.orange{border-top:3px solid #e19b2c}.share-status-card.green{border-top:3px solid #2b9a62}.share-status-card.blue{border-top:3px solid #3f83c5}.share-status-card.none{border-top:3px solid #aab6bd}.rayon-share-finance-strip{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;border:1px solid #dfe7eb;border-radius:12px;padding:13px 18px;margin-bottom:14px}.rayon-share-finance-strip>div{min-width:150px}.rayon-share-finance-strip small{display:block;font-size:7px;color:#7f919b;text-transform:uppercase}.rayon-share-finance-strip strong{font-size:16px;display:block;margin-top:3px}.rayon-share-finance-strip>span{font-size:8px;color:#8fa0a8}.rayon-share-finance-strip .accent strong{color:#177a51}.rayon-share-worklist{background:#fff;border:1px solid #dfe7eb;border-radius:15px;overflow:hidden;box-shadow:0 6px 20px rgba(20,48,68,.035)}.rayon-share-worklist-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 13px}.rayon-share-worklist-head small{font-size:7px;letter-spacing:1px;color:#77909d;font-weight:900}.rayon-share-worklist-head h2{font-size:19px;margin:4px 0 3px}.rayon-share-worklist-head p{font-size:8px;color:#7d8e98;margin:0}.share-visible-count{text-align:right}.share-visible-count strong{display:block;font-size:22px;color:#153b56}.share-visible-count small{font-size:7px;color:#87959d}.rayon-share-toolbar{display:grid;grid-template-columns:minmax(260px,1.3fr) 180px 220px auto;gap:10px;align-items:end;padding:12px 22px;background:#f7fafb;border-top:1px solid #edf1f3;border-bottom:1px solid #e7edf0}.rayon-share-toolbar label>span{display:block;font-size:7px;font-weight:900;color:#71838e;text-transform:uppercase;margin-bottom:5px}.rayon-share-toolbar input,.rayon-share-toolbar select{width:100%;height:38px;border:1px solid #d7e1e6;border-radius:8px;background:#fff;padding:0 10px;font-size:9px;color:#243b4b;outline:none}.rayon-share-toolbar input:focus,.rayon-share-toolbar select:focus{border-color:#3e9ebe;box-shadow:0 0 0 3px rgba(39,151,184,.08)}.rayon-share-legend{display:flex;flex-wrap:wrap;gap:10px 18px;padding:9px 22px;border-bottom:1px solid #e8eef1;font-size:7px;color:#71848e}.rayon-share-legend span{display:flex;align-items:center;gap:5px}.rayon-share-legend i{width:8px;height:8px;border-radius:50%}.rayon-share-legend i.red{background:#d3564d}.rayon-share-legend i.orange{background:#e19b2c}.rayon-share-legend i.green{background:#2b9a62}.rayon-share-legend i.blue{background:#3f83c5}.rayon-share-legend i.none{background:#b5bec4}.rayon-share-table-wrap{overflow:auto;max-height:68vh}.rayon-share-table{width:100%;border-collapse:collapse;min-width:1180px}.rayon-share-table th{position:sticky;top:0;z-index:3;background:#f5f8fa;color:#71838d;font-size:7px;text-transform:uppercase;letter-spacing:.35px;text-align:left;padding:11px 12px;border-bottom:1px solid #dfe7eb}.rayon-share-table td{font-size:9px;padding:12px;border-bottom:1px solid #edf1f3;vertical-align:middle}.rayon-share-table td:first-child{position:relative;padding-left:16px;min-width:190px}.rayon-share-table td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c6d0d5}.rayon-share-table tr[data-status="red"] td:first-child:before{background:#d3564d}.rayon-share-table tr[data-status="orange"] td:first-child:before{background:#e19b2c}.rayon-share-table tr[data-status="green"] td:first-child:before{background:#2b9a62}.rayon-share-table tr[data-status="blue"] td:first-child:before{background:#3f83c5}.rayon-share-table td b{font-size:9px}.rayon-share-table td small{display:block;font-size:7px;color:#85949c;margin-top:3px}.rayon-share-tags{display:flex;gap:3px;flex-wrap:wrap;max-width:210px}.rayon-share-tags span{font-size:7px;padding:3px 6px;border-radius:999px;background:#eef5f8;color:#176e91;border:1px solid #d9e7ed}.share-date,.share-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:800;white-space:nowrap}.share-date.red,.share-status.red{background:#fceae8;color:#a83e36}.share-date.orange,.share-status.orange{background:#fff2db;color:#9b6413}.share-date.green,.share-status.green{background:#e9f7ef;color:#23764b}.share-date.blue,.share-status.blue{background:#eaf3fb;color:#2a6da8}.share-date.none,.share-status.none{background:#f1f3f4;color:#77868f}.rayon-share-info{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:start;background:#eaf3f7;border:1px solid #d6e6ed;border-radius:11px;padding:12px 15px;margin-top:13px}.rayon-share-info b{font-size:8px;color:#164b68}.rayon-share-info span{font-size:8px;color:#617985;line-height:1.5}.rayon-share-footer{border-top:1px solid #dfe7eb;margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;color:#8a979e;font-size:7px}
@media(max-width:1180px){.rayon-share-metrics{grid-template-columns:repeat(3,1fr)}.rayon-share-toolbar{grid-template-columns:1fr 1fr}.rayon-share-toolbar .share-search{grid-column:1/-1}.rayon-share-manager{grid-template-columns:1fr}.rayon-share-manager-guards{grid-column:1}.rayon-share-info{grid-template-columns:auto 1fr}}
@media(max-width:760px){.rayon-share-topbar{height:auto;min-height:70px;padding:12px 16px;flex-wrap:wrap}.rayon-share-brand{min-width:0}.rayon-share-brand img{width:124px}.rayon-share-top-title{display:none}.rayon-share-actions{margin-left:auto}.readonly-badge{display:none}.rayon-share-main{width:calc(100% - 22px);margin-top:12px}.rayon-share-hero{align-items:flex-start;flex-direction:column;padding:21px}.rayon-share-hero-kpi{text-align:left}.rayon-share-metrics{grid-template-columns:repeat(2,1fr)}.rayon-share-finance-strip{justify-content:flex-start;overflow:auto}.rayon-share-finance-strip>div{min-width:130px}.rayon-share-toolbar{grid-template-columns:1fr}.rayon-share-toolbar .share-search{grid-column:auto}.rayon-share-worklist-head{align-items:flex-start}.rayon-share-info{grid-template-columns:1fr}.rayon-share-footer{gap:8px;flex-direction:column}.rayon-share-manager-create{grid-template-columns:1fr}.rayon-share-link-row{flex-direction:column}.rayon-share-manager-actions{flex-wrap:wrap}.rayon-share-manager-actions form{margin-left:0}}
@media(max-width:480px){.rayon-share-actions .share-excel-btn{padding:8px 9px;font-size:8px}.rayon-share-metrics{grid-template-columns:1fr 1fr}.share-status-card{padding:11px}.share-status-card strong{font-size:19px}.rayon-share-hero h1{font-size:24px}}

/* Urgente bezoekwerkopdracht v2 */
.urgent-visit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid #e7edf1}.urgent-summary-card{border:1px solid #e5ebef;border-radius:11px;padding:12px 13px;background:#fafcfd}.urgent-summary-card small{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#7d8d97;font-weight:900}.urgent-summary-card strong{display:block;font-size:20px;margin:6px 0 2px;color:#17364c}.urgent-summary-card span{display:block;font-size:8px;color:#7c8c96}.urgent-summary-card.danger{border-top:3px solid #c94f47;background:#fff9f8}.urgent-summary-card.danger strong{color:#a93e38}.urgent-summary-card.selected{border-top:3px solid #176f94}.urgent-summary-card.pipeline{border-top:3px solid #d28a23;background:#fffaf3}.urgent-summary-card.offers{border-top:3px solid #6f63af;background:#fbfaff}.urgent-toolbar-left{display:flex;align-items:center;gap:12px;min-width:0}.urgent-select-all{white-space:nowrap}.urgent-list-search{display:flex;align-items:center;gap:7px;min-width:260px;background:#fff;border:1px solid #d9e4ea;border-radius:9px;padding:0 10px}.urgent-list-search span{color:#7c8d98}.urgent-list-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;padding:8px 0!important;margin:0!important;background:transparent!important;font-size:9px}.urgent-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.urgent-toolbar-actions button,.urgent-toolbar-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px}.urgent-toolbar-actions .primary{background:#173f5c!important;border-color:#173f5c!important;color:#fff!important;box-shadow:0 5px 14px rgba(23,63,92,.13)}.urgent-toolbar-actions .secondary{background:#fff!important}.urgent-visit-table-wrap tbody tr:hover{background:#f8fbfc}.urgent-row-check{width:16px;height:16px;accent-color:#176f94}.urgent-ab{display:inline-grid!important;place-items:center;width:23px;height:23px;border-radius:50%!important;padding:0!important;font-weight:900}.urgent-ab-a{background:#e8f7ee!important;color:#21744b!important}.urgent-ab-b{background:#eaf2fb!important;color:#246a9c!important}.urgent-age{background:#fde9e7!important;color:#a63d37!important;font-weight:900!important;padding:4px 7px!important}.potential-tag{background:#fff0d8!important;color:#9a6416!important}.urgent-visit-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:11px 18px!important;border-top:1px solid #e7edf1!important;background:#fbfcfd!important;color:#667985!important}.urgent-visit-footer span{font-size:9px}.urgent-visit-footer b{color:#17364c;font-size:11px}.urgent-visit-footer small{font-size:8px;color:#83919a}.customer-region-card footer .urgent{background:#fde9e7!important;color:#a63d37!important;border:1px solid #f4cbc7}.customer-region-card footer .attention{border:1px solid #f1ddaf}.customer-region-card:has(.urgent){border-color:#efcbc7}.customer-region-card:has(.urgent):hover{box-shadow:0 8px 24px rgba(173,66,58,.10)}
@media(max-width:1050px){.urgent-visit-summary{grid-template-columns:repeat(2,1fr)}.urgent-visit-toolbar{align-items:flex-start;flex-direction:column}.urgent-toolbar-left,.urgent-toolbar-actions{width:100%}.urgent-toolbar-actions{justify-content:flex-start}}
@media(max-width:650px){.urgent-visit-summary{grid-template-columns:1fr 1fr}.urgent-toolbar-left{align-items:stretch;flex-direction:column}.urgent-list-search{min-width:0;width:100%}.urgent-visit-footer{align-items:flex-start!important;flex-direction:column}}

/* Rayon KPI action hierarchy v2 */
.rayon-kpi-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.rayon-kpi-footer-actions>span{font-size:8px;color:#75858f}.rayon-kpi-footer-actions>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.rayon-action{transition:.15s}.rayon-action:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(18,50,70,.07)}.rayon-action.report{background:#173f5c!important;border-color:#173f5c!important;color:#fff!important}.rayon-action.excel{background:#eef7f1!important;border-color:#d8ecdf!important;color:#26724c!important}.rayon-action.urgent{background:#fde9e7!important;border-color:#f2c5c0!important;color:#a63d37!important}.rayon-action.attention{background:#fff3dc!important;border-color:#f2ddb0!important;color:#946113!important}.rayon-action.details{background:transparent!important;border-color:transparent!important;color:#176f94!important;padding-right:0}

/* Calm typography system v2 — max 4 sizes */
:root{
  --font-label:11px;
  --font-body:13px;
  --font-section:18px;
  --font-hero:24px;
}

/* Base */
html,body{font-size:var(--font-body);line-height:1.45}
body{font-size:var(--font-body)!important;font-weight:400}

/* Normal reading text */
.nav-link,
.global-search input,.global-search button,
.top-actions select,.ghost-btn,.primary-btn,
.table-wrap td,
.table-filter input,
.settings-grid input,
.team-admin-form input,.team-admin-form select,.team-admin-form textarea,
.accordion-list summary,
.customer-map-table,
.pipeline-opportunity-table,
.pipeline-followup-table,
.rayon-share-table,
.rayon-share-toolbar,
.rayon-share-filter,
p,li,dd,dt{
  font-size:var(--font-body)!important;
  line-height:1.5;
}

/* Labels / supporting information */
small,
label,
.eyebrow,
.nav-section,
.page-title small,
.brand-sub,
.sidebar-foot small,
.metric-card label,.metric-card small,
.visual-metric label,.visual-metric small,
.pipeline-kpi label,.pipeline-kpi small,
.pipeline-caption,.pipeline-subtitle,.pipeline-table-note,
.pipeline-focus-card small,.pipeline-focus-card span,
.pipeline-stage-card small,
.pipeline-month-col small,
.pipeline-family-bars small,
.chart-note,.table-note,.muted-copy,
.follow-status,.follow-date,
.rayon-share-kicker,.rayon-share-note,
.status-pill,.attainment,
.kpi-delta-line,.workload-note,
.rank,.rank-row small,
.legend,.month-legend span,
.table-wrap th,
.content footer,.content footer span{
  font-size:var(--font-label)!important;
  line-height:1.4;
}

/* Section hierarchy */
.section-head h3,.panel-title h3,
.page-title h1,
h2,h3,h4,
.pipeline-stage-value,
.pipeline-focus-card strong,
.rayon-kpi-card>header h3,
.org-team-head h2,
.org-cd-card strong,
.login-card h2{
  font-size:var(--font-section)!important;
  line-height:1.2;
}

/* Primary hierarchy */
.hero-row h2,
.pipeline-hero h2,
.pipeline-kpi>div>strong,
.visual-metric-grid .visual-metric>div>strong,
.metric-grid .metric-card>strong,
.hero-badge span,
.rayon-share-hero h1,
.goal-kpi strong,
.login-visual h1{
  font-size:var(--font-hero)!important;
  line-height:1.1;
}

/* Spacing supports readability without inflating every component */
.nav-link{min-height:42px;padding-top:11px;padding-bottom:11px}
.topbar{min-height:88px;height:auto;padding-top:8px;padding-bottom:8px}
.global-search input,.global-search button,.top-actions select,.ghost-btn{min-height:40px}
.table-wrap th{padding:12px 14px}
.table-wrap td{padding:13px 14px}
.panel-title{gap:12px}
.panel-title h3{margin-top:3px}

@media(max-width:820px){
  :root{--font-label:11px;--font-body:13px;--font-section:18px;--font-hero:24px}
}

/* TEAM WORKLOAD V3 START */
.tw-page{display:block}.tw-hero{margin-bottom:18px}.tw-hero .hero-link{color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:9px;font-size:9px;font-weight:800;white-space:nowrap}.tw-team-overview{padding:18px 20px 20px}.tw-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.tw-team-card{border:1px solid #dfe7eb;border-radius:13px;background:#fff;overflow:hidden}.tw-team-card>header{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 14px 11px}.tw-team-icon{width:34px;height:34px;border-radius:10px;background:#eaf4f8;color:#176f94;display:grid;place-items:center;font-weight:900;font-size:11px}.tw-team-card header b{display:block;font-size:12px;color:#17364c}.tw-team-card header small{display:block;font-size:7px;color:#83919b;margin-top:2px}.tw-growth{display:block;text-align:right;font-size:12px!important;font-weight:900}.tw-growth small{font-weight:500!important}.tw-team-role-head,.tw-team-role-row{display:grid;grid-template-columns:115px 1.45fr 115px 90px;gap:8px;align-items:center}.tw-team-role-head{background:#f5f8fa;border-top:1px solid #edf1f3;border-bottom:1px solid #e8eef1;padding:8px 13px;font-size:6px;text-transform:uppercase;letter-spacing:.5px;color:#7d8d97;font-weight:900}.tw-team-role-row{padding:9px 13px;border-bottom:1px solid #edf1f3;transition:.15s}.tw-team-role-row:last-child{border-bottom:0}.tw-team-role-row:hover{background:#f8fbfc}.tw-team-role-row>b{font-size:8px}.tw-team-role-row>strong{font-size:9px;color:#17364c}.tw-team-role-row>em{font-size:8px;font-style:normal;color:#617580}.tw-status{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;font-size:7px;font-weight:800;border-radius:999px;padding:4px 7px;white-space:nowrap}.tw-status i{width:7px;height:7px;border-radius:50%;flex:0 0 7px}.tw-status.good{background:#eaf8f0;color:#217349}.tw-status.good i{background:#27a164}.tw-status.warn{background:#fff5e4;color:#9d6712}.tw-status.warn i{background:#dc951f}.tw-status.bad{background:#fcedeb;color:#ad4038}.tw-status.bad i{background:#df5147}.tw-status.neutral{background:#f0f3f5;color:#788791}.tw-status.neutral i{background:#aeb8be}
.tw-role-section{margin:0 0 18px}.tw-role-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin-bottom:10px}.tw-team-filter,.tw-role-tabs{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tw-team-filter>span{font-size:8px;font-weight:900;color:#607482;margin-right:3px}.tw-team-filter a,.tw-role-tabs a{border:1px solid #dce5e9;background:#f8fafb;border-radius:8px;padding:8px 11px;font-size:8px;font-weight:800;color:#506573}.tw-team-filter a.active,.tw-role-tabs a.active{background:#143b5a;border-color:#143b5a;color:#fff;box-shadow:0 3px 9px rgba(23,59,88,.14)}.tw-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tw-role-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(18,50,70,.025);overflow:hidden}.tw-role-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf1f3;background:linear-gradient(180deg,#fff,#fbfcfd)}.tw-role-card-head small{font-size:7px;color:#176f94;letter-spacing:.7px;font-weight:900}.tw-role-card-head h3{font-size:15px;margin:3px 0 0}.tw-role-card-head>span{font-size:7px;color:#748690;background:#eef3f5;border-radius:999px;padding:5px 7px}.tw-field-list{display:grid;gap:0}.tw-field-person{padding:14px 15px;border-top:1px solid #edf1f3}.tw-field-person:first-child{border-top:0}.tw-field-person>header,.tw-ss-person>header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center}.tw-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dcebf4,#bcd6e7);color:#123b5c;font-size:10px;font-weight:900}.tw-field-person header b,.tw-ss-person header b{display:block;font-size:10px}.tw-field-person header small,.tw-ss-person header small{display:block;font-size:7px;color:#7e8f99;margin-top:2px}.tw-field-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 10px}.tw-field-kpis>div{border:1px solid #e8edef;background:#f7f9fa;border-radius:9px;padding:9px}.tw-field-kpis small{display:block;font-size:6px;text-transform:uppercase;color:#83919a}.tw-field-kpis strong{display:block;font-size:12px;margin-top:4px}.tw-field-progress{height:12px;background:#edf1f3;border-radius:10px;position:relative;overflow:visible;margin:9px 1px}.tw-field-progress>span{position:absolute;left:0;top:0;bottom:0;border-radius:10px}.tw-field-progress>span.good{background:linear-gradient(90deg,#27945d,#3bb56f)}.tw-field-progress>span.warn{background:linear-gradient(90deg,#d48921,#eda13a)}.tw-field-progress>span.bad{background:linear-gradient(90deg,#bd4943,#dd6058)}.tw-field-progress>span.neutral{background:#b7c1c7}.tw-field-progress>i{position:absolute;left:100%;top:-3px;height:18px;border-left:2px solid #17364c}.tw-field-progress>b{position:absolute;right:5px;top:-1px;font-size:8px;color:#17364c}.tw-month-detail{margin-top:12px;border:1px solid #e8edef;border-radius:9px;overflow:hidden}.tw-month-detail summary{cursor:pointer;padding:9px 11px;font-size:7px;font-weight:800;color:#176f94;background:#f8fbfc}.tw-empty{padding:26px;text-align:center;color:#83919a;font-size:8px}
.tw-ss-person{padding:14px 14px 13px;border-top:1px solid #edf1f3}.tw-ss-person:first-of-type{border-top:0}.tw-ss-person>header{grid-template-columns:38px 1fr auto 92px}.tw-days{text-align:right;border-left:1px solid #e8edef;padding-left:10px}.tw-days small{font-size:6px!important;text-transform:uppercase}.tw-days strong{font-size:13px!important;margin-top:3px}.tw-ss-body{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;margin-top:12px}.tw-gauge{--p:0%;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#2b9a63 var(--p),#e8edf0 0)}.tw-gauge.warn{background:conic-gradient(#e39a24 var(--p),#e8edf0 0)}.tw-gauge.bad{background:conic-gradient(#de5047 var(--p),#e8edf0 0)}.tw-gauge.neutral{background:conic-gradient(#aab6bd var(--p),#e8edf0 0)}.tw-gauge:after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#fff}.tw-gauge>div{position:relative;z-index:1;text-align:center}.tw-gauge strong{display:block;font-size:19px;color:#17364c}.tw-gauge small{display:block;font-size:7px;color:#83919a;margin-top:2px}.tw-ss-metrics{min-width:0}.tw-metric-head,.tw-metric-row{display:grid;grid-template-columns:minmax(135px,1.4fr) 82px 76px minmax(110px,.9fr) 105px;gap:7px;align-items:center}.tw-metric-head{padding:6px 8px;background:#f5f8fa;border-radius:7px;color:#7c8d96;font-size:6px;text-transform:uppercase;font-weight:900}.tw-metric-row{padding:7px 8px;border-bottom:1px solid #edf1f3}.tw-metric-row:last-child{border-bottom:0}.tw-metric-row>b{font-size:8px}.tw-metric-row>span{font-size:8px}.tw-metric-row>div{display:grid;grid-template-columns:36px 1fr;gap:6px;align-items:center}.tw-metric-row>div strong{font-size:8px}.tw-mini-progress{height:6px;background:#e8edf0;border-radius:7px;overflow:hidden;display:block}.tw-mini-progress em{display:block;height:100%;border-radius:7px}.tw-mini-progress em.good{background:#2da264}.tw-mini-progress em.warn{background:#e19a29}.tw-mini-progress em.bad{background:#db5148}.tw-mini-progress em.neutral{background:#aab5bb}.tw-month-chart{margin-top:12px;border-top:1px solid #edf1f3;padding-top:10px}.tw-month-chart-title{display:flex;align-items:center;justify-content:space-between}.tw-month-chart-title>b{font-size:8px}.tw-month-chart-title>span{font-size:6px;color:#7d8d96;display:flex;gap:5px;align-items:center}.tw-month-chart-title i{width:7px;height:7px;border-radius:2px;display:inline-block}.tw-month-chart-title i.actual{background:#176f94}.tw-month-chart-title i.target{background:#d9e6ee}.tw-month-bars{display:flex;align-items:flex-end;gap:7px;height:88px;margin-top:8px;border-bottom:1px solid #dfe6ea;padding:0 3px}.tw-month-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;min-width:28px}.tw-month-col>div{height:68px;display:flex;gap:2px;align-items:flex-end;justify-content:center}.tw-month-col i{display:block;width:35%;min-height:2px;border-radius:2px 2px 0 0}.tw-month-col i.actual{background:#176f94}.tw-month-col i.target{background:#d9e6ee}.tw-month-col span{font-size:6px;color:#84939c;margin-top:4px}
.tw-bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.55fr);gap:12px;align-items:start}.tw-all-roles{margin-bottom:0}.tw-all-roles .tw-status{font-size:6px}.tw-settings-card{margin-bottom:0}.tw-settings-card .panel-title{margin-bottom:8px}.tw-settings-icon{font-size:18px;color:#176f94}.tw-settings-card>p{font-size:8px;color:#7d8d97;line-height:1.45;margin:0 0 12px}.tw-settings-card form{display:grid;gap:8px}.tw-settings-card label{display:grid;grid-template-columns:1fr 86px;gap:8px;align-items:center;font-size:8px;color:#506573}.tw-settings-card label>div{display:flex;align-items:center;gap:5px}.tw-settings-card input{width:100%;border:1px solid #d9e3e8;border-radius:8px;padding:8px 9px;font-size:9px;font-weight:800;color:#17364c}.tw-settings-card em{font-style:normal;font-size:8px;color:#7b8b95}.tw-settings-card .primary-btn{width:100%;margin-top:4px}.tw-workdays-panel{margin-top:12px}.tw-workdays-panel>details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.tw-workdays-panel>details>summary::-webkit-details-marker{display:none}.tw-workdays-panel summary small{font-size:7px;color:#176f94;font-weight:900;letter-spacing:.7px}.tw-workdays-panel summary h3{font-size:14px;margin:3px 0}.tw-workdays-panel summary>span{font-size:8px;color:#176f94;background:#eef7fa;border-radius:999px;padding:6px 9px}.tw-workdays-panel form{padding-top:14px}.tw-workdays-panel form>p{font-size:8px;color:#7c8c95}.tw-workdays-panel input{width:82px;border:1px solid #d9e3e8;border-radius:7px;padding:6px 7px}.tw-workdays-panel .primary-btn{margin-top:12px}
@media(max-width:1280px){.tw-metric-head,.tw-metric-row{grid-template-columns:minmax(120px,1.3fr) 70px 70px minmax(95px,.8fr) 90px}.tw-bottom-grid{grid-template-columns:1fr}.tw-settings-card{margin-bottom:18px}.tw-field-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.tw-team-grid,.tw-detail-grid{grid-template-columns:1fr}.tw-role-toolbar{align-items:flex-start;flex-direction:column}.tw-role-tabs{width:100%}.tw-role-tabs a{flex:1;text-align:center}.tw-ss-body{grid-template-columns:100px 1fr}.tw-gauge{width:92px;height:92px}.tw-gauge:after{width:66px;height:66px}.tw-metric-head,.tw-metric-row{grid-template-columns:minmax(120px,1.3fr) 70px 70px minmax(95px,.8fr) 90px}}
@media(max-width:760px){.tw-team-role-head,.tw-team-role-row{grid-template-columns:90px 1fr 80px 55px}.tw-team-role-head span:nth-child(2),.tw-team-role-row .tw-status{display:none}.tw-role-tabs{display:grid;grid-template-columns:1fr 1fr}.tw-ss-person>header{grid-template-columns:38px 1fr}.tw-ss-person>header>.tw-status,.tw-days{grid-column:2}.tw-days{text-align:left;border-left:0;padding-left:0}.tw-ss-body{grid-template-columns:1fr}.tw-gauge{margin:auto}.tw-metric-head{display:none}.tw-metric-row{grid-template-columns:1fr 55px 55px;gap:5px}.tw-metric-row>b{grid-column:1/-1}.tw-metric-row>div{grid-column:1/3}.tw-metric-row>span:last-child{grid-column:3}.tw-field-kpis{grid-template-columns:1fr 1fr}.tw-all-roles table{min-width:850px}}
@media(max-width:520px){.tw-team-overview{padding:15px}.tw-team-role-head,.tw-team-role-row{grid-template-columns:1fr 70px 45px}.tw-team-role-head span:nth-child(2){display:none}.tw-team-role-row{padding:9px}.tw-team-role-row .tw-status{display:none}.tw-team-filter{width:100%}.tw-team-filter a{flex:1;text-align:center}.tw-field-kpis{grid-template-columns:1fr}.tw-role-tabs{grid-template-columns:1fr}.tw-bottom-grid{grid-template-columns:1fr}.tw-settings-card label{grid-template-columns:1fr 75px}.tw-month-bars{overflow-x:auto}.tw-month-col{min-width:34px}}
/* TEAM WORKLOAD V3 END */

/* Typography subtle final override */
:root{--type-xs:12px;--type-sm:14px;--type-md:18px;--type-lg:24px}
.nav-section,.page-title small,.eyebrow,small,.pipeline-caption,.pipeline-subtitle,.pipeline-table-note{font-size:var(--type-xs)!important}
body,.nav-link,.table-wrap td,.table-wrap th,input,select,textarea,button{font-size:var(--type-sm)!important}
.section-head h3,.panel-title h3,h2,h3,h4{font-size:var(--type-md)!important}
.page-title h1,.hero-row h2,.pipeline-hero h2,.metric-grid .metric-card>strong,.pipeline-kpi strong,.visual-metric-grid .visual-metric>div>strong{font-size:var(--type-lg)!important}

/* Network follow-up cards — balanced typography */
.network-contact-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.network-contact-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:126px;
  padding:14px 16px;
  border:1px solid #e7ecef;
  border-radius:11px;
  background:#fafcfd;
  color:#17364c;
  text-decoration:none;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.network-contact-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(18,50,70,.07);border-color:#cfdce3}
.network-contact-card>span{display:block;font-size:12px!important;line-height:1.35;color:#7b8b95;margin:0 0 7px}
.network-contact-card>strong{display:block;font-size:18px!important;line-height:1.1;margin:0 0 8px;color:#17364c;font-weight:800}
.network-contact-card>strong>span{font-size:inherit!important;color:inherit;margin:0}
.network-contact-card>small{display:block;font-size:14px!important;line-height:1.35;color:#526773;margin:0 0 8px;font-weight:600}
.network-contact-card>em{display:block;font-size:14px!important;line-height:1.35;font-style:normal;color:#0e78a8;font-weight:700;margin-top:auto}
.network-contact-card.attention{background:#fff9ef;border-color:#f0dfb9}.network-contact-card.attention>strong{color:#a96c12}
.network-contact-card.urgent{background:#fff4f3;border-color:#efceca}.network-contact-card.urgent>strong{color:#b9433b}
.network-contact-card.unknown{background:#f7f9fa;border-color:#e2e8eb}.network-contact-card.unknown>strong{color:#526773}
@media(max-width:650px){.network-contact-alerts{grid-template-columns:1fr}}


/* TYPOGRAPHY SYSTEM V3 START
   Nuanced scale: readable and uniform, while allowing hierarchy where useful.
   Dense data stays compact; navigation, normal copy, titles and KPI values get distinct roles. */
:root{
  --type-micro:11px;
  --type-caption:12px;
  --type-body:13px;
  --type-control:13px;
  --type-subtitle:14px;
  --type-section:17px;
  --type-page:20px;
  --type-kpi:22px;
  --type-hero:24px;
  --type-font:Inter,"Segoe UI",Arial,sans-serif;
  /* Legacy aliases used by older component CSS. */
  --font-label:var(--type-caption);
  --font-body:var(--type-body);
  --font-section:var(--type-section);
  --font-hero:var(--type-hero);
}

html,body,input,select,textarea,button{font-family:var(--type-font)!important}
body{font-size:var(--type-body)!important;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Normal reading text */
p,li,dt,dd,summary,
.table-wrap td,
.muted-copy,.source-panel p,
.network-detail-section p,
.market-v2-copy,
.rayon-share-info span{
  font-size:var(--type-body)!important;
  line-height:1.5;
}

/* Controls and primary navigation: slightly larger than dense table copy. */
.nav-link,
.global-search input,.global-search button,
.top-actions select,.ghost-btn,.primary-btn,
input,select,textarea,button,
.dashboard-sections a{
  font-size:var(--type-control)!important;
  line-height:1.35;
}

/* Small supporting text and metadata. */
small,label,.eyebrow,.nav-section,.page-title small,
.legend,.legend span,.month-legend span,
.chart-note,.table-note,
.pipeline-caption,.pipeline-subtitle,.pipeline-table-note,
.status-pill,.attainment,.follow-status,.follow-date,
.workload-note,.kpi-delta-line,
.rank,.rank-row small,
.content footer,.content footer span,
.nav-link>span,
.tw-status,.tw-team-role-row .tw-status,
.tw-month-chart-title>span,.tw-month-col span,
.workload-legend-strip,.workload-legend-strip span,.workload-legend-strip small{
  font-size:var(--type-caption)!important;
  line-height:1.4;
}

/* Dense table headers / micro labels stay compact, but never below 10px. */
.table-wrap th,
.tw-team-role-head,.tw-metric-head,
.tw-field-kpis small,
.tw-days small,
.market-v2-mini-title span,.market-v2-mini-values span,
.rayon-share-table th,
.field-help,.customer-source-note,.rayon-action,.workload-team-role,
.special-agreement-badge,.micro-tags span,.match-pills span{
  font-size:var(--type-micro)!important;
  line-height:1.35;
}

/* Subtitles / card titles. */
.tw-team-card header b,
.tw-field-person header b,.tw-ss-person header b,
.product-top b,.network-detail-section>b,
.pipeline-workorder-head b,
.org-support-card strong,
.rayon-kpi-metric .metric-title b{
  font-size:var(--type-subtitle)!important;
  line-height:1.3;
}

/* Section hierarchy. */
.section-head h3,.panel-title h3,h2,h3,h4,
.tw-role-card-head h3,.tw-workdays-panel summary h3,
.rayon-kpi-card>header h3,.org-team-head h2,
.login-card h2{
  font-size:var(--type-section)!important;
  line-height:1.25;
  letter-spacing:-.01em;
}
.page-title h1{font-size:var(--type-page)!important;line-height:1.2;letter-spacing:-.015em}

/* KPI values: prominent but not oversized. */
.metric-grid .metric-card>strong,
.visual-metric-grid .visual-metric>div>strong,
.pipeline-kpi>div>strong,
.goal-kpi strong,
.tw-gauge strong,.gauge span,
.workload-summary-card strong,
.actual-target-row strong,
.followup-summary-grid strong,
.network-contact-card>strong,
.market-v2-kpi strong,.market-v2-family-value strong,
.market-v2-donut strong,.market-ring span,
.region-value,.ab-grid strong,.family-main>strong,
.data-volume strong,.context-strip strong,.scenario-line strong,
.product-card>strong,.org-team-count strong,.pm-fire-mix-value{
  font-size:var(--type-kpi)!important;
  line-height:1.15;
  letter-spacing:-.015em;
}

/* Hero headlines are reserved for the top-level message only. */
.hero-row h2,.pipeline-hero h2,.rayon-share-hero h1,.login-visual h1,.hero-badge span{
  font-size:var(--type-hero)!important;
  line-height:1.1;
  letter-spacing:-.02em;
}

/* Compact operational UI uses caption/body rather than arbitrary 6–9px sizes. */
.tw-team-card header small,.tw-team-role-row>b,.tw-team-role-row>em,
.tw-role-card-head small,.tw-role-card-head>span,
.tw-field-person header small,.tw-ss-person header small,
.tw-month-detail summary,.tw-gauge small,
.tw-metric-row>b,.tw-metric-row>span,.tw-metric-row>div strong,
.tw-month-chart-title>b,
.tw-settings-card>p,.tw-settings-card label,.tw-settings-card em,
.tw-workdays-panel summary small,.tw-workdays-panel summary>span,.tw-workdays-panel form>p,
.workload-filter-block>span,.workload-segments a,.workload-vacancy-toggle,
.workload-summary-card small,.workload-summary-card em,
.workload-v2 .workload-person small,.workload-v2 .workload-fill b,
.workload-nodata-block summary,.workload-nodata-grid span,.workload-nodata-grid small,
.pipeline-rayon-filter label,.pipeline-rayon-filter select,
.pipeline-workorder-head small,.pipeline-workorder-head>span,
.followup-rayon-card>span,
.rayon-share-toolbar label>span,.rayon-share-table td small,
.market-v2-kpi small,.market-v2-kpi em,
.market-v2-family-head small,.market-v2-family-value>span,.market-v2-family-value em,
.org-support-card small,.org-support-card p,.org-region-code small,.org-person-line>div small,
.network-detail-meta span,.network-product-grid small,.network-role-pipeline small,
.network-contact-card>small{
  font-size:var(--type-caption)!important;
  line-height:1.4;
}

/* Weight system: fewer random bold weights. */
h1,h2,h3,h4{font-weight:700!important}
.section-head small,.panel-title small,.eyebrow,.nav-section,.table-wrap th{font-weight:700!important;letter-spacing:.05em}
.nav-link{font-weight:600!important}
.table-wrap td{font-weight:400!important}
.table-wrap td b,.table-wrap td strong{font-weight:650!important}
button,.primary-btn,.ghost-btn{font-weight:600!important}

/* Spacing supports readability without making the UI bulky. */
.nav-link{min-height:41px;padding-top:10px;padding-bottom:10px}
.table-wrap th{padding:11px 14px}
.table-wrap td{padding:12px 14px}
input,select,textarea{min-height:39px}
.panel-title{gap:12px}.panel-title h3{margin-top:3px}

@media(max-width:820px){
  :root{
    --type-micro:11px;--type-caption:12px;--type-body:13px;--type-control:13px;
    --type-subtitle:14px;--type-section:17px;--type-page:20px;--type-kpi:21px;--type-hero:23px;
    --font-label:var(--type-caption);--font-body:var(--type-body);--font-section:var(--type-section);--font-hero:var(--type-hero);
  }
}
/* TYPOGRAPHY SYSTEM V3 END */

/* YTD period selector */
.topbar.has-period-selector .global-search{max-width:420px}
.period-selector select{min-width:94px}
@media(max-width:1250px){.topbar.has-period-selector .global-search{max-width:300px}.topbar.has-period-selector .source-pill{display:none}}

/* Typography refinement v2.1 */
.nav-link{font-weight:600!important}
.nav-section,.eyebrow,.section-head small,.panel-title small,.visual-metric label,.metric-card label,.pipeline-kpi label,.page-title small{font-weight:700!important;letter-spacing:.055em!important}
.page-title h1,.section-head h3,.panel-title h3,h2,h3,h4{font-weight:700!important}
.visual-metric-grid .visual-metric>div>strong,.metric-grid .metric-card>strong,.pipeline-kpi>div>strong{font-weight:700!important}
.dashboard-sections a{font-size:12px!important;font-weight:600!important}
.top-actions select,.global-search input,.global-search button,.ghost-btn{font-weight:600!important}
.period-selector select{border-color:#d7e0e5!important;background:#fff;font-weight:700!important;color:#17364c}


/* Team workload visibility/layout fix */
.tw-detail-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.tw-role-card,.tw-ss-team-card,.tw-ss-person,.tw-ss-body,.tw-ss-metrics{
  min-width:0;
  max-width:100%;
}
.tw-ss-body{
  grid-template-columns:90px minmax(0,1fr);
  gap:12px;
}
.tw-gauge{
  width:84px;
  height:84px;
}
.tw-gauge:after{
  width:60px;
  height:60px;
}
.tw-metric-head,.tw-metric-row{
  grid-template-columns:minmax(105px,1.25fr) 62px 62px minmax(82px,.8fr) 64px;
  gap:5px;
  min-width:0;
}
.tw-metric-head>* , .tw-metric-row>*{
  min-width:0;
}
.tw-metric-row>b{
  overflow-wrap:anywhere;
}
.tw-metric-row>span,
.tw-metric-row>div{
  white-space:normal;
}
.tw-role-card-head,
.tw-ss-person>header{
  min-width:0;
}
.tw-ss-person>header{
  grid-template-columns:38px minmax(0,1fr) auto 78px;
}
.tw-days{
  min-width:0;
}
.tw-month-bars{
  min-width:0;
}
@media(max-width:1350px){
  .tw-ss-body{grid-template-columns:76px minmax(0,1fr);gap:10px}
  .tw-gauge{width:72px;height:72px}
  .tw-gauge:after{width:52px;height:52px}
  .tw-metric-head,.tw-metric-row{grid-template-columns:minmax(98px,1.2fr) 54px 54px minmax(70px,.75fr) 58px}
}
@media(max-width:1180px){
  .tw-detail-grid{grid-template-columns:1fr}
  .tw-ss-body{grid-template-columns:100px minmax(0,1fr)}
  .tw-gauge{width:92px;height:92px}
  .tw-gauge:after{width:66px;height:66px}
  .tw-metric-head,.tw-metric-row{grid-template-columns:minmax(120px,1.3fr) 70px 70px minmax(95px,.8fr) 82px}
}
@media(max-width:760px){
  .tw-ss-person>header{grid-template-columns:38px minmax(0,1fr)}
  .tw-ss-body{grid-template-columns:1fr}
  .tw-gauge{margin:auto}
  .tw-metric-head{display:none}
  .tw-metric-row{grid-template-columns:1fr 55px 55px;gap:5px}
}

/* RAYON KPI CALM LAYOUT V3 */
.rayon-kpi-team{margin:0 0 34px}
.rayon-team-head{margin:0 2px 14px}
.rayon-team-head small{font-size:10px!important;letter-spacing:.08em!important;color:#7f909b!important;font-weight:700!important}
.rayon-team-head h3{font-size:16px!important;letter-spacing:-.01em!important;margin-top:4px!important;color:#17364c!important}
.rayon-kpi-grid{gap:18px}
.rayon-kpi-card{padding:18px 18px 16px;border:1px solid #dfe7eb;border-radius:16px;box-shadow:0 4px 14px rgba(18,50,70,.035);background:#fff}
.rayon-kpi-card>header{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #edf1f3;min-height:50px}
.rayon-kpi-card>header small{font-size:10px!important;line-height:1.25!important;color:#82919a!important;letter-spacing:.06em!important;font-weight:600!important}
.rayon-kpi-card>header h3{font-size:20px!important;line-height:1.15!important;margin:5px 0 0!important;color:#102c43!important;font-weight:750!important}
.overall-score,.overall-muted{font-size:10px!important;line-height:1!important;font-weight:700!important;padding:6px 9px!important;border-radius:999px!important;white-space:nowrap}
.overall-score{background:#edf8f2!important;color:#24724d!important;border:1px solid #d9eee2!important}
.overall-muted{background:transparent!important;color:#8b99a2!important;border:1px solid #e6ecef!important}
.rayon-kpi-metrics{gap:12px}
.rayon-kpi-metric{position:relative;min-height:132px;padding:13px 14px 12px!important;border:1px solid #e5ebef!important;border-left-width:3px!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.rayon-kpi-metric.good{border-left-color:#329565!important}
.rayon-kpi-metric.warn{border-left-color:#d49a34!important}
.rayon-kpi-metric.bad{border-left-color:#c85c55!important}
.rayon-kpi-metric.neutral{border-left-color:#b8c3c9!important}
.rayon-kpi-metric .metric-title span{font-size:10px!important;color:#8998a1!important;letter-spacing:.05em!important;font-weight:650!important;line-height:1.2!important}
.rayon-kpi-metric .metric-title b{font-size:14px!important;line-height:1.25!important;margin-top:4px!important;color:#17364c!important;font-weight:700!important}
.actual-target-row{margin-top:11px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;background:#f7f9fa!important;border:1px solid #e9eef1!important;border-radius:9px!important;overflow:hidden!important}
.actual-target-row>div{padding:9px 11px!important;border:0!important;border-radius:0!important;background:transparent!important;min-width:0}
.actual-target-row>div+div{border-left:1px solid #e2e8eb!important}
.actual-target-row small{font-size:10px!important;line-height:1.2!important;color:#84939c!important;font-weight:500!important}
.actual-target-row strong{font-size:20px!important;line-height:1.15!important;margin-top:5px!important;color:#102c43!important;font-weight:700!important;letter-spacing:-.02em!important}
.kpi-delta-line{margin-top:9px!important;min-height:14px!important;font-size:10px!important;line-height:1.35!important;color:#84939c!important}
.kpi-delta-line .positive{color:#3b8561!important}
.kpi-delta-line .negative{color:#b9554e!important}
.rayon-kpi-card>footer.rayon-kpi-footer-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-top:1px solid #edf1f3!important;margin-top:14px!important;padding-top:12px!important}
.rayon-owner{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;color:#6d7d87!important}
.rayon-owner small{font-size:9px!important;line-height:1!important;letter-spacing:.06em!important;color:#98a4ab!important;font-weight:700!important}
.rayon-owner b{font-size:11px!important;line-height:1.2!important;color:#627682!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.rayon-kpi-footer-actions>div{gap:6px!important;flex-wrap:nowrap!important}
.rayon-action{height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 10px!important;border-radius:8px!important;font-size:10px!important;line-height:1!important;font-weight:650!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important}
.rayon-action:hover{transform:none!important;box-shadow:none!important;filter:brightness(.985)}
.rayon-action.report{background:#173f5c!important;border:1px solid #173f5c!important;color:#fff!important}
.rayon-action.excel{background:#fff!important;border:1px solid #dce7e1!important;color:#347653!important}
.rayon-action.urgent{background:#fff5f3!important;border:1px solid #f0d5d1!important;color:#a94e47!important}
.rayon-action.attention{background:#fff9ef!important;border:1px solid #efdfbd!important;color:#8f651d!important}
.rayon-action.details{background:transparent!important;border:0!important;color:#1b6f94!important;padding:0 2px 0 7px!important}
.kpi-legend-strip{padding:10px 13px!important;margin:-2px 0 22px!important;gap:14px!important;border-radius:10px!important;background:#fbfcfd!important;box-shadow:none!important;color:#74858f!important}
.kpi-legend-strip span,.kpi-legend-strip small{font-size:10px!important;line-height:1.3!important;font-weight:500!important}
.kpi-legend-strip small{color:#8d9aa2!important}
.kpi-dot{width:7px!important;height:7px!important;margin-right:4px!important}
@media(max-width:1180px){.rayon-kpi-card>footer.rayon-kpi-footer-actions{align-items:flex-start!important;flex-direction:column!important}.rayon-kpi-footer-actions>div{width:100%;justify-content:flex-start!important;flex-wrap:wrap!important}.rayon-owner b{max-width:none}}
@media(max-width:700px){.rayon-kpi-metrics{grid-template-columns:1fr!important}.rayon-kpi-card{padding:16px!important}.rayon-action{height:32px!important}.rayon-kpi-footer-actions>div{gap:7px!important}}
/* RAYON KPI CALM LAYOUT V3 END */

/* TYPOGRAPHY READABILITY V3.1 START
   Raise the smallest readable layer and normalize dense visual components.
   The goal is hierarchy without micro-text that becomes hard to read on laptop screens. */
:root{
  --type-micro:11px;
  --type-caption:12px;
  --type-body:13px;
  --type-control:13px;
  --type-subtitle:14px;
  --type-section:17px;
  --type-page:20px;
  --type-kpi:22px;
  --type-hero:24px;
  --font-label:var(--type-caption);
  --font-body:var(--type-body);
}

/* Small labels and metadata: readable minimum with calmer line height. */
small,label,.eyebrow,.nav-section,.page-title small,
.legend,.legend span,.month-legend span,.chart-note,.table-note,
.pipeline-caption,.pipeline-subtitle,.pipeline-table-note,
.status-pill,.attainment,.follow-status,.follow-date,
.workload-note,.kpi-delta-line,.content footer,.content footer span{
  font-size:var(--type-caption)!important;
  line-height:1.45!important;
}

.table-wrap th,
.tw-team-role-head,.tw-metric-head,
.rayon-share-table th,
.field-help,.customer-source-note,.rayon-action,.workload-team-role,
.special-agreement-badge,.micro-tags span,.match-pills span{
  font-size:var(--type-micro)!important;
  line-height:1.4!important;
}

/* Chart axes, legends and compact card metadata that historically used 6–9px spans. */
.line-bars b,.line-bars span,.bar-col>span,
.history-year b,.history-year small,.annual-stack-total,.annual-stack-year>b,
.line-scale,.target-track>div:first-child,.target-key span,
.family-card-head small,.family-main span,.family-main small,.family-foot span,
.market-split-labels,.market-family-name small,.market-family-values small,
.market-sector-list>div,.market-momentum-grid small,
.channel-potential-strip,.network-type-pill,.network-detail-meta span,
.network-detail-kpis small,.network-detail-section>b,.network-product-grid small,
.network-role-pipeline small,.network-contact-alerts span,.network-contact-alerts small,
.org-hero-kicker,.org-cd-card span,.org-cd-card small,.org-direct-report-note,
.org-team-head small,.org-team-head p,.org-team-count span,.org-role-icon,
.org-support-card small,.org-support-card p,.org-ram-title small,.org-ram-title>span,
.org-region-code small,.org-person-line>div small,.org-status,.org-principle-grid span,
.customer-kpi-card label,.customer-kpi-card small,.customer-panel-head small,.customer-panel-head p,
.customer-region-card header small,.customer-region-metrics span,.customer-region-card footer span,
.customer-product-label b,.customer-product-count span,.customer-product-interest span,
.customer-account-table td>small,.customer-account-name span,.customer-mini-badge,
.customer-inline-tags span,.customer-channel-line,.customer-abc,
.pm-kpi-head label,.pm-kpi>small,.pm-delta,.pm-delta span,.pm-kpi-foot,.pm-legend,
.pm-row-label span,.pm-mix-copy small,.pm-mix-copy b,.pm-segment-label b,
.pm-growth-badge,.pm-segment-line>span,.pm-segment-line>strong,.pm-panel-note,
.dashboard-customer-summary span,.customer-main small,.customer-pipeline small,.customer-potential small{
  font-size:var(--type-micro)!important;
  line-height:1.4!important;
}

/* Keep normal data and controls on one stable reading size. */
body,p,li,dt,dd,summary,.table-wrap td,
.nav-link,.global-search input,.global-search button,
.top-actions select,.ghost-btn,.primary-btn,input,select,textarea,button{
  font-size:var(--type-body)!important;
  line-height:1.45!important;
}

/* Slightly stronger contrast for neutral explanatory copy; status colors remain untouched. */
.chart-note,.table-note,.muted-copy,
.metric-card small,.visual-metric small,
.family-foot span,.customer-panel-head p,
.tw-role-card-head small,.tw-field-person header small,.tw-ss-person header small,
.workload-note{
  color:#667985!important;
}

/* Dense tables should breathe a little after the readability lift. */
.table-wrap th{padding-top:12px;padding-bottom:12px;font-weight:700!important}
.table-wrap td{padding-top:12px;padding-bottom:12px}

/* Page title hierarchy remains controlled and consistent. */
.page-title h1{font-size:var(--type-page)!important}
.section-head h3,.panel-title h3,h2,h3,h4{font-size:var(--type-section)!important}
.metric-grid .metric-card>strong,.visual-metric-grid .visual-metric>div>strong,
.pipeline-kpi>div>strong,.tw-gauge strong,.gauge span{font-size:var(--type-kpi)!important}
.hero-row h2,.pipeline-hero h2{font-size:var(--type-hero)!important}

@media(max-width:820px){
  :root{
    --type-micro:11px;--type-caption:12px;--type-body:13px;--type-control:13px;
    --type-subtitle:14px;--type-section:17px;--type-page:20px;--type-kpi:21px;--type-hero:23px;
  }
}
/* TYPOGRAPHY READABILITY V3.1 END */



/* Dashboard gauge percentage fit — 2026-09-07 */
.gauge-card .gauge span{
  font-size:17px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  white-space:nowrap;
}
@media(max-width:820px){
  .gauge-card .gauge span{font-size:16px!important}
}

/* Analysis priority layout fix — 2026-09-07 */
.priority-panel .priority-list>a{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
  padding:16px 2px!important;
}
.priority-panel .priority-list>a>div{min-width:0!important;max-width:920px}
.priority-panel .priority-list>a>div b{
  display:block!important;
  font-size:14px!important;
  line-height:1.3!important;
  color:#17364c!important;
}
.priority-panel .priority-list>a>div p{
  display:block!important;
  width:auto!important;
  max-width:760px!important;
  margin:5px 0 0!important;
  font-size:13px!important;
  line-height:1.5!important;
  color:#667985!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.priority-panel .priority-list>a>strong{
  justify-self:end!important;
  align-self:center!important;
  min-width:88px!important;
  text-align:right!important;
  font-size:16px!important;
  line-height:1.2!important;
  color:#102c43!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .priority-panel .priority-list>a{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
  }
  .priority-panel .priority-list>a>div p{max-width:none!important}
  .priority-panel .priority-list>a>strong{min-width:72px!important;font-size:14px!important}
}

/* Analysis priority tiles v2 — light status tint */
.analysis-priority-panel{border-top:3px solid #173b58;padding:20px 22px 22px}
.analysis-priority-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.analysis-priority-grid>a.analysis-priority-tile{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  min-height:116px;
  padding:16px 17px!important;
  margin:0!important;
  border:1px solid #dfe7eb!important;
  border-left:4px solid #6fa7bf!important;
  border-radius:12px!important;
  background:#f8fbfd!important;
  box-shadow:0 4px 12px rgba(18,50,70,.035);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.analysis-priority-grid>a.analysis-priority-tile:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(18,50,70,.07);
}
.analysis-priority-grid>a.analysis-priority-tile.alert{
  background:#fff7f6!important;
  border-color:#f0d9d5!important;
  border-left-color:#ce6259!important;
}
.analysis-priority-grid>a.analysis-priority-tile.warning{
  background:#fffaf2!important;
  border-color:#f0e0c5!important;
  border-left-color:#d89a34!important;
}
.analysis-priority-grid>a.analysis-priority-tile.success{
  background:#f5fbf7!important;
  border-color:#dbece1!important;
  border-left-color:#3c9a68!important;
}
.analysis-priority-grid>a.analysis-priority-tile.info{
  background:#f6fafc!important;
  border-color:#dce8ee!important;
  border-left-color:#4f8eac!important;
}
.analysis-priority-copy{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start;min-width:0}
.analysis-priority-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#4f8eac}
.analysis-priority-tile.alert .analysis-priority-dot{background:#ce6259}
.analysis-priority-tile.warning .analysis-priority-dot{background:#d89a34}
.analysis-priority-tile.success .analysis-priority-dot{background:#3c9a68}
.analysis-priority-copy b{display:block!important;font-size:14px!important;line-height:1.3!important;color:#17364c!important;font-weight:700!important}
.analysis-priority-copy p{display:block!important;width:auto!important;max-width:none!important;margin:6px 0 0!important;font-size:13px!important;line-height:1.45!important;color:#657986!important;word-break:normal!important;overflow-wrap:normal!important}
.analysis-priority-tile>strong{justify-self:end!important;align-self:center!important;min-width:86px!important;text-align:right!important;font-size:16px!important;line-height:1.15!important;color:#102c43!important;white-space:nowrap!important}
.analysis-priority-tile.alert>strong{color:#a94f48!important}
.analysis-priority-tile.warning>strong{color:#956416!important}
.analysis-priority-tile.success>strong{color:#28764d!important}
@media(max-width:980px){.analysis-priority-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){
  .analysis-priority-grid>a.analysis-priority-tile{grid-template-columns:1fr!important;min-height:0}
  .analysis-priority-tile>strong{justify-self:start!important;text-align:left!important;min-width:0!important}
}

/* Period selector confirmation button */
.period-selector-confirm{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.period-selector-confirm select{height:42px;border:1px solid #d7e0e5;border-radius:10px;background:#fff;color:#17364c;font-weight:700;padding:0 34px 0 12px}
.period-apply-btn{height:42px;border:0;border-radius:10px;background:#064a82;color:#fff;font-weight:800;padding:0 18px;cursor:pointer;box-shadow:0 2px 6px rgba(6,74,130,.12);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.period-apply-btn:hover{background:#033e6e;box-shadow:0 4px 10px rgba(6,74,130,.16)}
.period-apply-btn:active{transform:translateY(1px)}
.period-apply-btn:focus-visible{outline:3px solid rgba(40,154,199,.22);outline-offset:2px}
.period-confirmed{display:inline-flex;align-items:center;height:42px;padding:0 12px;border-radius:10px;background:#eef8f2;color:#27744c;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:1180px){.period-confirmed{display:none}.period-selector-confirm{gap:6px}.period-apply-btn{padding:0 14px}}

/* Team workload status pills — calmer typography */
.tw-status,
.tw-team-role-row .tw-status,
.tw-all-roles .tw-status{
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Team administratie — Sales Support KPI settings */
.team-admin-kpi-settings{padding:20px 22px}
.team-admin-kpi-icon{font-size:18px;color:#176f94}
.team-admin-kpi-settings>.muted-copy{margin:6px 0 16px;max-width:760px}
.team-admin-kpi-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.team-admin-kpi-form>label{display:grid;gap:7px;font-size:12px;color:#566b78;font-weight:500}
.team-admin-kpi-form input{width:100%;height:42px;border:1px solid #d7e1e6;border-radius:9px;background:#fff;padding:0 11px;color:#17364c;font-size:14px;font-weight:700;outline:none}
.team-admin-kpi-form input:focus{border-color:#2789ad;box-shadow:0 0 0 3px rgba(39,137,173,.09)}
.team-admin-kpi-form>label>div{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
.team-admin-kpi-form em{font-style:normal;color:#7c8d97;font-size:12px}
.team-admin-kpi-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}
.team-admin-kpi-actions>span{font-size:12px;color:#74858f}
@media(max-width:1050px){.team-admin-kpi-form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.team-admin-kpi-form{grid-template-columns:1fr}.team-admin-kpi-actions{align-items:stretch;flex-direction:column}.team-admin-kpi-actions .primary-btn{width:100%}}

/* Softer button/chip typography */
.customer-region-card footer span,
.rayon-action,
.period-apply-btn,
.period-confirmed,
.source-pill,
.global-search button,
.urgent-visit-toolbar button,
.urgent-visit-toolbar a,
.report-toolbar a,
.report-toolbar button,
.primary-btn,
.ghost-btn {
  font-weight: 500 !important;
}

/* Sales Support KPI semantics */
.tw-ss-rule{display:flex;gap:10px;align-items:flex-start;margin:10px 0 2px;padding:9px 11px;border:1px solid #e5ebef;border-radius:9px;background:#f8fafb;color:#667985}
.tw-ss-rule b{font-size:11px!important;color:#17364c;white-space:nowrap;font-weight:650!important}
.tw-ss-rule span{font-size:11px!important;line-height:1.4!important}
@media(max-width:760px){.tw-ss-rule{display:block}.tw-ss-rule b{display:block;margin-bottom:4px}}


/* Wholesale management dashboards */
.wholesale-page{display:grid;gap:18px}.wholesale-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.wholesale-kpi{background:#fff;border:1px solid #e2e9ed;border-radius:14px;padding:15px;display:flex;gap:11px;align-items:flex-start;min-width:0;box-shadow:0 5px 18px rgba(22,57,79,.04)}.wholesale-kpi.primary{background:linear-gradient(135deg,#123b58,#1d5b79);color:#fff;border-color:transparent}.wk-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf4f8;color:#176f94;font-size:18px;flex:0 0 38px}.wholesale-kpi.primary .wk-icon{background:rgba(255,255,255,.13);color:#fff}.wk-icon.growth,.wk-icon.active{background:#eaf8ef;color:#258552}.wk-icon.forecast{background:#eaf5fd;color:#2f83b9}.wk-icon.share{background:#f0ecfb;color:#7654ad}.wk-icon.pipeline{background:#f3effc;color:#7a54b3}.wholesale-kpi small{display:block;font-size:8px;letter-spacing:.06em;color:#778a96;font-weight:700}.wholesale-kpi.primary small{color:#bcd5e2}.wholesale-kpi strong{display:block;font-size:20px;line-height:1.1;margin:7px 0 5px;color:#102f47;white-space:nowrap}.wholesale-kpi.primary strong{color:#fff}.wholesale-kpi em{display:block;font-size:9px;font-style:normal;color:#84939b}.wholesale-kpi.primary em{color:#c6dbe5}.wholesale-kpi .positive{color:#218453!important}.wholesale-kpi .negative{color:#bb4b43!important}
.wholesale-section-head{margin:0}.wholesale-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wholesale-mini-card{display:block;background:#fff;border:1px solid #dfe7eb;border-radius:14px;padding:15px;color:#17364c;text-decoration:none;box-shadow:0 6px 20px rgba(16,50,70,.04);transition:.16s;min-width:0}.wholesale-mini-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(16,50,70,.09);border-color:#b9d5e1}.wholesale-mini-card.selected{border-color:#238bb3;box-shadow:0 0 0 2px rgba(35,139,179,.08)}.wholesale-mini-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wholesale-mini-card header small{font-size:7px;letter-spacing:.08em;color:#82939e}.wholesale-mini-card header h3{font-size:15px;margin:3px 0 0;color:#102f47}.wholesale-mini-card header>span{font-size:8px;color:#7d8c95;text-align:right}.wholesale-mini-card header>span b{display:block;font-size:14px;color:#17364c;margin-top:2px}.wholesale-mini-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:13px 0 12px;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;padding:10px 0}.wholesale-mini-metrics>div{padding:0 8px;border-left:1px solid #edf1f3;min-width:0}.wholesale-mini-metrics>div:first-child{border-left:0;padding-left:0}.wholesale-mini-metrics small{display:block;font-size:7px;color:#84939c;white-space:nowrap}.wholesale-mini-metrics strong{display:block;font-size:12px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wholesale-mini-visuals{display:grid;grid-template-columns:1fr 1.25fr;gap:13px}.wholesale-mini-visuals small{display:block;font-size:7px;color:#81919b;margin-bottom:5px}.wholesale-spark{height:54px;display:flex;align-items:flex-end;gap:3px;padding-top:3px}.wholesale-spark i{flex:1;min-width:3px;border-radius:2px 2px 0 0;background:linear-gradient(#4ba8d1,#176f94)}.wholesale-mix-bar{height:11px;background:#edf2f4;border-radius:999px;overflow:hidden;display:flex}.wholesale-mix-bar i{height:100%;display:block}.wholesale-mix-bar .intercom,.wholesale-product-detail i.intercom{background:#1d5b86}.wholesale-mix-bar .vip,.wholesale-product-detail i.vip{background:#3286bd}.wholesale-mix-bar .fire,.wholesale-product-detail i.fire{background:#d65e46}.wholesale-mix-bar .pac,.wholesale-product-detail i.pac{background:#67a8d1}.wholesale-mix-bar .cctv,.wholesale-product-detail i.cctv{background:#61b7b2}.wholesale-mix-bar .safe,.wholesale-product-detail i.safe{background:#83bb5c}.wholesale-mix-bar .key,.wholesale-product-detail i.key{background:#8b5aa7}.wholesale-mix-legend{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.wholesale-mix-legend span{font-size:6px;color:#71838f}.wholesale-mini-card footer{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f3;font-size:7px;color:#7d8e98}.wholesale-mini-card footer b{color:#176f94;font-weight:600}
.wholesale-analysis-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.wholesale-trend-chart{height:285px;width:100%;overflow:hidden}.wholesale-trend-chart svg{width:100%;height:100%;display:block}.wt-grid{stroke:#e8eef1;stroke-width:1}.wt-axis{fill:#768995;font-size:10px}.wholesale-trend-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}.wholesale-trend-legend span{font-size:8px;color:#657984;display:flex;align-items:center;gap:5px}.wholesale-trend-legend i{width:8px;height:8px;border-radius:50%}.wholesale-mix-list{display:grid;gap:10px}.wholesale-mix-row{display:grid;grid-template-columns:140px 1fr 85px;align-items:center;gap:10px}.wholesale-mix-row>b{font-size:9px}.wholesale-mix-row>span{text-align:right;font-size:9px;color:#647883}.wholesale-mix-bar.large{height:15px}.wholesale-product-key{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #edf1f3}.wholesale-product-key span{font-size:7px;border-radius:999px;padding:4px 7px;background:#eef4f7;color:#4f6675}.wholesale-product-key .p1{background:#e7f2fb;color:#245d82}.wholesale-product-key .p2{background:#eaf7f4;color:#2f746c}.wholesale-product-key .p3{background:#f3f7ea;color:#647c42}
.wholesale-detail-panel{scroll-margin-top:90px}.wholesale-detail-head p{margin:4px 0 0;font-size:9px;color:#7b8c96}.wholesale-detail-badges{display:flex;gap:7px;flex-wrap:wrap}.wholesale-detail-badges span{padding:6px 8px;border-radius:999px;background:#eef5f8;color:#496878;font-size:8px}.wholesale-detail-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:8px 0 18px}.wholesale-detail-kpis>div{background:#f8fafb;border:1px solid #e7edef;border-radius:10px;padding:11px}.wholesale-detail-kpis small{display:block;font-size:7px;color:#7d8e98}.wholesale-detail-kpis strong{display:block;font-size:15px;margin-top:5px}.wholesale-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.subsection-title small{font-size:7px;letter-spacing:.08em;color:#81919b}.subsection-title h4{font-size:14px;margin:3px 0 10px}.wholesale-month-compare{height:220px;display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;padding:8px 4px 0;border-bottom:1px solid #dfe7eb}.wholesale-month-compare>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.month-bars{height:180px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.month-bars i{width:34%;max-width:15px;min-width:4px;border-radius:3px 3px 0 0}.month-bars .prev{background:#cbd7dd}.month-bars .cur{background:#176f94}.wholesale-month-compare b{font-size:7px;color:#70828d}.wholesale-chart-key{display:flex;gap:12px;margin-top:8px}.wholesale-chart-key span{font-size:8px;color:#758690;display:flex;gap:5px;align-items:center}.wholesale-chart-key i{width:9px;height:9px;border-radius:2px}.wholesale-chart-key .prev{background:#cbd7dd}.wholesale-chart-key .cur{background:#176f94}.wholesale-product-detail{display:grid;gap:4px}.product-detail-row{display:grid;grid-template-columns:120px 90px 62px 62px 90px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f3;font-size:8px}.product-detail-row>span{display:flex;align-items:center;gap:7px}.product-detail-row>span i{width:9px;height:9px;border-radius:3px}.product-detail-row strong{font-size:9px}.product-detail-row em{font-style:normal}.product-detail-row small{color:#758791}.wholesale-connected-strip{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px 14px;border-radius:11px;background:#f5f9fb;border:1px solid #e0e9ed}.wholesale-connected-strip>div{margin-right:auto}.wholesale-connected-strip small{font-size:7px;color:#7c8d97}.wholesale-connected-strip h4{font-size:12px;margin:3px 0 0}.wholesale-connected-strip>span{padding:7px 9px;background:#fff;border:1px solid #e1e9ed;border-radius:8px;font-size:8px;color:#55707f}.wholesale-table tr{cursor:pointer}.wholesale-table tbody tr:hover{background:#f6fafc}.wholesale-table td small{display:block;color:#81919a;margin-top:2px}.wholesale-mix-bar.tablemix{min-width:140px;height:10px}.wholesale-method-grid{margin-top:0}
@media(max-width:1400px){.wholesale-kpi-grid{grid-template-columns:repeat(3,1fr)}.wholesale-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.wholesale-analysis-grid,.wholesale-detail-grid{grid-template-columns:1fr}.wholesale-detail-kpis{grid-template-columns:repeat(3,1fr)}.wholesale-mini-metrics{grid-template-columns:repeat(2,1fr);row-gap:10px}.wholesale-mini-metrics>div:nth-child(3){border-left:0;padding-left:0}.wholesale-mix-row{grid-template-columns:110px 1fr 70px}}
@media(max-width:760px){.wholesale-kpi-grid,.wholesale-mini-grid{grid-template-columns:1fr}.wholesale-detail-kpis{grid-template-columns:repeat(2,1fr)}.wholesale-mini-visuals{grid-template-columns:1fr}.wholesale-connected-strip{align-items:flex-start;flex-direction:column}.product-detail-row{grid-template-columns:1fr 72px 55px}.product-detail-row small{display:none}}

/* Wholesale logo management */
.wholesale-card-brand,.wholesale-detail-brand{display:flex;align-items:center;gap:10px;min-width:0}.wholesale-logo{width:42px;height:32px;border:1px solid #e1e8ec;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 42px;padding:4px}.wholesale-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}.wholesale-logo.fallback{background:#edf5f8;color:#236887;font-weight:600;font-size:14px}.wholesale-logo.detail{width:58px;height:44px;flex-basis:58px;border-radius:10px}.wholesale-detail-actions{display:flex;align-items:flex-end;gap:10px;flex-direction:column}.wholesale-logo-manager{position:relative}.wholesale-logo-manager summary{list-style:none;cursor:pointer;border:1px solid #d8e4ea;background:#fff;border-radius:8px;padding:7px 10px;font-size:8px;color:#176f94;font-weight:500}.wholesale-logo-manager summary::-webkit-details-marker{display:none}.wholesale-logo-manager-body{position:absolute;right:0;top:calc(100% + 7px);z-index:20;width:330px;background:#fff;border:1px solid #dce6eb;border-radius:12px;padding:13px;box-shadow:0 16px 36px rgba(15,47,71,.16)}.wholesale-logo-manager-body form{display:grid;gap:9px}.wholesale-logo-manager-body form+form{margin-top:9px;padding-top:9px;border-top:1px solid #edf1f3}.wholesale-logo-manager-body label{font-size:8px;color:#667b87;display:grid;gap:6px}.wholesale-logo-manager-body input[type=file]{font:inherit;border:1px solid #dce5ea;border-radius:8px;padding:8px;background:#f9fbfc;width:100%}.wholesale-logo-manager-body button{justify-self:start}.wholesale-detail-head{align-items:flex-start}
@media(max-width:760px){.wholesale-detail-head{align-items:stretch;flex-direction:column}.wholesale-detail-actions{align-items:flex-start}.wholesale-logo-manager-body{left:0;right:auto;width:min(330px,86vw)}}

/* Sales Support compact workload cards: align with RAM/TC/BDM overview */
.tw-ss-compact-person .tw-field-kpis{margin-top:12px}
.tw-ss-compact-person .tw-month-detail table{min-width:1220px}
.tw-ss-compact-person .tw-month-detail th,.tw-ss-compact-person .tw-month-detail td{white-space:nowrap}
.tw-ss-rule.compact{display:flex;gap:8px;align-items:flex-start;margin-top:9px;padding:8px 10px;border-radius:8px;background:#f7fafb;color:#6d7e88;font-size:7px;line-height:1.45}
.tw-ss-rule.compact b{color:#315469;white-space:nowrap}
@media(max-width:760px){.tw-ss-rule.compact{flex-direction:column}}


/* Customer mapping list — cleaner hierarchy and export controls */
.customer-account-panel .customer-panel-head.account-head{padding:18px 18px 12px;margin:0;gap:18px}
.customer-account-panel .customer-panel-head.account-head>div:first-child{min-width:250px}
.customer-head-tools{gap:9px;flex-wrap:wrap}
.customer-result-count{display:inline-flex;align-items:center;height:36px;padding:0 3px;color:#6f818c;font-size:var(--type-caption)!important;font-weight:500;white-space:nowrap}
.customer-excel-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:1px solid #cfdde4;border-radius:9px;background:#fff;color:#175f83;text-decoration:none;font-size:var(--type-body)!important;font-weight:500;white-space:nowrap;transition:border-color .15s ease,background .15s ease}
.customer-excel-btn:hover{background:#f4f9fb;border-color:#a9c8d7}
.customer-table-search{width:min(390px,42vw);min-width:275px;height:36px}
.customer-account-table{min-width:1120px;table-layout:fixed}
.customer-account-table th{padding:10px 12px;background:#f6f8fa;color:#6c7f8b;letter-spacing:.04em}
.customer-account-table td{padding:12px;line-height:1.45;color:#304959}
.customer-account-table th:nth-child(1){width:22%}.customer-account-table th:nth-child(2){width:16%}.customer-account-table th:nth-child(3){width:13%}.customer-account-table th:nth-child(4){width:17%}.customer-account-table th:nth-child(5){width:17%}.customer-account-table th:nth-child(6){width:10%}.customer-account-table th:nth-child(7){width:5%}
.customer-account-table tbody tr:nth-child(even){background:#fbfcfd}
.customer-account-table tbody tr:hover{background:#f5f9fb}
.customer-account-name b{font-weight:650!important;line-height:1.35}
.customer-ram-name{display:block;color:#2f4b5d;font-size:var(--type-body)!important;font-weight:400!important;line-height:1.4}
.customer-account-table td:nth-child(2)>small{margin-top:2px}
.customer-mini-badge{margin-top:5px;padding:3px 7px;font-weight:500!important;line-height:1.35!important}
.customer-inline-tags{gap:4px;max-width:190px}
.customer-inline-tags span{padding:3px 7px;font-weight:500!important}
.customer-channel-line{margin-top:5px;line-height:1.45!important}
@media(max-width:1080px){.customer-account-panel .customer-panel-head.account-head{align-items:flex-start!important;flex-direction:column}.customer-head-tools{width:100%;justify-content:flex-start}.customer-table-search{flex:1;width:auto;min-width:230px}}
@media(max-width:640px){.customer-result-count{order:3}.customer-excel-btn{order:2}.customer-table-search{order:1;flex-basis:100%;min-width:100%}}

/* Customer region selector — functional dropdown */
.customer-region-select{
  min-width:168px;
  height:42px;
  appearance:auto!important;
  padding:0 36px 0 12px!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
  color:#203d52!important;
  background:#fff!important;
  border:1px solid #cfdbe3!important;
  border-radius:10px!important;
  cursor:pointer;
}
.customer-region-select:focus{
  outline:none;
  border-color:#2a8db3!important;
  box-shadow:0 0 0 3px rgba(42,141,179,.10);
}
@media(max-width:760px){.customer-region-select{width:100%;min-width:0}}

/* Pipeline KPI growth versus same YTD period previous year */
.pipeline-kpi-value-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:7px 0 4px}.pipeline-kpi-value-row>strong{margin:0!important}.pipeline-growth{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:var(--type-xs)!important;font-weight:700;line-height:1;white-space:nowrap;background:#eef2f4;color:#687984}.pipeline-growth.up{background:#e7f6ee;color:#167a4a}.pipeline-growth.down{background:#fdecec;color:#b83838}.pipeline-growth.flat{background:#eef2f4;color:#687984}.pipeline-growth.na{background:#f3f5f6;color:#89969e}.pipeline-kpi.primary .pipeline-growth.up{background:rgba(77,211,142,.17);color:#a8edc8}.pipeline-kpi.primary .pipeline-growth.down{background:rgba(255,113,113,.17);color:#ffc0c0}.pipeline-kpi.primary .pipeline-growth.flat,.pipeline-kpi.primary .pipeline-growth.na{background:rgba(255,255,255,.12);color:#d6e5eb}@media(max-width:500px){.pipeline-kpi-value-row{gap:8px}.pipeline-growth{min-height:22px;padding:3px 7px}}


/* Revenue & Forecast — product-family monthly view */
.rf-section-head{align-items:flex-end;gap:18px}.rf-section-head p{margin:0;max-width:760px;color:#6f818d;font-size:var(--type-xs)!important;line-height:1.45;text-align:right}.revenue-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.revenue-product-card{margin-bottom:0;padding:18px 19px 15px;min-width:0}.rf-product-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.rf-product-title{display:flex;align-items:center;gap:11px;min-width:0}.rf-product-title small{display:block;color:#81919b;letter-spacing:.06em}.rf-product-title h3{margin:2px 0 0;color:#17364c}.rf-product-icon{width:52px;height:40px;display:grid;place-items:center;flex:0 0 52px}.rf-product-icon img{max-width:48px;max-height:36px;object-fit:contain;display:block}.rf-through{font-size:var(--type-xs)!important;color:#728490;background:#f2f6f8;border:1px solid #e2e9ed;border-radius:999px;padding:5px 9px;white-space:nowrap}.rf-product-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:14px 0 10px;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;padding:10px 0}.rf-product-kpis>div{padding:0 10px;border-left:1px solid #edf1f3;min-width:0}.rf-product-kpis>div:first-child{border-left:0;padding-left:0}.rf-product-kpis span,.rf-product-kpis em{display:block;font-size:var(--type-xs)!important;color:#7c8d97;font-style:normal}.rf-product-kpis b{display:block;font-size:var(--type-body)!important;color:#17364c;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rf-chart-legend{display:flex;justify-content:flex-end;gap:13px;margin:4px 0 2px}.rf-chart-legend span{display:flex;align-items:center;gap:5px;color:#73858f;font-size:var(--type-xs)!important}.rf-chart-legend i{width:9px;height:9px;border-radius:2px;display:block}.rf-chart-legend i.actual,.rf-bar.actual{background:#147ba4}.rf-chart-legend i.pipeline,.rf-bar.pipeline{background:#8a63b5}.rf-chart-legend i.forecast{background:#35a86a}.rf-chart-legend i.forecast,.rf-bar.forecast{background-image:repeating-linear-gradient(135deg,#35a86a 0,#35a86a 4px,#8bcda8 4px,#8bcda8 7px)}.rf-month-chart{height:224px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end;padding:8px 2px 0;border-bottom:1px solid #e1e8ec}.rf-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.rf-bars{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.rf-bar{width:26%;max-width:13px;min-width:3px;min-height:1px;border-radius:3px 3px 0 0;display:block}.rf-bar.pipeline{opacity:.64}.rf-bar.forecast{border:1px solid rgba(36,129,78,.18)}.rf-month>span{font-size:var(--type-xs)!important;color:#748690;transform:scale(.9);transform-origin:center top}.rf-table-product{display:inline-flex;align-items:center;gap:7px;min-width:92px}.rf-table-product img{width:28px;height:21px;object-fit:contain;display:block}.rf-table-product.compact{gap:5px;min-width:0}.rf-table-product.compact img{width:22px;height:17px}.rf-forecast-table .panel-title{padding-bottom:12px}.rf-forecast-table td:not(:first-child),.rf-forecast-table th:not(:first-child){text-align:right}.rf-empty{padding:4px 21px 20px;color:#71838e;font-size:var(--type-body)!important}
@media(max-width:1120px){.revenue-product-grid{grid-template-columns:1fr}.rf-section-head{align-items:flex-start;flex-direction:column}.rf-section-head p{text-align:left;max-width:none}}
@media(max-width:680px){.rf-product-head{align-items:flex-start}.rf-product-kpis{grid-template-columns:1fr;gap:8px}.rf-product-kpis>div{border-left:0;border-top:1px solid #edf1f3;padding:8px 0 0}.rf-product-kpis>div:first-child{border-top:0;padding-top:0}.rf-month-chart{overflow-x:auto;grid-template-columns:repeat(12,44px);padding-bottom:2px}.rf-bars{height:170px}.rf-through{white-space:normal;text-align:right}}

/* Wholesale mini-card: monthly revenue comparison, previous year vs current year */
.wholesale-spark-compare{align-items:stretch;gap:2px}.wholesale-spark-compare .spark-month{flex:1;min-width:5px;height:54px;display:flex;align-items:flex-end;justify-content:center;gap:1px}.wholesale-spark-compare .spark-month>i{flex:none;width:40%;min-width:2px;max-width:5px;border-radius:2px 2px 0 0}.wholesale-spark-compare .spark-month>i.prev{background:#cbd7dd}.wholesale-spark-compare .spark-month>i.cur{background:#176f94}.wholesale-spark-key{display:flex;align-items:center;gap:8px;margin-top:4px}.wholesale-spark-key>span{display:flex;align-items:center;gap:3px;font-size:6px;color:#71838f}.wholesale-spark-key>span>i{width:6px;height:6px;border-radius:2px;display:inline-block}.wholesale-spark-key i.prev{background:#cbd7dd}.wholesale-spark-key i.cur{background:#176f94}

/* Wholesale main chart: selected wholesaler, monthly previous-year vs current-year revenue */
.wholesale-overview-compare{height:245px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;align-items:end;padding:8px 4px 0;border-bottom:1px solid #dfe7eb}.wholesale-overview-compare .overview-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.wholesale-overview-compare .overview-bars{height:210px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.wholesale-overview-compare .overview-bars i{width:30%;max-width:17px;min-width:4px;border-radius:3px 3px 0 0;display:block}.wholesale-overview-compare .overview-bars i.prev{background:#cbd7dd}.wholesale-overview-compare .overview-bars i.cur{background:#176f94}.wholesale-overview-compare .overview-month>b{font-size:7px;color:#70828d}.wholesale-overview-key{margin-top:10px}
@media(max-width:780px){.wholesale-overview-compare{overflow-x:auto;grid-template-columns:repeat(12,42px)}}

/* Productmix marktpotentie — compact management view */
.pm-market-clean{padding:20px 22px;overflow:hidden}
.pm-market-clean-head{align-items:flex-start;gap:16px}
.pm-market-clean-head h3{font-size:17px!important;margin-top:4px}
.pm-market-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pm-market-head-actions>a{font-size:11px;font-weight:700;color:#176f94;background:#f3f8fa;border:1px solid #dce9ef;border-radius:999px;padding:6px 9px;white-space:nowrap}
.pm-market-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:16px}
.pm-market-primary,.pm-market-share{border-radius:12px;padding:16px 17px;border:1px solid #dfe9ee;min-width:0}
.pm-market-primary{background:linear-gradient(135deg,#f4f9fb,#eef6f9)}
.pm-market-share{background:linear-gradient(135deg,#eefaf4,#e6f7ee);border-color:#d6ebdf}
.pm-market-share.fire{background:linear-gradient(135deg,#f0faf5,#e8f7ef)}
.pm-market-primary>span,.pm-market-share>span{display:block;font-size:11px;color:#71838e;font-weight:700}
.pm-market-primary>strong{display:block;font-size:30px;line-height:1;color:#12334b;margin:8px 0 6px}
.pm-market-share>strong{display:block;font-size:30px;line-height:1;color:#218255;margin:8px 0 6px}
.pm-market-primary>small,.pm-market-share>small{display:block;font-size:11px;line-height:1.4;color:#758792}
.pm-market-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.pm-market-support-grid>div{background:#fafcfd;border:1px solid #e6ecef;border-radius:10px;padding:12px 13px;min-width:0}
.pm-market-support-grid small{display:block;font-size:10px;color:#778994;line-height:1.3}
.pm-market-support-grid strong{display:block;font-size:18px;color:#17364c;margin:5px 0 3px;white-space:nowrap}
.pm-market-support-grid span{display:block;font-size:10px;color:#8b98a0;line-height:1.3}
.pm-market-source-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f3;color:#85939c;font-size:10px}
#productmix-method{scroll-margin-top:105px}
@media(max-width:900px){.pm-market-hero{grid-template-columns:1fr}.pm-market-support-grid{grid-template-columns:1fr 1fr}.pm-market-head-actions{justify-content:flex-start}}
@media(max-width:600px){.pm-market-support-grid{grid-template-columns:1fr}.pm-market-primary>strong,.pm-market-share>strong{font-size:26px}.pm-market-source-line{display:grid}}

/* Wholesale cards: revenue development first, with clickable inline comparison */
.wholesale-card-revenue{margin-top:2px}.wholesale-card-chart-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.wholesale-card-chart-head>small{font-size:7px;color:#728591}.wholesale-card-chart-head .wholesale-spark-key{margin:0;flex:0 0 auto}.wholesale-card-month-chart{height:92px;display:grid;grid-template-columns:repeat(var(--month-count,12),minmax(0,1fr));gap:3px;align-items:end;padding:5px 3px 0;border-bottom:1px solid #e1e8ec}.wholesale-card-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}.wholesale-card-bars{height:72px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.wholesale-card-bars i{display:block;width:34%;max-width:10px;min-width:3px;border-radius:2px 2px 0 0}.wholesale-card-bars i.prev{background:#cbd7dd}.wholesale-card-bars i.cur{background:#1679ad}.wholesale-card-month>b{font-size:6px;color:#748792;font-weight:600}.wholesale-mini-card.selected .wholesale-card-bars i.cur{background:#0c6fa9}
.wholesale-inline-detail{position:relative;grid-column:var(--inline-col);background:#fff;border:1px solid #53a8d0;border-radius:14px;padding:15px 16px 14px;box-shadow:0 9px 26px rgba(22,73,101,.08);scroll-margin-top:92px;min-width:0}.wholesale-inline-detail:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid #53a8d0;border-top:1px solid #53a8d0;transform:translateX(-50%) rotate(45deg)}.wholesale-inline-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.wholesale-inline-head small{display:block;font-size:7px;letter-spacing:.08em;color:#82939e}.wholesale-inline-head h3{font-size:13px;color:#12334b;margin:3px 0 0}.wholesale-inline-head p{font-size:8px;color:#748690;margin:3px 0 0}.wholesale-inline-close{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#537080;text-decoration:none;font-size:20px;line-height:1}.wholesale-inline-close:hover{background:#eef5f8;color:#176f94}.wholesale-inline-legend{display:flex;justify-content:flex-end;gap:11px;margin:7px 0 3px}.wholesale-inline-legend span{display:flex;align-items:center;gap:5px;font-size:7px;color:#71838e}.wholesale-inline-legend i{width:8px;height:8px;border-radius:50%;display:block}.wholesale-inline-legend i.prev{background:#cbd7dd}.wholesale-inline-legend i.cur{background:#1679ad}.wholesale-inline-chart{height:210px;display:grid;grid-template-columns:repeat(var(--month-count,12),minmax(0,1fr));gap:4px;align-items:end;padding:8px 2px 0;border-bottom:1px solid #dfe7eb;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf2f4 50px)}.wholesale-inline-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.wholesale-inline-bars{height:180px;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:2px}.wholesale-inline-bars .bar-wrap{height:100%;width:42%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0}.wholesale-inline-bars .bar-wrap>span{font-size:6px;color:#72838e;white-space:nowrap;transform:scale(.92);transform-origin:center bottom}.wholesale-inline-bars .bar-wrap>i{display:block;width:100%;max-width:13px;min-width:4px;border-radius:3px 3px 0 0}.wholesale-inline-bars i.prev{background:#cbd7dd}.wholesale-inline-bars i.cur{background:#1679ad}.wholesale-inline-month>b{font-size:7px;color:#70828d}.wholesale-inline-growth{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 11px;border-radius:10px}.wholesale-inline-growth.positive-box{background:#edf8f3}.wholesale-inline-growth.negative-box{background:#fff2f0}.wholesale-inline-growth .growth-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;font-size:15px;flex:0 0 28px}.wholesale-inline-growth.positive-box .growth-arrow,.wholesale-inline-growth.positive-box strong{color:#18845f}.wholesale-inline-growth.negative-box .growth-arrow,.wholesale-inline-growth.negative-box strong{color:#c24d43}.wholesale-inline-growth strong{display:block;font-size:9px}.wholesale-inline-growth small{display:block;margin-top:2px;font-size:7px;color:#6f818c}
@media(max-width:1400px){.wholesale-inline-detail{grid-column:1/-1}.wholesale-inline-detail:before{display:none}}
@media(max-width:760px){.wholesale-card-month-chart{overflow-x:auto;grid-template-columns:repeat(var(--month-count,12),30px)}.wholesale-inline-chart{overflow-x:auto;grid-template-columns:repeat(var(--month-count,12),34px)}.wholesale-inline-detail{grid-column:1/-1}}


/* Productmix market potential — executive visual cards v3 */
.pm-market-exec-grid{margin-top:15px;align-items:stretch}
.pm-market-exec{padding:20px 21px 18px;overflow:hidden;position:relative;border-top:3px solid #207ea2}
.pm-market-exec.fire{border-top-color:#2c9a63}
.pm-market-exec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.pm-market-exec-title{display:flex;align-items:flex-start;gap:11px;min-width:0}
.pm-market-product-icon{width:38px;height:38px;border-radius:10px;background:#edf6f9;display:grid;place-items:center;flex:0 0 38px;border:1px solid #dfebf0}
.pm-market-exec.fire .pm-market-product-icon{background:#eef8f2;border-color:#dcece3}
.pm-market-product-icon img{width:23px;height:23px;object-fit:contain}
.pm-market-exec-title small{display:block;font-size:10px;letter-spacing:.07em;font-weight:800;color:#7a8d98}
.pm-market-exec-title h3{font-size:18px;margin:3px 0 3px;color:#102f47}
.pm-market-exec-title p{font-size:11px;line-height:1.4;color:#748690;margin:0}
.pm-market-exec-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.pm-market-exec-actions>a{font-size:10px;font-weight:700;color:#176f94;background:#f4f9fb;border:1px solid #dce9ef;border-radius:999px;padding:6px 9px;white-space:nowrap}
.pm-market-exec-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-bottom:11px}
.pm-market-exec-main,.pm-market-exec-share{border-radius:12px;padding:15px 16px;min-height:102px;display:flex;flex-direction:column;justify-content:center}
.pm-market-exec-main{background:linear-gradient(135deg,#f5fafc,#edf6f9);border:1px solid #dae9ef}
.pm-market-exec-share{background:linear-gradient(135deg,#eefaf4,#e5f7ed);border:1px solid #d2eadc}
.pm-market-exec-share.fire{background:linear-gradient(135deg,#eefaf4,#e7f7ee)}
.pm-market-exec-main>span,.pm-market-exec-share>span{font-size:10px;font-weight:700;color:#6e818d}
.pm-market-exec-main>strong,.pm-market-exec-share>strong{font-size:30px;line-height:1;margin:7px 0 5px;white-space:nowrap}
.pm-market-exec-main>strong{color:#12344c}.pm-market-exec-share>strong{color:#208357}
.pm-market-exec-main>small,.pm-market-exec-share>small{font-size:10px;color:#7e8e98}
.pm-market-mix-block{background:#fbfcfd;border:1px solid #e6ecef;border-radius:11px;padding:12px 13px}
.pm-market-mix-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.pm-market-mix-head span{font-size:10px;color:#71838e}.pm-market-mix-head b{font-size:10px;color:#17364c}
.pm-market-mix-bar{display:flex;height:11px;border-radius:999px;overflow:hidden;background:#e9eef1}.pm-market-mix-bar i{display:block;height:100%}.pm-market-mix-bar i.reno{background:#285f9f}.pm-market-mix-bar i.new{background:#68bfd2}.pm-market-mix-bar.fire i.reno{background:#2f8d61}.pm-market-mix-bar.fire i.new{background:#8fcfb2}
.pm-market-mix-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.pm-market-mix-legend>span{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;min-width:0}.pm-market-mix-legend>span>i{width:8px;height:8px;border-radius:2px}.pm-market-mix-legend .reno{background:#285f9f}.pm-market-mix-legend .new{background:#68bfd2}.pm-market-exec.fire .pm-market-mix-legend .reno{background:#2f8d61}.pm-market-exec.fire .pm-market-mix-legend .new{background:#8fcfb2}.pm-market-mix-legend b{font-size:10px;color:#415a69}.pm-market-mix-legend strong{font-size:10px;color:#17364c;text-align:right}.pm-market-mix-legend small{grid-column:2/-1;font-size:9px;color:#8b989f;margin-top:-2px}
.pm-market-exec-foot{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.pm-market-exec-foot>div{background:#fff;border:1px solid #e7ecef;border-radius:10px;padding:11px 12px}.pm-market-exec-foot small{display:block;font-size:9px;color:#7f909a}.pm-market-exec-foot strong{display:block;font-size:17px;color:#17364c;margin:4px 0 2px}.pm-market-exec-foot span{display:block;font-size:9px;color:#8b989f;line-height:1.35}
@media(max-width:1100px){.pm-market-exec-hero{grid-template-columns:1fr}.pm-market-exec-head{flex-direction:column}.pm-market-exec-actions{justify-content:flex-start}}
@media(max-width:700px){.pm-market-exec-foot,.pm-market-mix-legend{grid-template-columns:1fr}.pm-market-exec-main>strong,.pm-market-exec-share>strong{font-size:26px}.pm-market-exec-title h3{font-size:16px}}


/* Revenue & Forecast — monthly performance matrix */
.rf-performance-panel{padding:0;overflow:hidden}
.rf-performance-head{padding:18px 20px 8px;gap:16px}
.rf-performance-note{margin:0;padding:0 20px 13px;color:#748690;font-size:10px!important;line-height:1.45}
.rf-performance-wrap{overflow:auto;border-top:1px solid #e7edf1;max-width:100%}
.rf-performance-table{border-collapse:separate;border-spacing:0;min-width:2050px;width:max-content;background:#fff}
.rf-performance-table th{position:sticky;top:0;z-index:3;background:#f5f8fa;color:#71838d;text-transform:uppercase;letter-spacing:.045em;font-size:9px!important;font-weight:700;text-align:right;padding:10px 11px;border-bottom:1px solid #dfe7eb;white-space:nowrap}
.rf-performance-table th:not(:first-child){min-width:118px}
.rf-performance-table th:nth-last-child(-n+3){min-width:125px;background:#eef4f7}
.rf-performance-table td{padding:10px 11px;border-top:1px solid #edf1f3;font-size:9px!important;vertical-align:top;text-align:right;background:#fff;white-space:nowrap}
.rf-performance-table tbody tr:first-child td{border-top:0}
.rf-performance-table .rf-performance-scope{position:sticky;left:0;z-index:2;min-width:145px;text-align:left;box-shadow:1px 0 0 #e5ecef}
.rf-performance-table thead .rf-performance-scope{z-index:5;background:#f5f8fa}
.rf-performance-scope b{display:block;font-size:10px;color:#17364c}
.rf-performance-scope small{display:block;margin-top:2px;font-size:7px!important;color:#83929b;font-weight:500}
.rf-performance-month strong,.rf-performance-summary strong{display:block;font-size:10px;color:#17364c;margin-bottom:4px}
.rf-performance-month span,.rf-performance-summary span{display:block;font-size:7px!important;line-height:1.25}
.rf-target-score{display:inline-block!important;width:max-content;margin-left:auto;padding:2px 5px;border-radius:999px;font-weight:700}
.rf-target-score.good{background:#eaf8f0;color:#217349}.rf-target-score.warn{background:#fff4df;color:#9a6715}.rf-target-score.bad{background:#fcedeb;color:#a3423c}
.rf-yoy-score{margin-top:3px;font-weight:700}
.rf-future-reference{color:#9aa7ae;margin-top:2px}.rf-future-value{color:#a6b0b6!important}
.rf-performance-month.future{background:#fafbfc}
.rf-performance-summary{background:#f8fafb!important;border-left:1px solid #e7edef}
.rf-performance-summary .attainment{display:inline-block!important;margin-top:2px;font-size:8px!important}
.rf-performance-row.total td{background:#eef5f8;font-weight:600;border-top:1px solid #d9e6ec}
.rf-performance-row.total .rf-performance-scope{background:#eef5f8}
.rf-performance-row.total .rf-performance-summary{background:#e8f1f5!important}
.rf-performance-row.security td{background:#f3f8fb;border-top:2px solid #d8e7ed}
.rf-performance-row.security .rf-performance-scope{background:#f3f8fb}
.rf-performance-row.security .rf-performance-summary{background:#edf5f8!important}
.rf-performance-row.security-child .rf-performance-scope{padding-left:28px;background:#fff}
.rf-performance-row.security-child .rf-performance-scope:before{content:'↳';position:absolute;left:12px;color:#9bb0bc}
@media(max-width:820px){.rf-performance-head{align-items:flex-start;flex-direction:column}.rf-performance-note{font-size:9px!important}.rf-performance-table{min-width:1950px}.rf-performance-table .rf-performance-scope{min-width:130px}}


/* PIPELINE UX REFRESH V2 — 2026-09-10 */
#pipeline-overview,#pipeline-stages,#active-opportunities,#carryover,#opvolging,#pipeline-details,#pipeline-ontwikkeling{scroll-margin-top:96px}
.pipeline-hero{margin-bottom:12px}.pipeline-hero p{max-width:840px;font-size:var(--type-caption)!important;line-height:1.45!important}.pipeline-hero h2{margin-top:4px}
.pipeline-page-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:7px;background:#f4f7f9;border:1px solid #e2e9ed;border-radius:11px}.pipeline-page-nav a{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border-radius:8px;color:#486170;font-size:var(--type-caption)!important;font-weight:700;text-decoration:none;transition:.15s}.pipeline-page-nav a:hover{background:#fff;color:#176f94;box-shadow:0 1px 6px rgba(18,50,70,.07)}.pipeline-page-nav b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#fbe9e7;color:#ad4138;font-size:10px;line-height:1}
.pipeline-management-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 14px}.pipeline-management-strip>a{position:relative;display:flex;flex-direction:column;min-width:0;min-height:98px;padding:13px 14px 12px;background:#fff;border:1px solid #e1e8ec;border-top:3px solid #5ca5bf;border-radius:11px;box-shadow:0 4px 14px rgba(18,50,70,.035);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.pipeline-management-strip>a:hover{transform:translateY(-1px);border-color:#b8d6e1;box-shadow:0 7px 18px rgba(18,50,70,.07)}.pipeline-management-strip>a.current{border-top-color:#20885b}.pipeline-management-strip>a.carry{border-top-color:#477ba6}.pipeline-management-strip>a.relevant{border-top-color:#1c9a68}.pipeline-management-strip>a.forecast{border-top-color:#257ab4}.pipeline-management-strip>a.attention{border-top-color:#d16c43;background:#fffaf7}.pipeline-management-strip small{display:block;color:#748792;font-size:var(--type-micro)!important;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.pipeline-management-strip strong{display:block;margin:7px 0 5px;color:#17364c;font-size:20px;line-height:1.05;white-space:nowrap}.pipeline-management-strip span{display:block;margin-top:auto;color:#73848e;font-size:var(--type-micro)!important;line-height:1.35}.pipeline-management-strip .attention strong{color:#a94a36}
.pipeline-disclosure{padding:0!important;overflow:hidden;margin-bottom:14px}.pipeline-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;background:linear-gradient(180deg,#fff,#fbfcfd)}.pipeline-disclosure>summary::-webkit-details-marker{display:none}.pipeline-carryover-summary>div:first-child{min-width:0}.pipeline-carryover-summary>div:first-child>small{display:block;color:#728692;font-size:var(--type-micro)!important;font-weight:800;letter-spacing:.055em}.pipeline-carryover-summary h3{margin:3px 0 4px!important;color:#17364c}.pipeline-carryover-summary p{margin:0;max-width:710px;color:#748690;font-size:var(--type-caption)!important;line-height:1.42}.pipeline-carryover-summary-kpis{display:flex;align-items:center;gap:9px;flex:0 0 auto}.pipeline-carryover-summary-kpis>span{min-width:116px;padding:9px 11px;border:1px solid #e4eaed;border-radius:9px;background:#f7fafb}.pipeline-carryover-summary-kpis small{display:block;color:#7d8f99;font-size:var(--type-micro)!important}.pipeline-carryover-summary-kpis b{display:block;margin-top:3px;color:#17364c;font-size:15px;white-space:nowrap}.pipeline-carryover-summary-kpis em{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:34px;padding:0 10px;border-radius:8px;background:#edf6f9;color:#176f94;font-size:var(--type-micro)!important;font-style:normal;font-weight:800}.pipeline-disclosure[open]>.pipeline-carryover-summary{border-bottom:1px solid #e8edef}.pipeline-disclosure[open] .pipeline-carryover-summary-kpis em{font-size:0}.pipeline-disclosure[open] .pipeline-carryover-summary-kpis em:after{content:'Sluit details';font-size:var(--type-micro)!important}.pipeline-carryover-body{padding:14px 16px 16px;background:#fbfcfd}.pipeline-carryover-context{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.pipeline-carryover-context span{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #dfe8ec;border-radius:999px;background:#fff;color:#657a87;font-size:var(--type-micro)!important}.pipeline-carryover-body>.pipeline-kpi-grid{margin-top:10px;margin-bottom:12px}.pipeline-carryover-body>.panel-title{padding-left:0;padding-right:0}
.pipeline-list-actions{flex-wrap:wrap;justify-content:flex-end}.pipeline-list-actions .table-filter{min-width:250px}.pipeline-list-actions .table-filter.compact{min-width:230px}.pipeline-list-actions .table-filter input{width:100%}
.pipeline-table-scroll{max-height:430px;overflow:auto!important;border-top:1px solid #e6ecef;border-bottom:1px solid #e6ecef}.pipeline-table-scroll-tall{max-height:520px}.pipeline-table-scroll table{margin:0}.pipeline-table-scroll thead th{position:sticky!important;top:0;z-index:4;background:#f4f7f9!important;box-shadow:0 1px 0 #dfe7eb}.pipeline-table-scroll tbody tr{transition:background .12s}.pipeline-table-scroll tbody tr:hover td{background:#f8fbfc}.pipeline-table-scroll .pipeline-opportunity-table th:first-child,.pipeline-table-scroll .pipeline-followup-table th:first-child{position:sticky!important;left:0;z-index:6;background:#f4f7f9!important;box-shadow:1px 0 0 #e1e8ec,0 1px 0 #dfe7eb}.pipeline-table-scroll .pipeline-opportunity-table td:first-child,.pipeline-table-scroll .pipeline-followup-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #e8edef}.pipeline-table-scroll tbody tr:hover td:first-child{background:#f8fbfc}.pipeline-opportunity-table td:first-child b,.pipeline-followup-table td:first-child b{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-opportunity-table td:first-child small,.pipeline-followup-table td:first-child small{display:block;margin-top:2px;color:#87969e;font-size:var(--type-micro)!important}
.pipeline-followup-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 270px auto;align-items:center;gap:10px;margin:0 20px 12px;padding:10px 11px;border:1px solid #e4eaed;border-radius:10px;background:#f8fafb}.pipeline-followup-filters{display:flex;gap:6px;flex-wrap:wrap}.pipeline-followup-filters button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #dce5e9;border-radius:999px;background:#fff;color:#5f7480;font-size:var(--type-micro)!important;font-weight:700;cursor:pointer;transition:.14s}.pipeline-followup-filters button:hover{border-color:#b8ced8;color:#234f68}.pipeline-followup-filters button.active{background:#173b58;border-color:#173b58;color:#fff}.pipeline-followup-filters button b{font-size:10px}.pipeline-followup-toolbar .table-filter{min-width:0}.pipeline-followup-toolbar .table-filter input{width:100%}.pipeline-followup-toolbar>.pipeline-caption{white-space:nowrap;text-align:right}
.pipeline-stage-panel{margin-top:0}.pipeline-stage-card{transition:transform .15s,box-shadow .15s,border-color .15s}.pipeline-stage-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(18,50,70,.06);border-color:#cfdee5}.pipeline-stage-card>small{line-height:1.45!important}.pipeline-opportunities-panel,.pipeline-followup-panel{overflow:hidden}.pipeline-opportunities-panel .panel-title,.pipeline-followup-panel .panel-title{padding-bottom:11px}
@media(max-width:1300px){.pipeline-management-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline-carryover-summary{align-items:flex-start!important}.pipeline-carryover-summary-kpis{flex-wrap:wrap;justify-content:flex-end}.pipeline-followup-toolbar{grid-template-columns:1fr 250px}.pipeline-followup-toolbar>.pipeline-caption{grid-column:1/-1;text-align:left}}
@media(max-width:900px){.pipeline-page-nav{overflow-x:auto;flex-wrap:nowrap}.pipeline-page-nav a{white-space:nowrap}.pipeline-management-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-carryover-summary{flex-direction:column;align-items:stretch!important}.pipeline-carryover-summary-kpis{justify-content:flex-start;width:100%}.pipeline-followup-toolbar{grid-template-columns:1fr;margin-left:12px;margin-right:12px}.pipeline-followup-toolbar>.pipeline-caption{text-align:left}.pipeline-list-actions{width:100%;justify-content:flex-start}.pipeline-list-actions .table-filter,.pipeline-list-actions .table-filter.compact{min-width:100%;width:100%}}
@media(max-width:560px){.pipeline-management-strip{grid-template-columns:1fr}.pipeline-carryover-summary-kpis{display:grid;grid-template-columns:1fr 1fr;width:100%}.pipeline-carryover-summary-kpis>span{min-width:0}.pipeline-carryover-summary-kpis em{grid-column:1/-1}.pipeline-table-scroll{max-height:65vh}}
/* PIPELINE UX REFRESH V2 END */

.pm-wireless-components{margin-top:15px;padding:19px 20px 15px}.pm-wireless-head{align-items:flex-start;gap:18px}.pm-wireless-head>div:first-child p{margin:4px 0 0;font-size:7px;color:#748791;line-height:1.5}.pm-wireless-summary{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px;min-width:min(100%,520px)}.pm-wireless-summary span{display:block;background:#f7faf9;border:1px solid #e2ece8;border-radius:9px;padding:9px 10px}.pm-wireless-summary small,.pm-wireless-summary strong{display:block}.pm-wireless-summary small{font-size:6px;color:#7b8e88;text-transform:uppercase;letter-spacing:.04em}.pm-wireless-summary strong{font-size:11px;color:#1f5f50;margin-top:3px}.pm-wireless-table-wrap{overflow-x:auto;margin-top:14px;border:1px solid #e8eef0;border-radius:10px}.pm-wireless-table{width:100%;border-collapse:collapse;min-width:760px}.pm-wireless-table th{background:#f6f9fa;color:#6f818a;font-size:7px;text-transform:uppercase;letter-spacing:.04em;text-align:right;padding:9px 10px;border-bottom:1px solid #e6ecef}.pm-wireless-table th:first-child,.pm-wireless-table th:nth-child(2){text-align:left}.pm-wireless-table td{font-size:8px;color:#425b68;text-align:right;padding:9px 10px;border-bottom:1px solid #edf1f3}.pm-wireless-table td:first-child,.pm-wireless-table td:nth-child(2){text-align:left}.pm-wireless-table td:first-child b{color:#1f5f50}.pm-wireless-table tbody tr:hover{background:#fbfdfc}.pm-wireless-table tfoot td{font-weight:850;background:#f3f8f6;color:#244f45;border-bottom:0}.pm-wireless-table tfoot td:first-child{text-align:left}@media(max-width:1100px){.pm-wireless-head{display:block}.pm-wireless-summary{margin-top:12px;min-width:0;grid-template-columns:repeat(2,1fr)}}

/* PRODUCTMIX WIRELESS FIRE DISCLOSURE */
.pm-wireless-disclosure{margin-top:15px;padding:0!important;overflow:hidden}
.pm-wireless-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;background:linear-gradient(180deg,#fff,#fbfcfd);transition:background .15s}
.pm-wireless-disclosure>summary::-webkit-details-marker{display:none}
.pm-wireless-disclosure>summary:hover{background:#f9fbfb}
.pm-wireless-title{min-width:250px;flex:1 1 auto}
.pm-wireless-title>small{display:block;color:#748791;font-size:var(--type-micro)!important;font-weight:800;letter-spacing:.055em}
.pm-wireless-title h3{margin:3px 0 4px!important;color:#17364c;font-size:15px!important}
.pm-wireless-title p{margin:0!important;color:#748791;font-size:var(--type-caption)!important;line-height:1.4!important}
.pm-wireless-summary{display:flex!important;align-items:stretch;justify-content:flex-end;gap:8px;min-width:0!important;flex:0 0 auto}
.pm-wireless-summary>span{display:flex!important;flex-direction:column;justify-content:center;min-width:112px;padding:8px 10px!important;background:#f6faf8!important;border:1px solid #e0ebe6!important;border-radius:9px!important}
.pm-wireless-summary>span small{display:block;font-size:var(--type-micro)!important;line-height:1.15!important;color:#788c84!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
.pm-wireless-summary>span strong{display:block;margin-top:3px!important;font-size:14px!important;line-height:1.1!important;color:#235f50!important;white-space:nowrap}
.pm-wireless-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:0 12px;border-radius:9px;background:#edf6f3;color:#2d735f;font-size:var(--type-micro)!important;font-style:normal;font-weight:800;white-space:nowrap}
.pm-wireless-toggle:before{content:'Details bekijken';margin-right:7px}
.pm-wireless-toggle:after{content:'⌄';font-size:13px;line-height:1;transition:transform .15s}
.pm-wireless-disclosure[open]>.pm-wireless-head{border-bottom:1px solid #e7eeeb;background:#fbfdfc}
.pm-wireless-disclosure[open] .pm-wireless-toggle:before{content:'Details sluiten'}
.pm-wireless-disclosure[open] .pm-wireless-toggle:after{transform:rotate(180deg)}
.pm-wireless-body{padding:0 18px 14px;background:#fff}
.pm-wireless-body .pm-wireless-table-wrap{margin-top:14px}
.pm-wireless-body .pm-panel-note{margin-bottom:0}
@media(max-width:1300px){.pm-wireless-disclosure>summary{align-items:flex-start;flex-direction:column}.pm-wireless-summary{width:100%;justify-content:flex-start;flex-wrap:wrap}.pm-wireless-summary>span{flex:1 1 130px}.pm-wireless-toggle{min-height:48px;flex:0 0 120px}}
@media(max-width:700px){.pm-wireless-disclosure>summary{padding:14px}.pm-wireless-summary{display:grid!important;grid-template-columns:1fr 1fr}.pm-wireless-summary>span{min-width:0}.pm-wireless-toggle{grid-column:1/-1;min-height:38px}.pm-wireless-body{padding:0 14px 12px}}
/* PRODUCTMIX WIRELESS FIRE DISCLOSURE END */

/* PRODUCTMIX WIRELESS FIRE VISUAL V2 */
.pm-wireless-disclosure>summary.pm-wireless-head{display:block!important;padding:18px 20px 17px!important;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important}
.pm-wireless-heading-row{display:flex;align-items:center;gap:14px;width:100%}
.pm-wireless-product-icon{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:linear-gradient(145deg,#eef7fb,#e5f1f7);border:1px solid #d9e9f0;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.pm-wireless-product-icon img{width:31px;height:31px;object-fit:contain}
.pm-wireless-heading-row .pm-wireless-title{min-width:0;flex:1 1 auto}
.pm-wireless-heading-row .pm-wireless-title>small{color:#6f8591!important;font-size:10px!important;font-weight:800!important;letter-spacing:.055em!important}
.pm-wireless-heading-row .pm-wireless-title h3{margin:4px 0 3px!important;color:#0e2e45!important;font-size:20px!important;line-height:1.16!important}
.pm-wireless-heading-row .pm-wireless-title p{margin:0!important;color:#71838d!important;font-size:11px!important;line-height:1.42!important}
.pm-wireless-heading-row .pm-wireless-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 42px!important;min-width:42px!important;width:42px;height:42px;padding:0!important;border:1px solid #e3eaee!important;border-radius:50%!important;background:#f3f6f8!important;color:#244d63!important}
.pm-wireless-heading-row .pm-wireless-toggle:before{content:''!important;margin:0!important}
.pm-wireless-heading-row .pm-wireless-toggle:after{content:'⌄'!important;font-size:20px!important;line-height:1!important;transform:translateY(-2px);transition:transform .18s ease}
.pm-wireless-disclosure[open] .pm-wireless-heading-row .pm-wireless-toggle:after{transform:translateY(2px) rotate(180deg)!important}
.pm-wireless-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;width:100%!important;margin-top:17px!important}
.pm-wireless-summary>span{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:13px 14px!important;border-radius:11px!important;box-shadow:0 2px 8px rgba(27,58,72,.025)!important}
.pm-wireless-summary>span.count{background:linear-gradient(135deg,#f7fbfd,#f2f8fb)!important;border:1px solid #d7eaf3!important}
.pm-wireless-summary>span.revenue{background:linear-gradient(135deg,#f8fcfa,#f2f9f6)!important;border:1px solid #d6eadf!important}
.pm-wireless-summary>span>b{display:block;font-weight:400;min-width:0}
.pm-wireless-summary>span small{display:block!important;color:#647b88!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap}
.pm-wireless-summary>span strong{display:block!important;margin-top:4px!important;color:#0f2e43!important;font-size:20px!important;font-weight:850!important;line-height:1!important;white-space:nowrap}
.pm-wireless-metric-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;font-style:normal;font-weight:900;font-size:15px}
.pm-wireless-summary .count .pm-wireless-metric-icon{background:#e1f0f7;color:#14739c}
.pm-wireless-summary .revenue .pm-wireless-metric-icon{background:#e1f2e9;color:#25865c}
.pm-wireless-disclosure[open]>summary.pm-wireless-head{border-bottom:1px solid #e7edef!important}
.pm-wireless-disclosure[open] .pm-wireless-summary{margin-bottom:1px}
@media(max-width:1150px){.pm-wireless-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.pm-wireless-disclosure>summary.pm-wireless-head{padding:14px!important}.pm-wireless-product-icon{display:none}.pm-wireless-heading-row .pm-wireless-title h3{font-size:17px!important}.pm-wireless-summary{grid-template-columns:1fr!important;gap:8px!important;margin-top:13px!important}.pm-wireless-summary>span{padding:10px 12px!important}.pm-wireless-summary>span strong{font-size:18px!important}}
/* PRODUCTMIX WIRELESS FIRE VISUAL V2 END */

/* Dashboard maandgrafiek: werkelijke omzet groen, vorig jaar lichtblauw, target blauw */
.current-month-panel .bar.actual{background:#198754}
.current-month-panel .bar.previous{background:#A9C7D7}
.current-month-panel .bar.target{background:#147BA4}
.current-month-panel .lg.actual{background:#198754}
.current-month-panel .lg.previous{background:#A9C7D7}
.current-month-panel .lg.target{background:#147BA4}

/* Omzet & Forecast maandgrafiek: werkelijke omzet groen, vorig jaar lichtblauw, target blauw */
#revenue-months .bar.actual{background:#198754!important}
#revenue-months .bar.previous{background:#A9C7D7!important}
#revenue-months .bar.target{background:#147BA4!important}
#revenue-months .lg.actual{background:#198754!important}
#revenue-months .lg.previous{background:#A9C7D7!important}
#revenue-months .lg.target{background:#147BA4!important}


/* CONTROL CENTER UX PHASE 5 — 2026-09-18 */
:root{
  --control-green:#284f3f;
  --control-green-2:#356b55;
  --control-green-soft:#edf5f1;
  --type-micro:11px;
  --type-caption:11px;
  --type-body:13px;
  --type-control:13px;
  --type-subtitle:13px;
  --type-section:17px;
  --type-page:17px;
  --type-kpi:22px;
  --type-hero:22px;
}
.sidebar{background:linear-gradient(180deg,#203f34,#2c5947)}
.nav-link.active:before{background:#7fc2a5}
.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.11)}
.sidebar-status{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.dashboard-hero{background:linear-gradient(112deg,var(--control-green),var(--control-green-2))}
.visual-metric.primary{background:linear-gradient(135deg,var(--control-green),var(--control-green-2));border-color:var(--control-green)}
.visual-metric-grid.executive{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.visual-metric-grid.executive .visual-metric{min-height:118px}
.dashboard-sections a:hover{border-color:#abc7b9;background:var(--control-green-soft);color:#244b3c}
body.assistant-focus .sidebar,
body.assistant-focus .topbar,
body.assistant-focus footer,
body.assistant-focus .control-center-backdrop,
body.assistant-focus>.focus-control-center,
body.assistant-focus>.focus-exit{display:none!important}
body.assistant-focus .main{margin-left:0!important;width:100%!important;max-width:none!important}
body.assistant-focus .content{max-width:1440px!important;margin:0 auto!important;padding-top:24px!important}
body.assistant-focus .ai-focus-top{display:flex;justify-content:flex-start}
body.assistant-focus .ai-control-center{background:#fff;border:1px solid #d6e2dc;color:#284f3f}
body.assistant-focus .ai-control-center:hover{background:#f2f7f4;border-color:#abc7b9}
@media(max-width:1320px){.visual-metric-grid.executive{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.visual-metric-grid.executive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.visual-metric-grid.executive{grid-template-columns:1fr}}

/* VALU5 platform ownership + AVG/GDPR-ready trust mark */
.sidebar-foot{
  margin-top:auto;
  border-top:1px solid rgba(255,255,255,.10);
  padding:14px 8px 4px;
  display:block;
}
.valu5-platform-branding{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:0 2px 11px;
  margin-bottom:11px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.valu5-logo-shell{
  width:118px;
  max-width:80%;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.valu5-platform-logo{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:transparent;
}
.valu5-avg-ready{
  display:block;
  width:145px;
  max-width:94%;
  height:auto;
  object-fit:contain;
}
.valu5-copyright{
  font-size:8px;
  line-height:1.3;
  color:rgba(220,235,243,.64);
  text-align:center;
  letter-spacing:.01em;
}
.sidebar-live-status{
  display:flex;
  gap:10px;
  align-items:center;
}
.sidebar-live-status .status-dot{flex:0 0 9px}
.sidebar-live-status strong{display:block;font-size:11px}
.sidebar-live-status small{display:block;color:#8eacbd;font-size:9px;margin-top:2px}


/* LOGIN BRANDING V2 */
.login-visual{display:flex;flex-direction:column;padding:52px 56px 40px}
.login-visual-content{position:relative;z-index:2;max-width:460px}
.login-logo-large{width:min(320px,82%);max-width:none;height:auto;margin:0 0 50px}
.login-product-title{font-size:42px;line-height:1.03;font-weight:850;letter-spacing:-.035em;color:#fff;margin:0 0 20px}
.login-description{max-width:430px!important;font-size:13px!important;line-height:1.65!important;color:#c9dde7!important;margin:0!important}
.login-feel-secure{margin-top:34px;font-size:18px;font-weight:850;letter-spacing:.22em;color:#fff;text-transform:uppercase}
.login-valu5-footer{position:absolute;left:56px;bottom:34px;z-index:3;display:flex;align-items:center;gap:12px}
.login-valu5-footer img{display:block;width:108px;height:auto;max-height:30px;object-fit:contain}
.login-valu5-footer span{font-size:9px;line-height:1.2;color:rgba(255,255,255,.72);letter-spacing:.035em}
.login-visual .visual-lines{left:auto;right:54px;bottom:38px}
@media(max-width:820px){
  .login-visual{display:flex;min-height:360px;padding:36px 34px 30px}
  .login-logo-large{width:min(250px,78%);margin-bottom:28px}
  .login-product-title{font-size:32px}
  .login-description{font-size:12px!important}
  .login-feel-secure{margin-top:24px;font-size:15px}
  .login-valu5-footer{left:34px;bottom:25px}
  .login-visual .visual-lines{display:none}
}

/* ORGANOGRAM_PAGE_CSS_BEGIN */
.org-shell{display:grid;gap:18px}
.org-alert{padding:12px 14px;border-radius:12px;background:#e9f8f0;border:1px solid #caead7;color:#175d43;margin-bottom:14px}
.org-hero-card{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:22px 24px;border:1px solid #dfe8e4;border-radius:18px;background:linear-gradient(135deg,#f9fcfb,#eef7f3)}
.org-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#0b8a61;margin-bottom:5px}
.org-hero-card h2{margin:0 0 5px;font-size:27px;line-height:1.1}
.org-hero-card p{margin:0;color:#65756f}
.org-tools input{min-width:300px;max-width:420px;width:100%;padding:11px 13px;border:1px solid #cfdbd6;border-radius:11px;background:#fff}

.org-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.org-toolbar-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.org-toolbar-icon{position:relative;width:42px;height:42px;border:1px solid #c8d9d2;border-radius:11px;background:#eef5f2;color:#17483b;display:inline-grid;place-items:center;cursor:pointer;text-decoration:none;padding:0}
.org-toolbar-icon:hover{background:#e2eee9}
.org-toolbar-icon.primary{background:#2382b4;color:#fff;border-color:#2382b4;box-shadow:0 6px 14px rgba(35,130,180,.18)}
.org-toolbar-icon.primary:hover{background:#1e729e}
.org-toolbar-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.org-toolbar-icon-badge span{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#173f35;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}
.org-builder{display:grid;gap:14px;padding:16px;border:1px solid #dfe8e4;border-radius:16px;background:#f7faf9}
.org-builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:2px 2px 0}
.org-builder-head h3{margin:0 0 5px;font-size:18px;color:#18362d}.org-builder-head p{margin:0;max-width:860px;color:#6d7f78;font-size:10px;line-height:1.45}
.org-builder-preview{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:9px;background:#173f35;color:#fff;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap}
.org-builder-root{display:grid;grid-template-columns:minmax(260px,420px);justify-content:center}
.org-builder-department-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.org-builder-department-tab{display:grid;grid-template-columns:30px 1fr auto 18px;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border:0;border-radius:11px;background:var(--builder-dept-color,#2F6FA3);color:#fff;text-align:left;cursor:pointer;box-shadow:0 2px 7px rgba(18,63,53,.05);transition:.15s ease}
.org-builder-department-tab:hover{filter:brightness(1.035);transform:translateY(-1px)}
.org-builder-department-tab.active{box-shadow:0 0 0 3px color-mix(in srgb,var(--builder-dept-color,#2F6FA3) 28%,transparent),0 5px 15px rgba(18,63,53,.10)}
.org-builder-department-tab>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.15)}
.org-builder-department-tab strong{font-size:12px}.org-builder-department-tab small{font-size:8px;opacity:.82;font-weight:700}
.org-builder-department-tab i{font-style:normal;font-size:16px;line-height:1;transition:transform .15s ease;opacity:.9}
.org-builder-department-tab.active i{transform:rotate(90deg)}
.org-builder-department-workspace{min-width:0}
.org-builder-department-panel{border:1px solid #d9e5e0;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(18,63,53,.04)}
.org-builder-department-panel[hidden]{display:none!important}
.org-builder-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;background:linear-gradient(90deg,var(--builder-dept-color,#2F6FA3),color-mix(in srgb,var(--builder-dept-color,#2F6FA3) 78%,#fff));color:#fff}
.org-builder-panel-title{display:flex;align-items:center;gap:10px}
.org-builder-panel-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.14)}
.org-builder-panel-title small{display:block;font-size:7px;font-weight:900;letter-spacing:.13em;opacity:.78}.org-builder-panel-title strong{display:block;margin-top:2px;font-size:14px}
.org-builder-panel-meta{display:flex;align-items:baseline;gap:5px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.10)}
.org-builder-panel-meta b{font-size:16px}.org-builder-panel-meta span{font-size:8px;opacity:.82}
.org-builder-department-panel.drop-lane-target{box-shadow:0 0 0 2px #63aa8e,0 5px 18px rgba(18,63,53,.04)}
.org-builder-lane{display:grid;grid-template-columns:52px 1fr;gap:8px;min-height:74px;padding:8px;border-top:1px solid #edf1ef;background:#fbfcfc;transition:.14s ease}
.org-builder-lane:first-of-type{border-top:0}.org-builder-lane-root{border:1px solid #dbe5e1;border-radius:12px;background:#fff}
.org-builder-lane-title{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:#eef4f1;color:#48635a;text-align:center;min-height:56px}
.org-builder-lane-title strong{font-size:12px;color:#173f35}.org-builder-lane-title span{font-size:7px;margin-top:3px}
.org-builder-lane-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;align-items:start;min-width:0}
.org-builder-levels{display:grid;gap:0;padding:12px 14px 14px}
.org-builder-sales-matrix{display:grid;gap:12px;padding:12px 14px 14px}
.org-builder-sales-manager{display:flex;justify-content:center;border-top:0!important;min-height:auto!important;padding:2px 0 8px!important}
.org-builder-sales-manager .org-builder-level-cards{display:grid;grid-template-columns:minmax(220px,300px);justify-content:center;min-height:auto;overflow:visible}
.org-builder-sales-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.org-builder-team-panel{border:1px solid #dce6e2;border-radius:12px;background:#fbfdfc;padding:8px;min-width:0}
.org-builder-team-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:6px 8px;border-radius:8px;background:#f0f6f3;border-left:4px solid var(--builder-dept-color,#2F6FA3)}
.org-builder-team-title strong{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#17382f}
.org-builder-team-title small{font-size:8px;color:#71827b}
.org-builder-team-matrix{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 5px}
.org-builder-team-labels{display:grid;grid-auto-rows:96px}
.org-builder-team-label{display:flex;align-items:flex-start;justify-content:center;padding-top:10px;border-top:1px dashed #e4ebe8;font-size:8px;font-weight:900;color:#809089}
.org-builder-team-label:first-child{border-top:0}
.org-builder-team-branches{display:grid;grid-template-columns:repeat(var(--branch-count),minmax(150px,1fr));gap:8px;min-width:0}
.org-builder-team-branch{display:grid;grid-auto-rows:96px;align-content:start;min-width:0}
.org-builder-branch-level{min-height:96px!important;padding:8px 0!important;border-top:1px dashed #e4ebe8!important}
.org-builder-branch-level:first-child{border-top:0!important}
.org-builder-branch-level .org-builder-level-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px;align-items:start;min-height:78px;overflow:visible}
.org-builder-branch-level .org-person-card{max-width:none;width:100%;min-height:78px}
@media(max-width:1100px){.org-builder-sales-teams{grid-template-columns:1fr}}

.org-builder-level-row{position:relative;min-height:96px;padding:10px 0 12px;border-top:1px solid #e7eeeb}
.org-builder-level-row:first-child{border-top:0}
.org-builder-level-row:empty{display:none}
.org-builder-level-cards{display:grid;grid-template-columns:repeat(var(--level-count),minmax(140px,1fr));gap:10px;align-items:stretch;min-height:74px;overflow-x:auto;padding-bottom:2px}
.org-builder-level-row[style*="--level-count:1"] .org-builder-level-cards{grid-template-columns:minmax(220px,280px);justify-content:center}
.org-builder-level-row.drop-lane-target{background:#eef8f4}
.org-builder-level-row.drop-lane-target .org-builder-level-cards{outline:2px dashed #63aa8e;outline-offset:4px;border-radius:8px}
.org-builder-level-cards>.org-person-card{width:100%;max-width:240px;min-height:78px}
.org-builder .org-person-role{min-height:28px;display:flex;align-items:flex-end}
.org-builder .org-person-name{min-height:19px}
.org-builder .org-builder-link-label{min-height:14px;margin-top:4px;padding-top:3px}
.org-builder .org-person-card.root-card{min-height:auto}
.org-builder-person{cursor:grab;user-select:none;min-width:0}
.org-builder-person:active{cursor:grabbing}.org-builder-person.dragging{opacity:.38;transform:scale(.985)}
.org-builder-person.drop-link-target{outline:2px solid #2e9a70;outline-offset:2px;box-shadow:0 0 0 4px rgba(46,154,112,.10)}
.org-builder-lane.drop-lane-target{background:#eaf6f1;box-shadow:inset 0 0 0 2px #63aa8e}
.org-builder-link-label{margin-top:5px;padding-top:4px;border-top:1px dashed #dce5e1;font-size:7px;color:#71857c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-chart-legacy-builder-hidden{display:none!important}
.org-builder .org-edit-box[open]{margin-top:7px}
.org-builder .org-person-card{box-shadow:0 2px 6px rgba(18,63,53,.04)}
.org-palette-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.org-palette-card{border:1px solid #d8e2de;border-radius:12px;background:#fff;padding:10px;text-align:left;cursor:pointer;transition:.15s ease}
.org-palette-card:hover,.org-palette-card.active{border-color:#0b8a61;box-shadow:0 5px 16px rgba(20,55,45,.08);transform:translateY(-1px)}
.org-palette-card strong{display:block;font-size:12px;color:#233b33;margin-top:7px}
.org-palette-card small{display:block;font-size:10px;color:#77847f;margin-top:2px}
.org-palette-swatches{display:grid;grid-template-columns:repeat(4,1fr);height:28px;border-radius:8px;overflow:hidden}
.org-palette-swatches i{display:block}
.org-color-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.org-color-form label{font-size:12px;font-weight:700;color:#51615b}
.org-color-form input[type=color]{display:block;width:100%;height:42px;margin-top:5px;padding:3px;border:1px solid #cfdad6;border-radius:9px;background:#fff;cursor:pointer}
.org-color-form .org-add-actions{grid-column:1/-1}
.org-rename-list{display:grid;gap:9px}
.org-rename-row{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}
.org-rename-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff}
.org-rename-row input{width:100%;padding:10px 11px;border:1px solid #cfdad6;border-radius:9px;background:#fff}
.org-department-admin-list{display:grid;gap:14px}
.org-department-admin-card{border:1px solid #d8e4df;border-radius:14px;background:#fff;padding:14px}
.org-department-admin-head{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}
.org-rename-row.department-row{grid-template-columns:1fr auto}
.org-subdepartment-block{margin-top:12px;padding-top:12px;border-top:1px solid #e5ece9}
.org-subdepartment-title{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#5d6c67;margin-bottom:8px}
.org-subdepartment-list{display:grid;gap:7px}
.org-subdepartment-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.org-subdepartment-row input,.org-subdepartment-add input{width:100%;padding:9px 10px;border:1px solid #cfdad6;border-radius:8px;background:#fff}
.org-subdepartment-add{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px;padding-top:9px;border-top:1px dashed #d7e2de}
.org-dept-icon-svg{display:inline-flex;align-items:center;justify-content:center}
.org-empty-text{font-size:12px;color:#70807a}
.org-add-button{border:0;border-radius:11px;padding:11px 14px;background:#0b8a61;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
.org-add-button:hover{background:#087452}
.org-add-panel{border:1px solid #cfe0d9;border-radius:16px;background:#f8fcfa;padding:18px 20px}
.org-add-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}
.org-add-panel-head h3{margin:2px 0 4px;font-size:20px}
.org-add-panel-head p{margin:0;color:#66766f}
.org-add-close{border:0;background:transparent;color:#63736d;font-size:28px;line-height:1;cursor:pointer}
.org-add-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.org-add-form label{font-size:12px;font-weight:700;color:#51615b}
.org-add-form input,.org-add-form select{width:100%;margin-top:5px;padding:10px 11px;border:1px solid #cfdad6;border-radius:9px;background:#fff}
.org-add-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:4px}
.org-primary-button,.org-secondary-button{border:0;border-radius:9px;padding:10px 13px;font-weight:800;cursor:pointer}
.org-primary-button{background:#0b8a61;color:#fff}
.org-secondary-button{background:#e9efec;color:#3d4d47}

.org-chart{position:relative;padding-top:4px}
.org-level-top{display:flex;justify-content:center}
.org-node-top{width:340px}
.org-line-v{width:2px;background:#9db9ae;margin:0 auto}
.org-line-top{height:30px}
.org-line-short{height:18px}
.org-main-branches{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;align-items:start}
.org-main-branches:before{content:"";position:absolute;top:0;left:14%;right:14%;height:2px;background:#9db9ae}
.org-main-branch{position:relative;padding-top:24px}
.org-branch-stem{position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:24px;background:#9db9ae}

.org-dept-label{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#0b8a61;color:#fff}
.org-dept-label>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.18);font-weight:800}
.org-dept-label small{display:block;font-size:9px;letter-spacing:.14em;opacity:.8}
.org-dept-label strong{display:block;font-size:18px;margin-top:1px}
.org-head-wrap{margin-top:9px}
.org-section-stack{display:grid;gap:10px}
.org-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.org-section-card{position:relative;border:1px solid #dde7e3;border-radius:14px;background:#fff;padding:12px;box-shadow:0 4px 14px rgba(20,55,45,.04)}
.org-section-card.compact{padding:10px}
.org-section-title{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#0b7d59;margin-bottom:8px}
.org-section-people{display:grid;gap:7px}

.org-sales-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.org-region-card{border:1px solid #d8e4df;border-radius:14px;background:#fdfefe;padding:10px}
.org-region-head{position:relative;background:#0c7656;color:#fff;padding:9px 11px;border-radius:10px;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:8px}
.org-region-sections{display:grid;gap:9px;margin-top:8px}

.org-person-card{position:relative;border:1px solid #dce6e2;border-radius:10px;background:{{ $organogramColors['employee'] }};padding:10px 36px 10px 11px;transition:.15s ease}
.org-person-card:hover{border-color:#bfd8ce;box-shadow:0 4px 12px rgba(18,56,45,.06)}
.org-person-card.root-card{background:{{ $organogramColors['directie'] }};border-color:#123f35;color:#fff;padding:14px 42px 14px 14px;box-shadow:0 12px 28px rgba(18,63,53,.17)}
.org-person-card.head-card{background:#f4fbf7;border-color:#cfe5da}
.org-person-card.region-head-card{background:#f6fbf8}
.org-person-role{font-size:11px;line-height:1.25;color:#687873}
.org-person-card.root-card .org-person-role{color:#d8ece5}
.org-person-name{font-size:15px;font-weight:800;line-height:1.18;color:#18362d;margin-top:3px}
.org-person-card.root-card .org-person-name{color:#fff;font-size:15px}
.org-person-name.vacancy{color:#a56421;font-style:italic}
.org-hierarchy-link-layer{position:absolute;inset:0;pointer-events:none;z-index:1}

.org-edit-box{position:absolute;top:8px;right:8px}
.org-edit-box summary{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;cursor:pointer;background:#edf5f1;color:#0b7d59;list-style:none;font-size:0}
.org-edit-box summary::-webkit-details-marker{display:none}
.org-edit-box summary::before{content:"✎";font-size:15px;line-height:1}
.org-person-card.root-card .org-edit-box summary{background:rgba(255,255,255,.15);color:#fff}
.org-edit-box[open]{position:static;margin-top:8px}
.org-edit-box[open] summary{margin-left:auto}
.org-edit-box form{display:grid;gap:7px;margin-top:8px;padding-top:8px;border-top:1px dashed #cdd8d4}
.org-edit-box label{font-size:11px;color:#6b7773}
.org-person-card.root-card .org-edit-box label{color:#d8ece5}
.org-edit-box input{width:100%;margin-top:3px;padding:8px 9px;border:1px solid #cfd9d5;border-radius:8px;background:#fff}
.org-edit-box button{border:0;border-radius:8px;padding:8px 10px;background:#0b8a61;color:#fff;font-weight:700;cursor:pointer}
.org-card-action-row{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:nowrap}
.org-card-action-row .org-card-action-form{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;border:0!important;gap:0!important}
.org-card-action-row .org-icon-action{width:34px!important;height:34px!important;min-width:34px;min-height:34px;box-sizing:border-box;border-radius:8px;display:inline-grid!important;place-items:center;align-self:center;margin:0!important;padding:0!important;line-height:1;cursor:pointer}
.org-icon-action{width:34px;height:34px;border:0;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer;padding:0}
.org-icon-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.org-icon-action.save{background:#0b8a61;color:#fff}
.org-icon-action.hide{background:#eef4f1;color:#21453a}
.org-icon-action.delete{background:#fff0ee;color:#9a312b;border:1px solid #f0c8c3}
.org-icon-action.hierarchy,.org-icon-action.link{background:#eef4f1;color:#21453a;border:1px solid #dbe6e1}
.org-icon-action.hierarchy.active,.org-icon-action.link.active{background:#dff1ea;color:#0b7d59;border-color:#b9dccc}
.org-icon-action:hover{filter:brightness(.97)}
.org-hierarchy-control{margin-top:7px}
.org-hierarchy-control select{width:100%;padding:8px 9px;border:1px solid #cfd9d5;border-radius:8px;background:#fff;color:#18362d;font-size:11px}
.org-person-card[data-org-level]{position:relative}
.org-hierarchy-link-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible;width:100%;height:100%}
.org-hierarchy-link-layer path{fill:none;stroke:#7fa99a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.org-chart.hierarchy-lines-active .org-line-v,.org-chart.hierarchy-lines-active .org-branch-stem{opacity:.18}
.org-chart.hierarchy-lines-active .org-main-branches:before{opacity:.18}
.org-hidden-list{display:grid;gap:9px}
.org-hidden-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #dbe5e1;border-radius:11px;background:#fff}
.org-hidden-row strong{display:block;font-size:13px;color:#18362d}
.org-hidden-row small{display:block;margin-top:3px;font-size:10px;color:#70807a}
.org-structure-edit{position:absolute;top:7px;right:7px;z-index:5}
.org-structure-edit summary{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.18);color:#fff;list-style:none;font-size:0}
.org-structure-edit summary::-webkit-details-marker{display:none}
.org-structure-edit summary::before{content:"✎";font-size:15px;line-height:1}
.org-section-card .org-structure-edit summary{background:#edf5f1;color:#0b7d59}
.org-structure-edit[open]{position:relative;top:auto;right:auto;margin:8px 0 0;z-index:8}
.org-structure-edit[open] summary{margin-left:auto}
.org-structure-edit form{display:grid;gap:7px;margin-top:7px;padding:9px;border-radius:9px;background:#fff;border:1px solid #d7e1dd;box-shadow:0 8px 22px rgba(20,55,45,.10);color:#35443f}
.org-structure-edit label{font-size:10px;font-weight:700;color:#687771}
.org-structure-edit input,.org-structure-edit select{width:100%;margin-top:3px;padding:7px 8px;border:1px solid #cfd9d5;border-radius:7px;background:#fff}
.org-structure-edit input[type=color]{height:34px;padding:2px}
.org-structure-edit button{border:0;border-radius:7px;padding:8px 9px;background:#0b8a61;color:#fff;font-weight:800;cursor:pointer}
.org-region-head .org-structure-edit{top:5px;right:5px}
.org-hidden{display:none!important}

@media(max-width:1280px){
  .org-main-branches{grid-template-columns:1fr}
  .org-main-branches:before,.org-line-top,.org-branch-stem{display:none}
  .org-main-branch{padding-top:0}
  .org-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .org-technical-grid,.org-sales-split{grid-template-columns:1fr}
}
@media(max-width:760px){
  .org-hero-card{flex-direction:column;align-items:stretch}
  .org-tools{align-items:stretch}
  .org-tools input{min-width:0;max-width:none}
  .org-toolbar-icons{width:100%}
  .org-add-form{grid-template-columns:1fr}
}
@media(max-width:760px){
  .org-palette-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ORGANOGRAM_PAGE_CSS_END */

/* Generic table export: Excel + screenshot preview */
.table-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto;flex-wrap:wrap}
.table-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:7px 10px;border:1px solid #d8e4e9;border-radius:8px;background:#fff;color:#466474;font:inherit;font-size:9px;font-weight:800;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,opacity .15s;white-space:nowrap}
.table-export-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.table-export-btn.excel{background:#eef8f2;border-color:#cfe8d9;color:#217349}
.table-export-btn.excel:hover{background:#e2f4e9;border-color:#9dceb1}
.table-export-btn.image{background:#eef6fa;border-color:#d2e5ed;color:#176f94}
.table-export-btn.image:hover{background:#e1f0f6;border-color:#a8d0df}
.table-export-btn:hover{transform:translateY(-1px)}
.table-export-btn:focus-visible{outline:3px solid #67b3cf;outline-offset:2px}
.table-export-btn.loading{opacity:.62;cursor:wait;transform:none}
.table-export-inlinebar{display:flex;justify-content:flex-end;padding:8px 12px;border-bottom:1px solid #e7edf0;background:#fbfcfd}
.table-export-inlinebar .table-export-actions{margin-left:0}
.table-export-capture-shell{position:fixed;left:-100000px;top:0;z-index:-1000;background:#fff;padding:0;pointer-events:none}
.table-export-capture-card{margin:0!important;box-shadow:none!important;border:1px solid #dce6ea!important;overflow:visible!important;background:#fff!important}
.table-export-capture-card .panel-title{min-height:66px;padding:16px 20px!important;background:#fff!important}
.table-export-capture-card .table-export-capture-wrap{overflow:visible!important;max-height:none!important;background:#fff}
.table-export-capture-card table{margin:0!important}
html.table-export-preview-open{overflow:hidden}
.table-export-preview[hidden]{display:none!important}
.table-export-preview{position:fixed;inset:0;z-index:14000;display:grid;place-items:center;padding:24px}
.table-export-preview-backdrop{position:absolute;inset:0;background:rgba(8,29,43,.66);backdrop-filter:blur(4px)}
.table-export-preview-dialog{position:relative;width:min(1500px,96vw);height:min(900px,92vh);display:grid;grid-template-rows:auto 1fr auto;background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(5,28,42,.32);overflow:hidden}
.table-export-preview-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #e3eaee;background:#fff}
.table-export-preview-dialog header small{display:block;color:#83949e;font-size:8px;font-weight:900;letter-spacing:.08em}
.table-export-preview-dialog header h3{margin:3px 0 0;color:#182b39;font-size:16px}
.table-export-preview-x{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dce5e9;border-radius:9px;background:#f7fafb;color:#4f6876;font-size:20px;cursor:pointer}
.table-export-preview-body{min-height:0;overflow:auto;padding:16px;background:#eef3f5}
.table-export-preview-body img{display:block;max-width:none;height:auto;margin:0 auto;background:#fff;box-shadow:0 8px 28px rgba(17,48,64,.12)}
.table-export-preview-dialog footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 18px;border-top:1px solid #e3eaee;background:#fff}
.table-export-preview-close,.table-export-preview-save{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;border-radius:8px;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}
.table-export-preview-close{border:1px solid #d9e4e8;background:#fff;color:#506c7b}
.table-export-preview-save{border:1px solid #176f94;background:#176f94;color:#fff}
.table-export-toast{position:fixed;right:20px;bottom:20px;z-index:15000;max-width:360px;padding:11px 14px;border:1px solid #dbe5e9;border-radius:9px;background:#fff;color:#294757;font-size:10px;font-weight:700;box-shadow:0 10px 30px rgba(11,37,51,.16);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}
.table-export-toast.show{opacity:1;transform:translateY(0)}
.table-export-toast[data-type="error"]{background:#fff3f1;border-color:#f0d4cf;color:#a6423b}
@media(max-width:820px){
 .table-export-actions{gap:5px}
 .table-export-btn{min-height:30px;padding:7px 8px;font-size:8px}
 .table-export-preview{padding:8px}
 .table-export-preview-dialog{width:98vw;height:94vh}
 .table-export-preview-dialog header,.table-export-preview-dialog footer{padding:10px 12px}
 .table-export-preview-body{padding:8px}
}

/* Forecast cone — cumulative actual + low / expected / high forecast band */
.forecast-cone-panel{padding:0;overflow:hidden}
.forecast-cone-card{padding:18px 20px 12px;background:#fff}
.forecast-cone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:8px}
.forecast-cone-head small{display:block;font-size:8px;letter-spacing:.08em;color:#80919b;font-weight:900}
.forecast-cone-head h3{font-size:16px;margin:3px 0 2px;color:#17364c}
.forecast-cone-head p{margin:0;color:#758792;font-size:8px}
.forecast-cone-legend{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap;max-width:500px;padding-top:2px}
.forecast-cone-legend span{display:inline-flex;align-items:center;gap:5px;color:#657b87;font-size:8px;font-weight:700;white-space:nowrap}
.forecast-cone-legend i{display:inline-block;width:15px;height:7px;border-radius:2px}
.forecast-cone-legend i.realised{height:3px;background:#176f94}
.forecast-cone-legend i.forecast-line{height:0;border-top:2px dashed #176f94;border-radius:0}
.forecast-cone-legend i.high{background:#dceefa}
.forecast-cone-legend i.expected{background:#a9d2eb}
.forecast-cone-legend i.low{background:#c4e0f1}
.forecast-cone-svg-wrap{width:100%;overflow:hidden}
.forecast-cone-svg{display:block;width:100%;height:auto;min-height:240px}
.fc-grid{stroke:#e7eef2;stroke-width:1}
.fc-axis,.fc-x-label{fill:#748792;font-size:10px;font-weight:600}
.fc-x-label{font-size:9px}
.fc-band-outer{fill:#dceefa;opacity:.72}
.fc-band-upper{fill:#b8daee;opacity:.62}
.fc-band-lower{fill:#c9e3f2;opacity:.72}
.fc-actual-line{fill:none;stroke:#176f94;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.fc-expected-line{fill:none;stroke:#176f94;stroke-width:3;stroke-dasharray:10 7;stroke-linejoin:round;stroke-linecap:round}
.fc-target-line{fill:none;stroke:#6d8796;stroke-width:2;stroke-dasharray:3 5;opacity:.65}
.fc-actual-dot{fill:#176f94;stroke:#fff;stroke-width:2}
.fc-forecast-dot{fill:#fff;stroke:#176f94;stroke-width:2}
.fc-live-divider{stroke:#a8beca;stroke-width:1;stroke-dasharray:3 5}
.fc-live-label{fill:#5d7a8a;font-size:8px;font-weight:900;letter-spacing:.06em}
.forecast-cone-card.compact{padding:10px 0 2px}
.forecast-cone-card.compact .forecast-cone-head{margin-bottom:2px}
.forecast-cone-card.compact .forecast-cone-head h3{font-size:12px}
.forecast-cone-card.compact .forecast-cone-svg{min-height:175px}
@media(max-width:820px){
 .forecast-cone-card{padding:15px 13px 9px}
 .forecast-cone-head{flex-direction:column;gap:8px}
 .forecast-cone-legend{justify-content:flex-start;max-width:none}
 .forecast-cone-svg-wrap{overflow-x:auto}
 .forecast-cone-svg{min-width:760px}
}

/* Sales Support workload — management-focused layout */
.tw-ss-summary{background:#fff;border:1px solid #dfe8ec;border-radius:16px;padding:18px 20px;margin:14px 0 16px;box-shadow:0 8px 24px rgba(17,55,78,.04)}
.tw-ss-summary-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}
.tw-ss-summary-head>div:first-child{min-width:0}.tw-ss-summary-head small{font-size:8px;letter-spacing:.08em;color:#758895;font-weight:700}.tw-ss-summary-head h3{margin:3px 0 4px;font-size:18px;color:#102f47}.tw-ss-summary-head p{margin:0;color:#71838e;font-size:10px;line-height:1.45;max-width:760px}
.tw-ss-score-hero{min-width:165px;padding:12px 14px;border-radius:12px;background:#f3f7f9;border:1px solid #e2eaee;text-align:right}.tw-ss-score-hero span,.tw-ss-score-hero small{display:block;font-size:8px;color:#71838e}.tw-ss-score-hero strong{display:block;font-size:25px;line-height:1.05;margin:4px 0;color:#17364c}.tw-ss-score-hero.good{background:#edf8f2;border-color:#d6ebdf}.tw-ss-score-hero.good strong{color:#217349}.tw-ss-score-hero.warn{background:#fff7e8;border-color:#f2e2bd}.tw-ss-score-hero.warn strong{color:#9b6816}.tw-ss-score-hero.bad{background:#fff0ef;border-color:#f1d8d5}.tw-ss-score-hero.bad strong{color:#b44740}
.tw-ss-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tw-ss-summary-kpi{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #e3eaed;border-radius:11px;background:#fbfcfd;min-width:0}.tw-ss-summary-kpi>i{font-style:normal;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e8f3f7;color:#176f94;font-size:13px;flex:0 0 28px}.tw-ss-summary-kpi.capacity>i{background:#eef1f3;color:#687b87}.tw-ss-summary-kpi span{display:block;font-size:8px;color:#738692}.tw-ss-summary-kpi strong{display:block;font-size:18px;color:#17364c;margin:3px 0}.tw-ss-summary-kpi small{font-size:8px;color:#7c8d97}.tw-ss-summary-kpi small.positive{color:#217349}.tw-ss-summary-kpi small.negative{color:#b44740}
.tw-ss-detail-grid{gap:14px}.tw-ss-team-card{padding:0;overflow:hidden}.tw-ss-team-card .tw-role-card-head{padding:16px 18px;border-bottom:1px solid #e7edef;background:#fbfcfd}.tw-ss-team-card .tw-field-list{padding:14px}.tw-ss-compact-person{padding:0!important;border:0!important;box-shadow:none!important}.tw-ss-compact-person>header{padding:2px 2px 13px;border-bottom:1px solid #edf1f3}.tw-ss-compact-person>header>div:nth-child(2){min-width:0}.tw-ss-compact-person>header>div:nth-child(2)>b{font-size:13px!important;color:#102f47}.tw-ss-compact-person>header>div:nth-child(2)>small{font-size:9px!important;color:#788a95}
.tw-ss-kpi-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:13px!important}.tw-ss-kpi-card{position:relative;border:1px solid #e2e9ed!important;border-radius:11px!important;padding:12px!important;background:#fbfcfd!important;min-height:112px}.tw-ss-kpi-card.good{border-top:3px solid #2c9a65!important}.tw-ss-kpi-card.warn{border-top:3px solid #d79a27!important}.tw-ss-kpi-card.bad{border-top:3px solid #cf5b53!important}.tw-ss-kpi-card.capacity{border-top:3px solid #8da0aa!important;background:#f7f9fa!important}.tw-ss-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tw-ss-kpi-top small{font-size:8px!important;line-height:1.25!important;color:#71848f!important;text-transform:uppercase;letter-spacing:.035em}.tw-ss-kpi-dot{width:7px;height:7px;border-radius:50%;background:#a7b5bd;flex:0 0 7px;margin-top:2px}.tw-ss-kpi-card.good .tw-ss-kpi-dot{background:#2c9a65}.tw-ss-kpi-card.warn .tw-ss-kpi-dot{background:#d79a27}.tw-ss-kpi-card.bad .tw-ss-kpi-dot{background:#cf5b53}.tw-ss-kpi-card>strong{display:block!important;font-size:23px!important;line-height:1!important;margin:10px 0 9px!important;color:#17364c!important}.tw-ss-kpi-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tw-ss-kpi-meta span{font-size:7px!important;color:#7a8c96!important;line-height:1.35}.tw-ss-kpi-meta b{display:block;margin-top:2px;color:#304d60;font-size:8px}.tw-ss-kpi-meta b.positive{color:#217349}.tw-ss-kpi-meta b.negative{color:#b44740}.tw-ss-mini-progress{height:4px;background:#e9eef1;border-radius:999px;overflow:hidden;margin-top:9px}.tw-ss-mini-progress i{display:block;height:100%;background:#176f94;border-radius:999px}.tw-ss-kpi-card.good .tw-ss-mini-progress i{background:#2c9a65}.tw-ss-kpi-card.warn .tw-ss-mini-progress i{background:#d79a27}.tw-ss-kpi-card.bad .tw-ss-mini-progress i{background:#cf5b53}
.tw-ss-score-strip{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:12px;margin:11px 1px 2px;padding:9px 11px;border-radius:9px;background:#f6f9fa;border:1px solid #e7edef}.tw-ss-score-strip>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.tw-ss-score-strip span{font-size:8px;color:#70838f}.tw-ss-score-strip strong{font-size:14px;color:#17364c}.tw-ss-score-strip .tw-field-progress{margin:0;height:8px}.tw-ss-score-strip .tw-field-progress>b{display:none}.tw-ss-month-detail{margin-top:11px}.tw-ss-month-detail summary{padding:10px 11px!important;border-radius:9px!important;background:#f7fafb!important;border:1px solid #e4ebee!important;color:#176f94!important;font-size:9px!important;font-weight:650!important}
@media(max-width:1200px){.tw-ss-summary-grid,.tw-ss-kpi-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.tw-ss-summary-head{flex-direction:column}.tw-ss-score-hero{width:100%;text-align:left}.tw-ss-summary-grid,.tw-ss-kpi-cards{grid-template-columns:1fr!important}.tw-ss-score-strip{grid-template-columns:1fr}.tw-ss-kpi-meta{grid-template-columns:1fr 1fr}}

/* Interactive commercial network selection */
.commercial-network-map{position:relative}
.commercial-node,.commercial-node circle,.commercial-node-label,.commercial-edge{transition:opacity .18s ease,stroke-width .18s ease,filter .18s ease,transform .18s ease}
.commercial-node.is-dimmed{opacity:.13}
.commercial-node.is-connected{opacity:1}
.commercial-node.is-connected circle{stroke:#fff;stroke-width:5;filter:drop-shadow(0 4px 8px rgba(20,45,64,.24))}
.commercial-node.is-selected{opacity:1}
.commercial-node.is-selected circle{stroke:#143f5d;stroke-width:5;filter:drop-shadow(0 5px 10px rgba(20,45,64,.32))}
.commercial-node.is-selected .commercial-node-label{font-weight:900;fill:#0f3047}
.commercial-edge.is-dimmed{opacity:.06}
.commercial-edge.is-active{opacity:1;stroke-width:3}
.network-map-toolbar{position:absolute;left:12px;right:12px;bottom:10px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.network-map-hint{max-width:70%;padding:6px 9px;border:1px solid rgba(207,220,228,.92);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(25,54,74,.08);font-size:8px;font-weight:700;color:#607480;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.network-map-reset{pointer-events:auto;border:1px solid #cbd8df;border-radius:8px;background:rgba(255,255,255,.96);color:#174665;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(25,54,74,.08)}
.network-map-reset:hover,.network-map-reset:focus{border-color:#174665;outline:none}
.network-map-reset[hidden]{display:none}
@media(max-width:650px){.network-map-toolbar{align-items:flex-end;flex-direction:column}.network-map-hint{max-width:100%}}

.network-map-intro{margin:5px 0 0;font-size:8px;font-weight:700;color:#477086}

.network-connections-list{display:grid;gap:7px;margin-top:8px}.network-connection-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #e1e8ec;border-radius:9px;background:#fafcfd;text-align:left;cursor:pointer}.network-connection-item:hover,.network-connection-item:focus{border-color:#86aabd;background:#f4f9fb;outline:none}.network-connection-item span{min-width:0}.network-connection-item strong{display:block;font-size:9px;color:#18394f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-connection-item small{display:block;margin-top:2px;font-size:7px;color:#81909a}.network-connection-item em{flex:0 0 auto;font-style:normal;font-size:7px;font-weight:700;color:#527084;background:#edf4f7;border-radius:999px;padding:4px 6px}