#osApp #osContent.roc-upgrade-crm .crm-insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px}
#osApp #osContent.roc-upgrade-crm .crm-growth-panel{min-height:0;padding:20px;border:1px solid #32684f;border-radius:22px;background:radial-gradient(circle at 52% -25%,#174a35 0,transparent 55%),linear-gradient(135deg,#071c14,#0b261b 72%,#0a2019);box-shadow:inset 0 1px rgba(137,217,173,.1);color:#f5f8f2;overflow:hidden}
#osApp #osContent.roc-upgrade-crm .crm-growth-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading{display:flex;flex-direction:row;align-items:center;gap:14px;min-width:0}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-icon,#osApp #osContent.roc-upgrade-crm .crm-growth-metric-icon,#osApp #osContent.roc-upgrade-crm .crm-growth-callout>span{display:grid;place-items:center;flex:none;border:1px solid #245943;border-radius:13px;background:linear-gradient(150deg,#134633,#0a2a1e);color:#56e2a6}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-icon{width:48px;height:48px}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-icon .ui-icon{width:24px;height:24px}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-rule{width:1px;height:44px;background:#5e8e75}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy h3{margin:0;color:#f6faf6;font:700 24px/1.12 "DM Sans",sans-serif;letter-spacing:-.035em}
#osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy small{color:#c7d8ce;font-size:12px;line-height:1.3}
#osApp #osContent.roc-upgrade-crm .crm-range-control{display:flex;gap:2px;padding:3px;border:1px solid #426f59;border-radius:10px;background:#071a12}
#osApp #osContent.roc-upgrade-crm .crm-range-control button{min-width:45px;min-height:34px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:#d1dfd5;font:600 12px "DM Sans",sans-serif;cursor:pointer}
#osApp #osContent.roc-upgrade-crm .crm-range-control button.active{background:linear-gradient(180deg,#494624,#282614);box-shadow:inset 0 0 0 1px #d5a728;color:#f3c347}
#osApp #osContent.roc-upgrade-crm .crm-range-control button:hover{color:#f5d46e}
#osApp #osContent.roc-upgrade-crm .crm-range-control button:focus-visible,#osApp #osContent.roc-upgrade-crm .crm-growth-plot-scroll:focus-visible{outline:2px solid #e2bd4f;outline-offset:3px}
#osApp #osContent.roc-upgrade-crm .crm-growth-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric{display:flex;align-items:center;gap:12px;min-width:0;min-height:78px;padding:12px 14px;border:1px solid #285c46;border-radius:15px;background:linear-gradient(120deg,rgba(22,76,52,.75),rgba(8,34,25,.9))}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric-icon{width:42px;height:42px}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric-icon .ui-icon{width:21px;height:21px}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy small{color:#cbded1;font-size:11px;line-height:1.25;white-space:nowrap}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy strong{color:#f9fbf6;font:700 25px/1.05 "DM Sans",sans-serif;font-variant-numeric:tabular-nums}
#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy em{font-size:9px;font-style:normal;color:#9fc6af}
#osApp #osContent.roc-upgrade-crm .crm-growth-visual{padding:14px 16px 12px;border:1px solid #1d4835;border-radius:18px;background:radial-gradient(circle at 45% 30%,rgba(24,87,58,.35),transparent 65%),rgba(5,24,17,.42)}
#osApp #osContent.roc-upgrade-crm .crm-growth-plot-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3b7357 transparent}
#osApp #osContent.roc-upgrade-crm .crm-growth-plot{position:relative;min-width:0}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart{display:block;width:100%;height:225px;min-height:0;padding:0;box-sizing:border-box;color:#49d69a;overflow:visible}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-grid line{stroke:#3b6250;stroke-width:1;stroke-dasharray:5 5}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-grid text,#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-labels text,#osApp #osContent.roc-upgrade-crm .crm-growth-chart .crm-growth-axis-title{fill:#bfd3c6;font:12px "DM Sans",sans-serif}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-area{fill:url(#crmGrowthArea)}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-line{fill:none;stroke:#4be2a4;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 6px rgba(55,225,149,.35))}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-points circle{fill:#09251a;stroke:#4be2a4;stroke-width:3.2}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-bars rect{fill:#d8ad35;opacity:.82}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-bars rect:nth-child(3n+2){fill:#5aa4d4}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-bars rect:nth-child(3n){fill:#48b883}
#osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-target rect{fill:rgba(226,186,75,.1);stroke:#e2ba4b;stroke-width:2;stroke-dasharray:4 3}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout{position:absolute;z-index:1;display:flex;gap:7px;align-items:center;width:145px;padding:7px 8px;border:1px solid #d4ad39;border-radius:10px;background:rgba(11,32,23,.96);box-shadow:0 10px 25px rgba(0,0,0,.22);pointer-events:none}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout--peak{top:7px;left:var(--peak-left)}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout--plateau{top:78px;right:6%;border-color:#4be2a4}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout>span{width:28px;height:28px;border-radius:8px;color:#e3ba3f}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout--plateau>span{color:#4be2a4}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout .ui-icon{width:16px;height:16px}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout p{margin:0;display:flex;flex-direction:column;gap:3px}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout b{font-size:10px;color:#f5f8f2}
#osApp #osContent.roc-upgrade-crm .crm-growth-callout small{font-size:9px;color:#d3e0d5;line-height:1.25}
#osApp #osContent.roc-upgrade-crm .crm-chart-legend{display:flex;justify-content:center;gap:24px;margin:0;color:#d0ded2;font-size:11px}
#osApp #osContent.roc-upgrade-crm .crm-chart-legend .legend-bar{width:12px;height:12px;background:#d8ad35}
#osApp #osContent.roc-upgrade-crm .crm-chart-legend .legend-line{width:22px;height:4px;background:#4be2a4}
#osApp #osContent.roc-upgrade-crm .crm-growth-target{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:9px 10px;border:1px solid #765f25;border-radius:10px;background:rgba(75,58,16,.17)}
#osApp #osContent.roc-upgrade-crm .crm-growth-target.is-met{border-color:#337b57;background:rgba(18,85,53,.2)}
#osApp #osContent.roc-upgrade-crm .crm-growth-target-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;color:#e6bd4c}
#osApp #osContent.roc-upgrade-crm .crm-growth-target.is-met .crm-growth-target-icon{color:#4be2a4}
#osApp #osContent.roc-upgrade-crm .crm-growth-target-icon .ui-icon{width:18px;height:18px}
#osApp #osContent.roc-upgrade-crm .crm-growth-target>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
#osApp #osContent.roc-upgrade-crm .crm-growth-target b{color:#f5ebc7;font-size:10px}
#osApp #osContent.roc-upgrade-crm .crm-growth-target small{color:#d4dccc;font-size:9px;line-height:1.3}
#osApp #osContent.roc-upgrade-crm .crm-performance-panel{min-width:0}
@media(max-width:1150px){#osApp #osContent.roc-upgrade-crm .crm-insights-grid{grid-template-columns:minmax(0,1fr)}}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-panel{background:#f5faf5;border-color:#9bc6a8;color:#18352a}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy h3,html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy strong{color:#18352a}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy small,html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy small{color:#446d52}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-metric{background:#e9f5ea;border-color:#b6d7bd}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-visual{background:#eff8f0;border-color:#bedac5}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-grid line{stroke:#bcd5c3}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-grid text,html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-labels text,html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-chart .crm-growth-axis-title{fill:#537561}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-chart .chart-points circle{fill:#eff8f0}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-callout{background:#fffdf5}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-callout b{color:#19382a}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-callout small,html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-chart-legend{color:#476a56}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-target{background:#fff8df;border-color:#b89a49}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-target.is-met{background:#e7f7e9;border-color:#83bc92}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-target b{color:#3a321b}
html[data-roc-theme="light"] #osApp #osContent.roc-upgrade-crm .crm-growth-target small{color:#556257}
@media(max-width:950px){#osApp #osContent.roc-upgrade-crm .crm-growth-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#osApp #osContent.roc-upgrade-crm .crm-growth-plot{min-width:760px}}
@media(max-width:650px){#osApp #osContent.roc-upgrade-crm .crm-growth-panel{padding:15px}#osApp #osContent.roc-upgrade-crm .crm-growth-panel .panel-head{align-items:flex-start;flex-wrap:wrap}#osApp #osContent.roc-upgrade-crm .crm-growth-heading-icon{width:42px;height:42px}#osApp #osContent.roc-upgrade-crm .crm-growth-heading-rule{height:39px}#osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy h3{font-size:19px}#osApp #osContent.roc-upgrade-crm .crm-growth-heading-copy small{font-size:10px}#osApp #osContent.roc-upgrade-crm .crm-range-control{margin-left:auto}#osApp #osContent.roc-upgrade-crm .crm-growth-metrics{gap:8px;margin:13px 0}#osApp #osContent.roc-upgrade-crm .crm-growth-metric{min-height:70px;padding:9px;gap:7px}#osApp #osContent.roc-upgrade-crm .crm-growth-metric-icon{width:32px;height:32px}#osApp #osContent.roc-upgrade-crm .crm-growth-metric-icon .ui-icon{width:17px;height:17px}#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy small{font-size:9px}#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy strong{font-size:20px}#osApp #osContent.roc-upgrade-crm .crm-growth-metric-copy em{font-size:8px}#osApp #osContent.roc-upgrade-crm .crm-growth-visual{padding:9px}#osApp #osContent.roc-upgrade-crm .crm-growth-chart{height:240px}#osApp #osContent.roc-upgrade-crm .crm-growth-callout{display:none}#osApp #osContent.roc-upgrade-crm .crm-chart-legend{flex-wrap:wrap;justify-content:flex-start;gap:7px 15px;font-size:9px}}
