@import url("./sales-flow-basic.css?v=20260925-release-sales-only");
.company-overview-host{display:grid;width:100%;min-width:0;max-width:100%;gap:24px;overflow:visible}
.company-overview-host .company-overview-card{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.customer-quick-analysis>.company-overview-host>.company-overview-card{padding-top:18px!important}
.company-overview-card .co-canvas{min-width:0;max-width:100%;height:auto!important;box-sizing:border-box}
.company-overview-card .co-period-controls .co-year-control{height:40px}.company-overview-card .co-period-controls .co-year-control span{display:inline}.company-overview-card .co-month-control{display:flex;align-items:center;gap:6px;height:40px;padding:0 9px;border-radius:12px;background:#f8f9fb;color:#66738a;font-size:12px;font-weight:750;box-shadow:4px 4px 10px rgba(197,201,208,.58),-4px -4px 10px rgba(255,255,255,.96)}.company-overview-card .co-month-control select{height:28px;border:1px solid #d7dfe9;border-radius:8px;background:#fff;color:#26344c;font:inherit;padding:0 7px}
.company-overview-card .co-time-control{margin:0;flex:none}.co-time-control .profit-time-picker{position:relative;width:auto;min-width:76px}
.company-overview-card .co-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:24px}
.company-overview-card .co-kpis>.co-kpi-item{min-width:0;padding:16px!important;border:0!important;border-radius:20px!important;background:#f7f8fa!important;box-shadow:-8px -8px 16px #fff,8px 8px 16px rgb(190 197 207 / .65),inset -8px -8px 16px rgb(239 242 246)!important}
.company-overview-card .co-kpi-primary{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:38px 40px 8px;width:100%!important;min-width:0!important;height:136px!important;padding:0!important;align-content:center!important;justify-content:stretch!important;gap:8px 8px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.company-overview-card .co-kpi-title{display:flex!important;min-width:0;align-items:center;gap:8px;justify-content:flex-start!important;color:#374151!important}
.company-overview-card .co-kpi-title b{display:block;min-width:0;overflow:hidden;color:#374151;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.company-overview-card .co-kpi-icon{display:grid!important;flex:none;width:34px;height:34px;place-items:center;border-radius:50%;background:#55b98a;color:#fff;box-shadow:-2px -2px 4px #fff,2px 2px 4px rgb(153 161 175)}
.company-overview-card .co-kpi-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.company-overview-card .co-kpi-icon.co-sales{background:#47a9dd}.company-overview-card .co-kpi-icon.co-profit{background:#55b98a}.company-overview-card .co-kpi-icon.co-margin{background:#d89d49}.company-overview-card .co-kpi-icon.co-quantity{background:#667eea}.company-overview-card .co-kpi-icon.co-customers{background:#4da69b}.company-overview-card .co-kpi-icon.co-models{background:#8a75c7}
.company-overview-card .co-kpi-growth{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#329449;font-size:12px;font-weight:750;white-space:nowrap}.company-overview-card .co-kpi-growth.down{color:#c84b48}.company-overview-card .co-kpi-growth svg{width:14px;height:14px;fill:currentColor}.company-overview-card .co-kpi-value{grid-column:1/-1;display:block;align-self:center;overflow:hidden;color:#1f2937;font-family:inherit;font-size:24px;font-weight:800;line-height:1.15;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.company-overview-card .co-kpi-progress{grid-column:1/-1;position:relative;display:block;width:100%;height:8px;overflow:hidden;border-radius:5px;background:#e5e7eb;box-shadow:-2px -2px 4px #fff,2px 2px 4px rgb(153 161 175)}.company-overview-card .co-kpi-progress i{position:absolute;inset:0 auto 0 0;display:block;border-radius:5px;background:#55b98a;content:""}.company-overview-card .co-kpi-item:nth-child(1) .co-kpi-progress i{background:#47a9dd}.company-overview-card .co-kpi-item:nth-child(3) .co-kpi-progress i{background:#d89d49}.company-overview-card .co-kpi-item:nth-child(4) .co-kpi-progress i{background:#667eea}.company-overview-card .co-kpi-item:nth-child(5) .co-kpi-progress i{background:#4da69b}.company-overview-card .co-kpi-item:nth-child(6) .co-kpi-progress i{background:#8a75c7}
.company-overview-card .co-kpi-primary:hover{outline:none!important}
.company-overview-card .co-kpi-primary:focus-visible{outline:2px solid #9aaed8!important;outline-offset:3px}
.company-overview-card .co-analysis-nav{min-width:0;margin:0 0 30px;padding:18px 0 20px;border:0;border-top:1px solid #edf1f6}
.company-overview-summary-card .co-analysis-nav{margin-bottom:0}
.company-overview-chart-card .co-sales-flow-section{margin-bottom:0}
.company-overview-chart-card>.quick-preset-canvas{min-height:0}
.company-overview-card .co-analysis-nav>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;border-bottom:0!important}
.company-overview-card .co-analysis-nav>header>div{display:grid;gap:3px}.company-overview-card .co-analysis-nav>header small{color:#3f67df;font-size:11px;font-weight:800}.company-overview-card .co-analysis-nav>header h4{margin:0;color:#1f2d46;font-size:16px}.company-overview-card .co-analysis-nav>header>span{color:#7a8798;font-size:11px}
.company-overview-card .co-analysis-nav-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.company-overview-card .co-analysis-nav-group{min-width:0;padding:0 18px;border:0}.company-overview-card .co-analysis-nav-group:first-child{padding-left:0}.company-overview-card .co-analysis-nav-group:last-child{padding-right:0}
.company-overview-card .co-analysis-nav-group h5{margin:0 0 9px;color:#344054;font-size:12px;font-weight:800}
.company-overview-card .co-analysis-nav-group nav{display:grid;gap:7px}
.company-overview-card .co-analysis-nav-group button{display:flex;width:100%;min-width:0;min-height:34px;align-items:center;justify-content:center;padding:6px 9px;border:1px solid #e2e7ef;border-radius:7px;background:#fafbfc;color:#25344d;font:inherit;font-size:10px;font-weight:750;line-height:1.3;text-align:center;overflow-wrap:anywhere;cursor:pointer;transition:none}
.company-overview-card .co-analysis-nav-group button:hover,.company-overview-card .co-analysis-nav-group button:focus-visible{border-color:#aebff0;background:#f3f6ff;color:#315eea;outline:0;transform:translateY(-1px)}
.company-overview-card .co-trend-section,.company-overview-card .co-contribution-section{min-width:0}
.company-overview-card .co-section-head{position:relative;min-height:58px;margin:0 0 12px!important;padding:0!important;border:0!important}
.company-overview-card .co-section-head>div:first-child{display:grid;gap:4px;position:static;transform:none}
.company-overview-card .co-section-head h4{margin:0;color:#1f2d46;font-size:17px}
.company-overview-card .co-section-head h4 span{margin-left:7px;color:#7a879b;font-size:11px;font-weight:600}
.company-overview-card .co-section-head>.co-switch{margin:0!important}
.company-overview-card .co-switch button{width:108px!important;min-width:108px!important}
.company-overview-card .co-dimension-switch button{width:92px!important;min-width:92px!important}
.company-overview-card .co-switch button i{width:11px!important;height:11px!important;border-radius:3px!important}
.company-overview-card .co-switch button i.co-sales{background:var(--quick-sales-red,#f04438)!important}
.company-overview-card .co-switch button i.co-profit{background:var(--quick-profit-green,#55c88a)!important}
.company-overview-card .co-trend-legend button i.co-margin{position:relative!important;border-radius:0!important;background:transparent!important}
.company-overview-card .co-trend-legend button i.co-margin::before{position:absolute;left:0;right:0;top:5px;height:2px;border-radius:2px;background:#d89d49;content:""}
.company-overview-card .co-trend-legend button i.co-margin::after{position:absolute;left:3px;top:2px;width:5px;height:5px;border:1.5px solid #d89d49;border-radius:50%;background:#fff;content:""}
.company-overview-card .co-switch button i.co-quantity{background:var(--quick-cost-blue,#3f67df)!important}
.company-overview-card .co-trend-view-switch{display:grid!important;grid-template-columns:repeat(2,108px);gap:6px!important;margin:0!important;padding:3px!important;border:0!important;border-radius:11px!important;background:#f5f7fb!important}
.company-overview-card .co-trend-view-switch button{box-sizing:border-box!important;width:108px!important;min-width:0!important;min-height:34px!important;justify-content:center!important;padding:0 8px!important;border-radius:8px!important;white-space:nowrap}
.company-overview-card .co-trend-view-switch button i.sales{background:var(--quick-sales-red,#f04438)!important}
.company-overview-card .co-trend-view-switch button i.quantity{background:#111827!important}
.company-overview-card .co-trend-view-switch button i.co-quantity{background:#111827!important}
.company-overview-card .co-trend-view-switch button.active{background:#f8f9fb!important;color:#000!important;box-shadow:4px 4px 10px rgba(197,201,208,.58),-4px -4px 10px rgba(255,255,255,.96)!important}
.company-overview-card .co-trend-view-switch button.is-hidden{opacity:1!important;background:#e4e7ec!important;color:#000!important;text-decoration:none!important;box-shadow:inset 3px 3px 7px rgba(185,190,199,.55),inset -3px -3px 7px rgba(255,255,255,.72)!important}
.company-overview-card>.quick-preset-heading .co-heading-actions{margin-left:auto;flex:none;display:flex;align-items:center}
.company-overview-card>.quick-preset-heading .co-heading-actions .co-trend-view-switch{margin:0!important}
.company-overview-card>.quick-preset-heading .co-heading-actions .co-trend-view-radio{width:300px;margin:0!important;flex:none}
.customer-quick-analysis>.company-overview-host>:is(.company-overview-summary-card,[data-company-flow-card])>.customer-analysis-heading{box-sizing:border-box!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:16px!important}
.customer-quick-analysis>.company-overview-host>:is(.company-overview-summary-card,[data-company-flow-card])>.customer-analysis-heading{transform:translateY(-10px)!important}
.customer-quick-analysis>.company-overview-host>:is(.company-overview-summary-card,[data-company-flow-card])>.customer-analysis-heading>.customer-analysis-title-group{flex:0 1 60%!important;min-width:0!important;max-width:60%!important;align-self:center!important}
.customer-quick-analysis>.company-overview-host>:is(.company-overview-summary-card,[data-company-flow-card])>.customer-analysis-heading>.customer-analysis-title-group>.chart-analysis-name{width:100%!important;max-width:none!important}
.customer-quick-analysis>.company-overview-host>:is(.company-overview-summary-card,[data-company-flow-card])>.customer-analysis-heading>.customer-analysis-actions{flex:none!important;align-self:center!important;margin:0!important}
.company-overview-card[data-company-trend-card]>.quick-preset-canvas::before{display:none!important;content:none!important}
.company-overview-card[data-company-trend-card] .co-trend-section>.co-section-head{box-sizing:border-box!important;height:56px!important;min-height:56px!important;margin:-14px 0 12px!important;padding:0!important;border-bottom:1px solid #edf1f6!important;display:flex;align-items:center;justify-content:flex-end}
.company-overview-card .co-trend-chart{min-width:0;margin:0 0 26px!important;padding:14px 8px 0!important;overflow:hidden}
.company-overview-card .company-overview-trend-layout{width:100%;min-height:440px}
.company-overview-card .company-overview-trend-layout .customer-combo-chart{height:372px}
.company-overview-card .company-overview-trend-layout .customer-bar.co-overview-sales{background:var(--quick-sales-red,#f04438)!important}
.company-overview-card .company-overview-trend-layout .customer-bar.co-overview-profit{background:var(--quick-profit-green,#55c88a)!important}
.company-overview-card .company-overview-trend-layout .customer-bar.co-overview-quantity{background:#111827!important}
.company-overview-card .company-overview-trend-layout .customer-margin-line.co-overview-margin-line{fill:none!important;stroke:#d89d49!important;stroke-width:2.5!important;stroke-linecap:round;stroke-linejoin:round}
.customer-quick-analysis .company-overview-card .company-overview-trend-layout .customer-line-point.co-overview-margin-point{border-color:#d89d49!important;box-shadow:0 0 0 2px #fff,0 2px 6px rgba(216,157,73,.22)!important}
.customer-quick-analysis .company-overview-card .company-overview-trend-layout .customer-line-point.co-overview-margin-point:is(:hover,:focus-visible,.is-line-point-active){background:#d89d49!important;box-shadow:0 0 0 3px rgba(216,157,73,.16),0 3px 8px rgba(174,118,39,.28)!important}
.customer-quick-analysis .company-overview-card .company-overview-trend-layout .customer-axis.right,.customer-quick-analysis .company-overview-card .company-overview-trend-layout .customer-axis.right .customer-axis-unit,.customer-quick-analysis .company-overview-card .company-overview-trend-layout .customer-scale-row span.right{color:#b77a24!important}
.company-overview-card .company-overview-trend-layout.is-shipping-view .customer-bar.co-overview-quantity{width:24px;max-width:48%;flex-basis:24px}
.company-overview-card .company-overview-trend-layout .customer-bar.negative{background:var(--quick-sales-red,#f04438)!important}
.company-overview-card .company-overview-trend-layout .customer-month.is-muted .customer-bar{opacity:.22}
.company-overview-card .company-overview-trend-layout .customer-month.is-muted .customer-bar:is(:hover,:focus-visible,.is-data-highlight,[data-quick-data-pinned="true"]){opacity:1}
.company-overview-card .company-overview-trend-layout .customer-scale-row>i{display:block!important;position:relative!important;height:1px!important;background:var(--quick-grid,#e9eef5)!important}
.company-overview-card .company-overview-trend-layout .customer-scale-row>i::before,.company-overview-card .company-overview-trend-layout .customer-scale-row>i::after{position:absolute;top:-1px;width:7px;height:2px;background:var(--quick-axis,#111827);content:""}
.company-overview-card .company-overview-trend-layout .customer-scale-row>i::before{left:-7px}.company-overview-card .company-overview-trend-layout .customer-scale-row>i::after{right:-7px}
.company-overview-card .company-overview-trend-layout .customer-scale-row.is-axis-baseline>i{height:2px!important;background:transparent!important}
.company-overview-card .company-overview-trend-layout .customer-scale-row>i::after{display:none!important}
.company-overview-card .company-overview-trend-layout .customer-combo-chart{background-image:none!important}
.company-overview-card .company-overview-trend-layout .customer-y-axis.right,.company-overview-card .company-overview-trend-layout~.customer-axis.right{display:block!important}
.company-overview-card .demand-one-shared-layout.has-negative-bars .customer-bar-set{position:relative;display:block!important}
.company-overview-card .demand-one-shared-layout.has-negative-bars .customer-bar{position:absolute!important;left:50%;bottom:var(--shared-bar-bottom);translate:-50% 0}
.company-overview-card .company-overview-trend-layout.has-negative-bars .customer-bar.co-overview-sales{left:calc(50% - 18px)}
.company-overview-card .company-overview-trend-layout.has-negative-bars .customer-bar.co-overview-profit{left:50%}
.company-overview-card .company-overview-trend-layout.has-negative-bars .customer-bar.co-overview-quantity{left:calc(50% + 18px)}
.company-overview-card .demand-one-unavailable{position:absolute;left:50%;bottom:calc(var(--shared-zero) + 7px);color:#a1aab8;font-size:13px;font-weight:700;line-height:1;transform:translateX(-50%)}
.company-overview-card .customer-bar-set{position:relative}
.company-overview-card .co-table-scroll{max-height:380px;min-width:0;overflow:auto;border-block:1px solid #dfe5ee}
.company-overview-card .co-table{width:100%;min-width:780px;border-collapse:collapse;font-size:12px;table-layout:fixed}
.company-overview-card .co-table th,.company-overview-card .co-table td{padding:11px 12px;border-bottom:1px solid #edf0f4;text-align:right;font-variant-numeric:tabular-nums}
.company-overview-card .co-table th:first-child{width:24%;overflow-wrap:anywhere;text-align:left}
.company-overview-card .co-table th:nth-child(2){width:19%}
.company-overview-card .co-table thead th{position:sticky;top:0;z-index:1;background:#f6f8fb;color:#647084;font-weight:600}
.company-overview-card .co-table tbody th{font-weight:500}
.company-overview-card .co-table .co-focused{background:#fff;outline:2px solid #111827;outline-offset:-2px}
.company-overview-card .co-contribution{position:relative;display:flex;height:20px;align-items:center;justify-content:flex-end;overflow:hidden}
.company-overview-card .co-contribution i{position:absolute;left:0;top:5px;height:10px;opacity:.2}
.company-overview-card .co-contribution span{position:relative;font-size:11px}
.company-overview-card .co-basis{display:block;margin-top:14px}
.company-overview-card .co-empty{padding:20px;color:#697386;text-align:center}
.company-overview-card .co-customer-ring{min-width:0;margin:4px 0 10px;padding:4px 0 0}
.company-overview-card .co-customer-ring-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;margin-bottom:8px}
.company-overview-card .co-customer-ring-head>div:first-child{display:grid;gap:4px}
.company-overview-card .co-customer-ring-head>.co-customer-controls{display:flex!important;align-items:center;justify-content:flex-end;gap:10px;width:100%;margin-left:auto}
.company-overview-card .co-customer-ring-head small{color:#718096;font-size:11px;font-weight:700}
.company-overview-card .co-customer-ring-head strong{color:#1f2d46;font-size:17px}
.company-overview-card .co-customer-metric-switch{margin:0!important}
.company-overview-card .co-customer-metric-switch button{width:108px!important;min-width:108px!important}
.company-overview-card .co-customer-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.company-overview-card .co-customer-time{display:flex;align-items:center}.company-overview-card .co-customer-time .co-time-control{margin:0!important}
.company-overview-card .co-customer-ring-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:36px;align-items:center;width:100%;max-width:1320px;margin:0 auto 8px}
.company-overview-card .co-ring-stages{display:grid;gap:8px;justify-items:center}.company-overview-card .co-ring-stages .brand-donut-stage,.company-overview-card .co-ring-stages .negative-donut-stage,.company-overview-card .negative-ring-layout>.negative-donut-stage{min-height:218px}.company-overview-card .co-ring-stages svg,.company-overview-card .negative-ring-layout svg{width:min(100%,250px)!important}.company-overview-card .negative-donut-stage{display:grid;place-items:center}.company-overview-card .negative-donut-stage path{stroke:#fff;stroke-width:2}.company-overview-card .negative-donut-stage.is-single-segment path,.company-overview-card .negative-donut-stage path:only-of-type{stroke:none}.company-overview-card .negative-donut-stage text{fill:#000;font-size:16px;font-weight:700}.company-overview-card .negative-donut-total{fill:#000!important;font-size:25px!important}
.negative-ring-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;align-items:center;width:100%;max-width:1320px;margin:0 auto 10px}.negative-ring-layout>.negative-donut-stage{min-height:218px}.negative-ring-layout>.negative-donut-stage svg{display:block;width:min(100%,220px);height:auto;margin:auto}.negative-ring-legend{min-width:0}
.company-overview-card .co-ring-legends{display:grid;min-width:0;align-content:start;gap:12px}.company-overview-card .co-ring-legends .negative-ring-legend.brand-composition-legend{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.company-overview-card .co-ring-legends .negative-ring-legend i{background:var(--negative-ring-color,#ef5e58)}.company-overview-card .co-ring-companion-stage{display:grid!important;width:130px!important;height:130px!important;min-width:130px!important;min-height:130px!important;margin:0 auto!important;place-items:center}.company-overview-card .co-ring-companion-stage svg{display:block!important;width:130px!important;height:130px!important;max-width:none!important}.company-overview-card .co-ring-companion-stage text{font-size:18px;font-weight:700}.company-overview-card .co-ring-companion-stage .brand-donut-total{font-size:30px!important;font-weight:800!important}
.company-overview-card .co-perspective-panel :is(.brand-composition-layout,.co-customer-ring-layout) .co-inherited-ring-stage:not(.co-ring-companion-stage){display:grid!important;width:270px!important;height:270px!important;min-width:270px!important;min-height:270px!important;margin:auto!important;place-items:center}
.company-overview-card .co-perspective-panel :is(.brand-composition-layout,.co-customer-ring-layout) .brand-donut-stage>svg{width:270px!important;height:270px!important;max-width:100%!important}
.company-overview-card .co-perspective-panel .co-inherited-ring-hole{fill:#fff!important;stroke:none!important}
.company-overview-card .co-perspective-panel .co-ring-reveal-sweep{fill:none!important;stroke:#fff!important;stroke-width:96!important;stroke-dasharray:634.602 634.602!important;stroke-dashoffset:634.602;stroke-linecap:butt!important}
.company-overview-card .co-perspective-panel :is(.brand-composition-layout,.co-customer-ring-layout) .brand-donut-stage text{font-size:14px!important}
.company-overview-card .co-perspective-panel :is(.brand-composition-layout,.co-customer-ring-layout) .brand-donut-stage .brand-donut-total{font-size:26px!important}
.company-overview-card .co-perspective-panel .brand-composition-legend{grid-auto-rows:minmax(32px,auto);gap:4px 10px}
.company-overview-card .co-perspective-panel .brand-composition-legend button{min-height:32px;padding:3px 6px;gap:8px;font-size:14px}
.company-overview-card .co-ring-companion-stage path{transform-origin:160px 160px;transition:opacity .18s ease,transform .18s ease;outline:none}.company-overview-card .co-ring-companion-stage path:hover,.company-overview-card .co-ring-companion-stage path:focus,.company-overview-card .co-ring-companion-stage path.is-data-highlight{transform:scale(1.025)}.company-overview-card .co-ring-companion-stage path.is-muted{opacity:.16}.company-overview-card .co-ring-companion-stage.is-single-segment path{stroke:none!important}.company-overview-card .co-ring-companion-stage circle:not(.negative-donut-outline){fill:#fff!important;stroke:none!important}.company-overview-card .co-ring-companion-stage .negative-donut-outline{display:none!important}
.company-overview-card .co-customer-ring-layout .brand-donut-stage{min-height:330px}
.company-overview-card .co-customer-ring-layout .brand-donut-stage svg{display:block;width:min(100%,330px);overflow:visible}
.company-overview-card .co-negative-strip{max-width:1320px;margin:0 auto 6px;padding:10px 14px;border:1px solid #ead6d9;border-left:3px solid #ef3340;border-radius:5px;background:#fffafb}
.company-overview-card .co-negative-strip header{display:flex;justify-content:space-between;gap:18px;margin-bottom:7px}
.company-overview-card .co-negative-strip header strong{font-size:12px}
.company-overview-card .co-negative-strip header span{color:#7f6670;font-size:11px}
.company-overview-card .co-negative-strip>div{display:flex;flex-wrap:wrap;gap:6px 16px;color:#c72c39;font-size:11px;font-variant-numeric:tabular-nums}
.company-overview-card .co-customer-ring .quick-method-note{margin-top:8px}

/* Unified contribution view: one overview ring, a connected negative-profit companion,
   then the two perspective entry points and their existing detail views. */
.company-overview-card .co-contribution-heading-actions{display:grid!important;grid-template-columns:max-content max-content!important;align-items:center;justify-content:end;gap:10px;direction:ltr!important;flex-wrap:nowrap}
.company-overview-card .co-contribution-heading-actions .co-time-control{grid-column:1!important;grid-row:1!important;order:0!important;flex:none}
.company-overview-card .co-contribution-heading-actions .co-contribution-metric-switch{grid-column:2!important;grid-row:1!important;order:0!important;margin:0!important;flex:none}
.company-overview-card .co-contribution-heading-actions .co-contribution-metric-switch button{width:88px!important;min-width:88px!important}
.company-overview-card .co-contribution-section{position:relative}
.company-overview-card .co-contribution-back-button{flex:none;font-size:20px;background-color:white;color:black;width:45px;height:45px;opacity:.75;border:1px solid #e7eae8;border-radius:8px;cursor:pointer;transition:opacity .15s}
.company-overview-card .co-contribution-back-button:hover{animation:bounce_513 1s infinite}
@keyframes bounce_513{0%,100%{transform:translateX(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateX(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}
.company-overview-card .co-unified-contribution{position:relative;display:grid;min-height:530px;place-items:center;overflow:hidden;padding:16px 0 24px}
.company-overview-card .co-unified-default{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;outline:none;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease,opacity .36s ease}
.company-overview-card .co-unified-default:focus-visible{border-radius:50%;outline:2px solid #3f67df;outline-offset:10px}
.company-overview-card .co-unified-main-ring{display:grid;place-items:center;width:min(270px,34vw);min-width:220px;aspect-ratio:1}
.company-overview-card .co-unified-main-ring svg{display:block;width:100%;overflow:visible}
.company-overview-card .co-unified-main-ring path,.company-overview-card .co-unified-companion-ring path{stroke:#fff;stroke-width:2}.company-overview-card .co-unified-companion-ring.is-single-segment path,.company-overview-card .co-unified-companion-ring path:only-of-type{stroke:none}
.company-overview-card .co-unified-main-ring circle,.company-overview-card .co-unified-companion-ring circle{fill:#fff;stroke:#e3e8ef;stroke-width:1}
.company-overview-card .co-unified-main-ring text,.company-overview-card .co-unified-companion-ring text{fill:#000;font-size:16px;font-weight:700}
.company-overview-card .co-unified-main-ring .brand-donut-total{fill:#000;font-size:29px;font-weight:800}
.company-overview-card .co-bubble-trigger,.company-overview-card .co-bubble-trigger-label{cursor:pointer;transition:transform .42s cubic-bezier(.16,1,.3,1),filter .42s cubic-bezier(.16,1,.3,1)}
.company-overview-card .co-bubble-trigger:hover,.company-overview-card .co-bubble-trigger:focus-visible,.company-overview-card .co-bubble-trigger-label:hover,.company-overview-card .co-bubble-trigger-label:focus-visible{filter:drop-shadow(0 7px 8px rgba(31,48,76,.24));transform:scale(1.035);transform-box:fill-box;transform-origin:center;outline:none}
.company-overview-card .co-unified-contribution.is-bubble-blurred{filter:blur(9px) saturate(.86);transition:filter .48s cubic-bezier(.16,1,.3,1)}
.co-bubble-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:56px clamp(32px,5vw,80px);opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.16,1,.3,1)}
.co-bubble-modal[hidden]{display:none}
.co-bubble-modal.is-open,.co-bubble-modal.is-closing{opacity:1;pointer-events:auto}
.co-bubble-backdrop{position:absolute;inset:0;background:rgba(18,28,43,.22);backdrop-filter:blur(5px)}
.co-bubble-dialog{position:relative;z-index:1;width:min(1320px,calc(100vw - 112px));max-height:calc(100vh - 112px);overflow:hidden;padding:24px 28px 30px;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 30px 90px rgba(21,34,57,.28);transform:translateY(30px) scale(.78);opacity:0;transition:transform .64s cubic-bezier(.16,1,.3,1),opacity .46s cubic-bezier(.16,1,.3,1)}
.co-bubble-modal.is-open .co-bubble-dialog{transform:translateY(0) scale(1);opacity:1}
.co-bubble-modal.is-closing .co-bubble-dialog{transform:translateY(24px) scale(.78);opacity:0;transition-duration:.42s}

.co-bubble-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}.co-bubble-toolbar>span{color:#68778d;font-size:12px;font-variant-numeric:tabular-nums}.co-bubble-actions{display:flex;align-items:center;gap:8px}.co-bubble-close{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;padding:0;border:1px solid #d9e0ea;border-radius:50%;background:#f8fafc;color:#26364d;box-shadow:0 3px 10px rgba(40,55,82,.1);font-size:25px;font-weight:300;line-height:1;cursor:pointer;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),background .24s ease}.co-bubble-close:hover{background:#fff;box-shadow:0 8px 18px rgba(28,43,66,.2);transform:translateY(-2px) scale(1.035)}.co-bubble-dialog header{padding-right:42px;border-bottom:0!important}.co-bubble-dialog header small{color:#6a7890;font-size:11px}.co-bubble-dialog header h3{margin:4px 0 3px;color:#172234;font-size:22px}.co-bubble-dialog header p{margin:0;color:#657187;font-size:12px}
.co-bubble-plot{position:relative;height:min(62vh,600px);margin-top:8px;border-radius:16px;background:transparent;overflow:hidden}.co-bubble-plot svg{display:block;width:100%;height:100%;min-height:0;transform-origin:center;transition:transform .42s cubic-bezier(.16,1,.3,1)}.co-bubble-plot .co-context-bubble{cursor:pointer;pointer-events:all}.co-bubble-plot .co-context-bubble-body{transform-box:fill-box;transform-origin:center;opacity:0;animation:co-context-bubble-grow .62s var(--bubble-delay) cubic-bezier(.16,1,.3,1) forwards}.co-bubble-plot .co-context-bubble circle{pointer-events:all;stroke:rgba(31,49,77,.28);stroke-width:1.2;vector-effect:non-scaling-stroke;transition:stroke .22s ease,stroke-width .22s ease}.co-bubble-plot .co-context-bubble.is-negative circle{stroke-dasharray:12 8;stroke-width:1.6}.co-bubble-plot .co-context-bubble.is-hovered circle{stroke:#111827;stroke-width:2.8}.co-bubble-plot .co-context-bubble.is-selected .co-context-bubble-body{transform:scale(1.08);transition:transform .46s cubic-bezier(.16,1,.3,1)}.co-bubble-plot .co-context-bubble.is-muted{opacity:.14;pointer-events:none}.co-bubble-plot .co-context-bubble text{font-family:inherit;text-anchor:middle;font-size:13px;font-weight:750;pointer-events:none}.co-bubble-tooltip{position:absolute;z-index:4;min-width:132px;max-width:220px;padding:9px 11px;border:1px solid rgba(17,24,39,.2);border-radius:7px;background:#111827;color:#fff;box-shadow:0 8px 24px rgba(17,24,39,.25);opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.co-bubble-tooltip[hidden]{display:none}.co-bubble-tooltip.is-visible{opacity:1;transform:translateY(0)}.co-bubble-tooltip strong,.co-bubble-tooltip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-bubble-tooltip [hidden]{display:none}.co-bubble-tooltip strong{font-size:12px;font-weight:750}.co-bubble-tooltip span{margin-top:3px;color:#dbe4f0;font-size:12px;font-variant-numeric:tabular-nums}
@keyframes co-context-bubble-grow{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@media(max-width:620px){.co-bubble-dialog{width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:20px 14px 18px;border-radius:18px}.co-bubble-plot{height:54vh}.co-bubble-plot .co-context-bubble text{font-size:10px}}
.company-overview-card .co-unified-companion-ring{position:relative;display:block;width:130px;height:130px;margin-top:4px;margin-left:124px;padding:0}
.company-overview-card .co-unified-companion-ring svg{position:relative;z-index:1;display:block;width:130px;height:130px;overflow:visible;filter:none!important}
.company-overview-card .co-unified-companion-ring text{fill:#000;font-size:20px;font-weight:400}
.company-overview-card .co-unified-companion-ring .negative-donut-total{fill:#000!important;font-size:31px!important;font-weight:400}
.company-overview-card .co-unified-companion-ring .co-unified-companion-hole{stroke:none!important}
.company-overview-card .co-perspective-chooser{position:absolute;z-index:3;display:flex;width:min(620px,90%);align-items:center;justify-content:space-between;gap:18px;opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .34s ease,transform .42s cubic-bezier(.22,1,.36,1)}
.company-overview-card .co-perspective-option{position:relative;display:flex;min-width:170px;align-items:center;gap:12px;padding:12px 14px;border:0;background:transparent;color:#1f2937;font:inherit;font-size:16px;font-weight:750;cursor:pointer;transition:transform .28s ease,color .2s ease}
.company-overview-card .co-perspective-detail-title{position:absolute;top:0;left:max(0px,calc((100% - 1320px)/2));z-index:5;display:flex;width:360px;height:45px;align-items:center;justify-content:center;color:#1f2937;font-size:16px;font-weight:750;line-height:1;white-space:nowrap;pointer-events:none}
.company-overview-card .co-contribution-section.is-perspective-transitioning{overflow:hidden;contain:layout paint}
.company-overview-card .co-contribution-section.is-perspective-transitioning .co-contribution-back-button{pointer-events:none}
.company-overview-card .co-contribution-section.is-perspective-transitioning .co-perspective-panel{animation:none!important;pointer-events:none!important}
.company-overview-card .co-unified-contribution.is-perspective-committed .co-perspective-panel{animation:none!important}
.company-overview-card .co-perspective-transition-label,.company-overview-card .co-perspective-transition-arrow,.company-overview-card .co-perspective-transition-ring{position:absolute!important;display:flex;align-items:center;pointer-events:none;will-change:transform,opacity}
.company-overview-card .co-perspective-transition-label,.company-overview-card .co-perspective-transition-arrow{z-index:20}
.company-overview-card .co-perspective-transition-arrow{contain:paint;backface-visibility:hidden;transform-box:fill-box}
.company-overview-card .co-perspective-transition-ring{z-index:18;margin:0!important;padding:0!important;transform-origin:0 0}
.company-overview-card .co-perspective-transition-ring>svg{display:block!important;width:100%!important;height:100%!important;overflow:visible}
.company-overview-card .is-ring-target-pending::before{opacity:0!important}
.company-overview-card .co-perspective-transition-label{justify-content:center;line-height:1;white-space:nowrap}
.company-overview-card .co-perspective-option i{display:grid;width:56px;height:52px;flex:none;place-items:center;border:0;border-radius:0;font-size:0;line-height:1;position:relative}.company-overview-card .co-special-arrow{display:block;width:56px;height:52px;overflow:visible}.company-overview-card .co-special-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.company-overview-card .co-special-arrow .co-arrow-head{fill:#fff}.company-overview-card .co-special-arrow .co-arrow-head{stroke:#25344d;stroke-width:3.2}.company-overview-card .co-special-arrow .co-arrow-tail{stroke:#aeb5bf;stroke-width:3}.company-overview-card .co-special-arrow .co-arrow-tail-2{opacity:.7}.company-overview-card .co-special-arrow .co-arrow-tail-1{opacity:.42}.company-overview-card .co-perspective-option:hover,.company-overview-card .co-perspective-option:focus-visible,.company-overview-card .co-perspective-customer:hover,.company-overview-card .co-perspective-customer:focus-visible{color:#1f2937;transform:none;outline:none}
.company-overview-card .co-perspective-option:after{content:"";position:absolute;inset:auto 0 0;width:100%;height:2px;background:#315eea;opacity:0;transform:scaleX(.3);transition:opacity .2s ease,transform .2s ease}.company-overview-card .co-perspective-option:hover:after,.company-overview-card .co-perspective-option:focus-visible:after{opacity:0;transform:scaleX(.3)}
.company-overview-card .co-unified-contribution.is-chooser .co-perspective-option{animation:none}.company-overview-card .co-unified-contribution.is-chooser .co-perspective-option span{display:flex;align-items:center;line-height:1;opacity:0;animation:none;will-change:transform,opacity}.company-overview-card .co-unified-contribution.is-chooser .co-special-arrow{opacity:0}.company-overview-card .co-unified-contribution.is-chooser .co-perspective-brand{animation-delay:0s}.company-overview-card .co-unified-contribution.is-chooser .co-perspective-customer{animation-delay:.12s}.company-overview-card .co-unified-contribution.is-chooser .co-perspective-brand svg{will-change:transform,opacity;animation:none}.company-overview-card .co-unified-contribution.is-chooser .co-perspective-customer svg{will-change:transform,opacity;animation:none}
.company-overview-card .co-perspective-brand{justify-content:flex-end;flex-direction:row-reverse;text-align:right}.company-overview-card .co-perspective-customer{justify-content:flex-start;flex-direction:row-reverse;text-align:left}.company-overview-card .co-perspective-hint{color:#8490a3;font-size:11px;white-space:nowrap}
.company-overview-card .co-perspective-panel{position:absolute;inset:0;overflow:visible;opacity:0;pointer-events:none;transform:translateY(16px) scale(.985);transition:opacity .42s ease,transform .48s cubic-bezier(.22,1,.36,1)}
.company-overview-card .co-perspective-back{display:inline-flex;align-items:center;gap:5px;margin:0 0 8px;padding:4px 8px;border:0;border-radius:6px;background:#f6f8fb;color:#657187;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.company-overview-card .co-perspective-back:hover,.company-overview-card .co-perspective-back:focus-visible{background:#eef3ff;color:#315eea;outline:none}
.company-overview-card .co-perspective-panel>.company-brand-section{margin:0;padding:0;border:0}.company-overview-card .co-perspective-panel>.company-brand-section>.quick-preset-canvas{padding:0!important}.company-overview-card .co-perspective-panel .co-perspective-back{display:none!important}.company-overview-card .co-perspective-panel>.company-brand-section{margin-top:0!important;padding-top:0!important}.company-overview-card .co-perspective-panel>.company-brand-section>.quick-preset-heading{display:none!important}.company-overview-card .co-perspective-panel>.company-brand-section>.quick-preset-canvas{padding-top:0!important}.company-overview-card .co-perspective-panel .company-brand-section .quick-preset-head{display:none!important}.company-overview-card .co-perspective-panel .company-brand-section .quick-preset-canvas{padding-top:0!important}.company-overview-card .co-perspective-panel .company-brand-section,.company-overview-card .co-perspective-panel .company-brand-section>.quick-preset-canvas{height:auto!important;min-height:0!important}
.company-overview-card .co-unified-contribution [hidden]{display:none!important}
.company-overview-card .co-unified-contribution.is-brand .co-unified-default,.company-overview-card .co-unified-contribution.is-customer .co-unified-default,.company-overview-card .co-unified-contribution.is-brand .co-perspective-chooser,.company-overview-card .co-unified-contribution.is-customer .co-perspective-chooser{display:none!important}
.company-overview-card .co-perspective-brand-panel .brand-composition-controls{display:none!important}
.company-overview-card .co-unified-contribution.is-chooser .co-unified-default{transform:scale(.92);filter:drop-shadow(0 12px 12px rgba(76,91,118,.18))}
.company-overview-card .co-unified-contribution.is-chooser .co-perspective-chooser{opacity:1;pointer-events:auto;transform:scale(1)}

/* Smooth state interpolation when the overview ring opens the perspective chooser. */
.company-overview-card .co-unified-default,
.company-overview-card .co-kpis>.co-kpi-item,
.company-overview-card .co-analysis-nav-group button.co-static-metal-card{
  will-change:transform,opacity,filter;
  transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .56s cubic-bezier(.22,1,.36,1),filter .62s cubic-bezier(.16,1,.3,1)!important;
}

.company-overview-card .co-perspective-chooser{
  will-change:transform,opacity;
  transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.16,1,.3,1)!important;
}
.company-overview-card .co-unified-contribution.is-brand .co-unified-default,.company-overview-card .co-unified-contribution.is-customer .co-unified-default,.company-overview-card .co-unified-contribution.is-brand .co-perspective-chooser,.company-overview-card .co-unified-contribution.is-customer .co-perspective-chooser{opacity:0;pointer-events:none;transform:scale(.9)}
.company-overview-card .co-unified-contribution.is-brand .co-perspective-brand-panel,.company-overview-card .co-unified-contribution.is-customer .co-perspective-customer-panel{position:relative;inset:auto;opacity:1;pointer-events:auto;transform:none;width:100%;height:auto!important;min-height:0!important;overflow:visible}
.company-overview-card .co-unified-contribution.is-brand,.company-overview-card .co-unified-contribution.is-customer{display:block;min-height:0;padding:0;overflow:visible}
.company-overview-card .co-unified-contribution.is-brand .co-perspective-brand-panel,.company-overview-card .co-unified-contribution.is-customer .co-perspective-customer-panel{animation:co-perspective-enter .48s cubic-bezier(.22,1,.36,1) both}
.company-overview-card .co-unified-contribution.is-brand .co-perspective-customer-panel,.company-overview-card .co-unified-contribution.is-customer .co-perspective-brand-panel{display:none}
@keyframes co-perspective-enter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes co-perspective-option-in{from{opacity:0;transform:translateY(92px) scale(.74)}to{opacity:1;transform:none}}@keyframes co-perspective-text-in{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes co-arrow-rise-left{from{opacity:0;transform:translateY(24px) translateX(-4px)}to{opacity:1;transform:translateY(0) translateX(-4px)}}@keyframes co-arrow-rise-right{from{opacity:0;transform:translateY(24px) translateX(4px) scaleX(-1)}to{opacity:1;transform:translateY(0) translateX(4px) scaleX(-1)}}@keyframes co-arrow-breathe-left{0%,100%{transform:translateX(-4px)}50%{transform:translateX(-13px)}}@keyframes co-arrow-breathe-right{0%,100%{transform:translateX(4px) scaleX(-1)}50%{transform:translateX(13px) scaleX(-1)}}
.company-overview-card .co-perspective-customer{animation-name:co-perspective-option-in}
@media(prefers-reduced-motion:reduce){.company-overview-card .co-unified-contribution.is-chooser .co-perspective-option,.company-overview-card .co-unified-contribution.is-chooser .co-perspective-option svg{animation:none!important}}
@media(max-width:1000px){.company-overview-card .co-contribution-heading-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.company-overview-card .co-unified-contribution{min-height:500px}.company-overview-card .co-perspective-chooser{width:100%;gap:8px}.company-overview-card .co-perspective-option{min-width:0;font-size:14px}.company-overview-card .co-perspective-hint{display:none}}
@media(max-width:620px){.company-overview-card .co-contribution-heading-actions{gap:7px}.company-overview-card .co-contribution-heading-actions .co-time-control{max-width:140px}.company-overview-card .co-contribution-heading-actions .co-contribution-metric-switch button{width:78px!important;min-width:78px!important}.company-overview-card .co-unified-contribution{min-height:440px}.company-overview-card .co-unified-main-ring{width:250px;min-width:220px}.company-overview-card .co-unified-companion-ring{margin-left:82px}.company-overview-card .co-unified-companion-ring svg{width:112px;height:112px}.company-overview-card .co-perspective-option{padding:8px 4px;font-size:12px}.company-overview-card .co-perspective-option i{width:32px;height:32px;font-size:26px}.company-overview-card .co-perspective-brand{justify-content:flex-start;flex-direction:column}.company-overview-card .co-perspective-customer{align-items:flex-end;flex-direction:column-reverse;text-align:right}}











@media(max-width:620px){.negative-ring-layout{grid-template-columns:minmax(0,1fr);gap:8px}.negative-ring-layout>.negative-donut-stage{min-height:190px}.company-overview-card .co-period-controls,.company-overview-card .brand-composition-controls{flex-wrap:wrap;max-width:100%}}
@media(max-width:600px){.company-overview-card .co-ring-legends .negative-ring-legend.brand-composition-legend{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){.company-overview-card>.quick-preset-heading .co-heading-actions{width:100%;margin-left:0;justify-content:flex-start}.company-overview-card>.quick-preset-heading .co-heading-actions .co-trend-view-switch{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.company-overview-card>.quick-preset-heading .co-heading-actions .co-trend-view-switch button{width:100%!important}}
.company-brand-section{margin-top:30px;padding-top:26px;border-top:1px solid #dfe5ee}
.company-brand-section>.quick-preset-heading{min-height:54px;padding:0 0 16px!important}
.company-brand-section>.quick-preset-canvas{min-height:0!important;padding:24px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.company-brand-section .brand-composition-layout{margin-bottom:0}
.company-brand-section .quick-method-note{display:none!important}
.company-brand-section .quick-preset-canvas>.quick-preset-head small{display:block!important;color:#3f67df!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important}
@media(max-width:1000px){
  .company-overview-card .co-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .company-overview-card .co-analysis-nav-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}
  .company-overview-card .co-analysis-nav-group:nth-child(odd){padding-left:0;border-left:0}.company-overview-card .co-analysis-nav-group:nth-child(even){padding-right:0}
  .company-overview-card .co-section-head{height:auto;align-items:flex-start;flex-direction:column;gap:12px;padding:12px 0!important}
  .company-overview-card .co-section-head>.co-switch{width:100%;justify-content:flex-start!important}
  .company-overview-card .co-customer-ring-layout{grid-template-columns:minmax(0,1fr);gap:8px}.company-overview-card .co-ring-stages .brand-donut-stage{min-height:260px}.company-overview-card .negative-ring-layout>.negative-donut-stage{min-height:190px}
  .company-overview-card .co-customer-ring-layout .brand-donut-stage{min-height:292px}
}
@media(max-width:620px){
  .company-overview-card .co-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-overview-card .co-kpis strong{font-size:17px}
  .company-overview-card .co-analysis-nav>header{align-items:flex-start;flex-direction:column;gap:4px}.company-overview-card .co-analysis-nav-groups{grid-template-columns:minmax(0,1fr);gap:16px}.company-overview-card .co-analysis-nav-group,.company-overview-card .co-analysis-nav-group:nth-child(n){padding:0;border-left:0}.company-overview-card .co-analysis-nav-group nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-overview-card .co-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .company-overview-card .co-metric-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-overview-card .co-section-head>div:first-child{min-width:0!important;width:100%;max-width:100%}
  .company-overview-card .co-section-head h4{overflow-wrap:anywhere}
  .company-overview-card .co-switch button{width:100%!important;min-width:0!important;padding-inline:5px!important}
  .customer-quick-analysis .company-overview-card .co-trend-chart{padding-inline:0!important;overflow-x:auto!important;overflow-y:hidden!important}
  .company-overview-card .company-overview-trend-layout{min-width:720px}
  .company-overview-card .co-customer-ring-head{align-items:flex-start;flex-direction:column;gap:10px}
  .company-overview-card .co-customer-metric-switch{width:100%!important}
  .company-overview-card .co-customer-metric-switch button{width:100%!important;min-width:0!important}
  .company-overview-card .co-negative-strip header{display:block}
  .company-overview-card .co-negative-strip header span{display:block;margin-top:4px}
  .company-brand-section{margin-top:24px;padding-top:20px}
  .company-brand-section>.quick-preset-heading{padding-bottom:12px!important}
  .company-brand-section>.quick-preset-canvas{padding-top:18px!important}
}

.company-overview-card .co-sales-flow-section{min-width:0;margin:0 0 30px}
.company-overview-card .co-flow-head-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:12px}.company-overview-card .co-flow-total{align-self:center;color:#748197;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums;text-align:right}
.company-overview-card .co-flow-search-actions{display:flex;align-items:center;gap:12px;flex:none;direction:ltr!important}.company-overview-card>.quick-preset-heading .co-flow-search-actions{gap:10px}.co-flow-search-button{top:0!important}
.company-overview-card .co-sales-flow-shell{position:relative;min-width:0}
.company-overview-card .co-sales-flow{width:100%;min-width:0;overflow:visible;border:0;border-radius:0;background:#fff}
.company-overview-card .co-sales-flow svg{display:block;width:100%;height:auto;overflow:visible;max-width:1320px;margin:auto}
.company-overview-card .co-flow-empty{display:grid;min-height:280px;place-content:center;gap:6px;color:#7a8798;text-align:center}.company-overview-card .co-flow-empty strong{color:#34445f;font-size:14px}.company-overview-card .co-flow-empty span{font-size:11px}
.company-overview-card .co-flow-column-title{fill:#728096;font-size:12px;font-weight:800}
.company-overview-card .co-sales-flow.is-flow-locked :is([data-co-flow-node].is-muted,[data-co-flow-link].is-muted){pointer-events:none}
.company-overview-card .is-jump-target{animation:coJumpTarget 1.5s ease}
@keyframes coJumpTarget{0%,100%{box-shadow:none}18%,70%{box-shadow:0 0 0 3px rgba(63,103,223,.22)}}
@media(max-width:1000px){.company-overview-card .co-flow-head-actions{width:100%;justify-content:space-between}.company-overview-card .co-flow-total{text-align:left}}
@media(max-width:620px){.company-overview-card .co-sales-flow{margin-inline:0}.company-overview-card .co-flow-head-actions{align-items:flex-start;flex-direction:column}.company-overview-card .co-flow-total{align-self:flex-start}.company-overview-card .co-customer-controls{width:100%;justify-content:space-between;align-items:flex-start;gap:8px}.company-overview-card .co-customer-time{flex:1;min-width:0}.company-overview-card .co-customer-time .co-time-control{max-width:114px}.company-overview-card .co-customer-metric-switch{flex:1!important;width:auto!important}}
/* Search is a top-layer dialog; chart height is driven by its actual nodes. */
.co-flow-search-dialog{width:min(880px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid #dce3ed;border-radius:18px;background:#fff;color:#24344f;box-shadow:0 24px 80px #24344f33;overflow:visible}
.co-flow-search-dialog::backdrop{background:rgba(228,233,241,.72);backdrop-filter:blur(3px)}
.co-flow-search-panel{display:grid;gap:18px;margin:0}
.co-flow-search-panel header{height:auto;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.co-flow-search-panel header small{color:#3f67df;font-size:11px;font-weight:750}.co-flow-search-panel h3{margin:5px 0 0;font-size:20px}
.co-flow-search-panel>p{margin:0;color:#718096;font-size:12px;line-height:1.7}
.co-flow-search-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;min-height:156px;align-content:center}
.co-flow-search-field{position:relative;min-width:0}.co-flow-search-field>label{display:block;margin-bottom:10px;font-size:13px;font-weight:750}
.co-flow-search-field+.co-flow-search-field:before{content:"";position:absolute;top:51px;right:calc(100% + 8px);width:20px;height:1px;background:#b8c3d4}
.co-flow-combobox.quick-drill-trigger{height:42px;min-height:42px;padding:0 10px;border-radius:10px;box-sizing:border-box}.co-flow-combobox:focus-within{border-color:#8ca1d8;box-shadow:0 0 0 3px #3f67df12}
.co-flow-combobox input{width:100%;min-width:0;padding:0 10px;border:0;background:transparent;color:inherit;font:inherit;font-size:12px;outline:none}.co-flow-combobox>button{display:flex;align-items:center;justify-content:center;height:100%;width:30px;flex:none;border:0;background:transparent;color:#526078;cursor:pointer}
.co-flow-options:not([hidden]){position:absolute;display:grid;top:calc(100% + 8px);left:0;right:0;width:auto;z-index:2;max-height:180px;overflow:auto;border:1px solid #d7dce5;background:#fff;box-shadow:0 8px 20px #24344f16}
.co-flow-options[hidden]{display:none!important}.co-flow-options button{display:block;min-height:32px;padding:7px 11px;border:0;border-radius:0;background:#fff;color:#344158;font:inherit;font-size:12px;text-align:left;overflow-wrap:anywhere;cursor:pointer}.co-flow-options button:is(:hover,[aria-selected="true"]){background:#3f67df;color:#fff}.co-flow-options p{padding:12px;color:#718096;font-size:12px}
.co-flow-search-panel footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.co-flow-search-panel footer .template-fill-button{top:0}
@media(max-width:620px){.company-overview-host .company-overview-card{padding:10px!important}.company-overview-card .co-canvas{padding:0 10px 20px!important}.company-overview-card .co-flow-total{line-height:1.7;overflow-wrap:anywhere}.company-overview-card .co-customer-controls{flex-wrap:wrap;gap:12px}.company-overview-card .co-customer-time .co-time-control{max-width:none}}
@media(max-width:620px){.co-flow-search-dialog{width:calc(100vw - 24px);padding:20px}.co-flow-search-fields{grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;padding-block:16px}.co-flow-search-field+.co-flow-search-field:before{display:none}.co-flow-options:not([hidden]){top:calc(100% + 8px);max-height:140px}.co-flow-search-field:focus-within{z-index:3}}

.company-overview-card [data-co-flow-reset]{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important}

/* The six KPI tiles share identical vertical rhythm; navigation stays centered inside each tile. */
.company-overview-card .co-flow-head-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:12px;min-height:44px}
.company-overview-card .co-flow-total{display:flex;min-width:0;height:44px;align-items:center;justify-content:flex-end;line-height:1.45;white-space:normal}
.company-overview-card .co-flow-search-actions{height:44px;gap:10px}
.company-overview-card .co-sales-flow-section>.co-flow-toolbar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid #edf1f6!important}
.company-overview-card .co-sales-flow-section>.co-flow-toolbar>.co-flow-search-actions{display:flex;align-items:center;flex:none}
.company-overview-card .co-sales-flow-section>.co-flow-toolbar>.co-flow-total{margin-left:auto}
.company-overview-card .co-flow-search-actions>[data-co-flow-reset],.company-overview-card .co-flow-search-button{box-sizing:border-box;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;line-height:1;border-radius:50%!important}
.company-overview-card .co-flow-search-button{width:auto!important;min-width:118px!important;padding:0 18px!important;border-radius:22px!important}
.negative-ring-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:36px;padding:0;border:0;border-radius:0;background:transparent}
.negative-ring-layout>.negative-donut-stage{min-height:218px}
.negative-ring-layout>.negative-donut-stage svg{width:min(100%,220px)!important}
.negative-ring-legend.brand-composition-legend{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;background:transparent}
@media(max-width:1000px){.company-overview-card .co-flow-head-actions{grid-template-columns:minmax(0,1fr) auto}.company-overview-card .co-flow-total{justify-content:flex-start}}
@media(max-width:620px){.company-overview-card .co-flow-head-actions{width:100%;grid-template-columns:minmax(0,1fr);gap:8px}.company-overview-card .co-flow-total{height:auto;min-height:32px;justify-content:flex-start}.company-overview-card .co-flow-search-actions{align-self:center}.negative-ring-layout{grid-template-columns:minmax(0,1fr);gap:8px}.negative-ring-layout>.negative-donut-stage{min-height:190px}}

/* Source: https://uiverse.io/chase2k25/wise-moose-23
   Shared original metallic card surface. Shine only, no card movement; dimensions/radius and
   shadow distances scaled for compact navigation buttons and SVG nodes. */
.company-overview-card .co-static-metal-card{
  position:relative;box-sizing:border-box;isolation:isolate;
  background:linear-gradient(135deg,#e0e0e000,#c0c0c000);
  border-radius:7px;
  box-shadow:2px 2px 4px rgba(0,0,0,.3),-2px -2px 4px rgba(255,255,255,.3),inset 1px 1px 2px rgba(255,255,255,.4),inset -1px -1px 2px rgba(0,0,0,.5);
  transition:none;
}
.company-overview-card .co-static-metal-card::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(45deg,transparent,rgba(255,255,255,.7),transparent);
  background-size:200% 200%;background-position:50% 50%;
  border-radius:inherit;pointer-events:none;z-index:-1;animation:co-metal-shine 2s infinite ease-in-out;
}
.company-overview-card .co-analysis-nav-group button.co-static-metal-card{border:0;min-height:36px;color:#25344d;background:linear-gradient(135deg,#e0e0e000,#c0c0c000)}
.company-overview-card .co-analysis-nav-group button.co-static-metal-card:hover{color:#25344d}
.company-overview-card .co-analysis-nav-group button.co-static-metal-card:focus-visible{outline:2px solid #3f67df;outline-offset:3px}
.company-overview-card .co-unified-default:is(:hover,:focus-visible),
.company-overview-card .co-kpis>.co-kpi-item:is(:hover,:has(:focus-visible)),
.company-overview-card .co-analysis-nav-group button.co-static-metal-card:is(:hover,:focus-visible){transform:translateY(-6px) scale(1.045);filter:drop-shadow(0 18px 14px rgba(76,91,118,.28))}
@media(prefers-reduced-motion:reduce){
  .company-overview-card .co-unified-default,
  .company-overview-card .co-kpis>.co-kpi-item,
  .company-overview-card .co-analysis-nav-group button.co-static-metal-card{transition:none!important}
  .company-overview-card .co-unified-default:is(:hover,:focus-visible),
  .company-overview-card .co-kpis>.co-kpi-item:is(:hover,:has(:focus-visible)),
  .company-overview-card .co-analysis-nav-group button.co-static-metal-card:is(:hover,:focus-visible){transform:none}
}
.company-overview-card .co-analysis-nav-group nav{gap:12px}

@keyframes co-metal-shine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.company-overview-card .co-static-metal-card::before{animation:none}}

/* The contribution section reuses the shared chart heading parameters exactly.
   Only the back control is inserted below the heading's separator. */
.company-overview-card .co-contribution-section>.co-contribution-back-button{margin:0 0 12px 0}

/* Preserve the source component's own sizing model; the app-wide border-box reset
   was changing the 45px source dimensions and the disabled-state rule was fading it. */
.company-overview-card .co-contribution-section>.co-contribution-back-button{
  box-sizing:content-box!important;
  font-size:20px!important;
  background-color:#fff!important;
  color:#000!important;
  width:45px!important;
  height:45px!important;
  opacity:.75!important;
  border:1px solid #e7eae8!important;
  border-radius:8px!important;
  cursor:pointer!important;
  transition:none!important;
}
.company-overview-card .co-contribution-section>.co-contribution-back-button:hover{animation:bounce_513 1s infinite!important}

/* The relief belongs to a separate ring base behind the chart, not to the colored SVG segments. */
.company-overview-card :is(.brand-donut-stage,.negative-donut-stage,.co-unified-main-ring,.co-unified-companion-ring){position:relative;isolation:isolate}
.company-overview-card :is(.brand-donut-stage,.co-unified-main-ring)::before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(77.5%,209.25px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e8e8e8;border-radius:50%;background:#e8e8e8;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;pointer-events:none}
.company-overview-card .negative-donut-stage::before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(77.5%,170.5px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e8e8e8;border-radius:50%;background:#e8e8e8;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;pointer-events:none}
.company-overview-card .co-unified-companion-ring::before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:77.5%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e8e8e8;border-radius:50%;background:#e8e8e8;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;pointer-events:none}
.company-overview-card :is(.brand-donut-stage,.negative-donut-stage,.co-unified-main-ring,.co-unified-companion-ring)>svg{position:relative;z-index:1;filter:none!important}
@media(max-width:620px){.company-overview-card .co-unified-companion-ring{margin-top:0;margin-left:60px;width:112px;height:112px}.company-overview-card .co-unified-companion-ring svg{width:112px;height:112px}}

/* Contribution card: reuse the shared heading separator and place its controls
   in the former lower title slot, matching the unified two-row chart layout. */
.company-overview-card[data-company-contribution-card] .co-contribution-section>.co-section-head{
  position:relative!important;
  box-sizing:border-box!important;
  height:var(--quick-chart-head-height,58px)!important;
  min-height:var(--quick-chart-head-height,58px)!important;
  margin:0 0 12px!important;
  padding:0!important;
  border-bottom:1px solid #edf1f6!important;
}
/* Uiverse radio-inputs source, kept in the original structure and motion. */
.radio-inputs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.5rem;
  background-color: #eee;
  box-sizing: border-box;
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
  padding: 0.25rem;
  width: 300px;
  font-size: 14px;
}
.radio-inputs .radio { flex: 1 1 auto; text-align: center; }
.radio-inputs.model-sales-metric-switch {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.radio-inputs.model-sales-metric-switch .radio {
  min-width:0;
  flex:1 1 0;
}
.radio-inputs.model-sales-metric-switch .radio .name {
  box-sizing:border-box;
  width:100%;
  white-space:nowrap;
}
.radio-inputs .radio input { display: none; }
.radio-inputs .radio .name {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: none;
  padding: 0.5rem 0;
  color: rgba(51, 65, 85, 1);
  transition: all 0.15s ease-in-out;
}
.radio-inputs .radio input:checked + .name {
  background-color: #fff;
  font-weight: 600;
}
.radio-inputs .radio:hover .name { background-color: rgba(255, 255, 255, 0.5); }
.radio-inputs .radio input:checked + .name {
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  animation: select 0.3s ease;
}
.radio-inputs .radio input:checked + .name::before,
.radio-inputs .radio input:checked + .name::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #3b82f6;
  opacity: 0;
  animation: particles 0.5s ease forwards;
}
.radio-inputs .radio input:checked + .name::before {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.radio-inputs .radio input:checked + .name::after {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
@keyframes select {
  0% { transform: scale(0.95); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
@keyframes particles {
  0% { opacity: 0; transform: translateX(-50%) translateY(0); }
  50% { opacity: 1; }
  100% { opacity: 0; transform: translateX(-50%) translateY(var(--direction)); }
}
.radio-inputs .radio input:checked + .name::before { --direction: -10px; }
.radio-inputs .radio input:checked + .name::after { --direction: 10px; }

/* The shared heading rule targets every label. Reset only the host collision;
   the component's own source declarations above remain unchanged. */
.customer-analysis-heading .radio-inputs .radio {
  display: block;
  align-items: initial;
  gap: 0;
  font-size: 14px;
}

/* The host application shortens every animation for reduced-motion users.
   Uiverse's supplied component owns these two animations, so preserve its
   original timing inside this component. */
@media(prefers-reduced-motion:reduce){
  .radio-inputs .radio input:checked + .name{
    animation-name:select!important;
    animation-duration:.3s!important;
    animation-timing-function:ease!important;
    animation-iteration-count:1!important;
    animation-delay:0s!important;
  }
  .radio-inputs .radio input:checked + .name::before,
  .radio-inputs .radio input:checked + .name::after{
    animation-name:particles!important;
    animation-duration:.5s!important;
    animation-timing-function:ease!important;
    animation-iteration-count:1!important;
    animation-delay:0s!important;
    animation-fill-mode:forwards!important;
  }
}

/* Contribution card positioning: this view has no inner separator. */
.company-overview-card[data-company-contribution-card] .co-contribution-section>.co-section-head{
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.company-overview-card[data-company-contribution-card] .co-contribution-section>.co-contribution-back-button{
  position:absolute!important;
  top:0;
  left:0;
  z-index:4;
  display:block;
  margin:0!important;
}
.company-overview-card[data-company-contribution-card] .co-contribution-section>.co-unified-contribution{
  margin-top:0;
  padding-top:0;
}


.company-overview-card .co-unified-main-ring .co-unified-solid-hole{stroke:none!important}

@media(max-width:1000px){
  .company-overview-card>.quick-preset-heading .co-heading-actions .co-trend-view-radio{width:100%;max-width:300px}
  .company-overview-card[data-company-trend-card] .co-trend-section>.co-section-head{height:auto!important;min-height:0!important;padding:16px 0!important;justify-content:flex-start}
}

/* Final motion contract: the ring, metric cards, and navigation cards all
   use the same smooth hover emphasis, including reduced-motion environments. */
.company-overview-card .co-unified-default,
.company-overview-card .co-kpis>.co-kpi-item,
.company-overview-card .co-analysis-nav-group button.co-static-metal-card{
  will-change:transform,box-shadow,filter;
  transition:transform .52s cubic-bezier(.22,1,.36,1),box-shadow .52s cubic-bezier(.22,1,.36,1),filter .52s cubic-bezier(.22,1,.36,1),opacity .36s ease!important;
}
.company-overview-card .co-unified-default:is(:hover,:focus-visible),
.company-overview-card .co-kpis>.co-kpi-item:is(:hover,:has(:focus-visible)),
.company-overview-card .co-analysis-nav-group button.co-static-metal-card:is(:hover,:focus-visible){
  transform:translateY(-6px) scale(1.045);
  filter:drop-shadow(0 18px 14px rgba(76,91,118,.28));
}
.company-overview-card .co-kpis>.co-kpi-item:is(:hover,:has(:focus-visible)){
  box-shadow:-8px -8px 16px #fff,10px 14px 22px rgb(174 183 197 / .72),inset -8px -8px 16px rgb(239 242 246)!important;
}
@media(prefers-reduced-motion:reduce){
  .company-overview-card .co-unified-default,
  .company-overview-card .co-kpis>.co-kpi-item,
  .company-overview-card .co-analysis-nav-group button.co-static-metal-card{
    transition-duration:.28s!important;
  }
  .company-overview-card .co-unified-default:is(:hover,:focus-visible),
  .company-overview-card .co-kpis>.co-kpi-item:is(:hover,:has(:focus-visible)),
  .company-overview-card .co-analysis-nav-group button.co-static-metal-card:is(:hover,:focus-visible){
    transform:translateY(-4px) scale(1.025);
  }
}