.ssm-forecast { min-width:250px; display:grid; justify-items:end; gap:2px; text-align:right; }
.ssm-forecast > span { color:var(--ssm-muted); font-size:12px; }
.ssm-status-line .ssm-forecast-value { min-height:48px; display:flex; align-items:baseline; justify-content:flex-end; color:#f2f6fa; font:700 39px/1.15 Consolas,monospace; letter-spacing:0; }
.ssm-forecast-value b,.ssm-forecast-value em { font:inherit; letter-spacing:0; }
.ssm-forecast-value em { margin-left:5px; font-family:inherit; font-style:normal; }
.ssm-forecast > small { color:#78879a; font-size:10px; }
.ssm-metric-rail { grid-template-columns:repeat(5,minmax(0,1fr)); }
.ssm-growth-panel-body { min-height:194px; display:grid; grid-template-columns:250px minmax(0,1fr); }
.ssm-growth-summary { display:grid; align-content:center; gap:15px; padding:18px; border-right:1px solid var(--ssm-line); background:#18212c; }
.ssm-growth-summary > div { display:flex; align-items:baseline; justify-content:space-between; gap:14px; }
.ssm-growth-summary span { color:var(--ssm-muted); font-size:11px; }
.ssm-growth-summary strong { color:#eef3f8; font:600 17px Consolas,monospace; }
.ssm-growth-summary > div:nth-child(2) strong { color:#f0aa5d; }
.ssm-growth-summary p { margin:0; color:#8290a2; font-size:11px; line-height:1.55; }
.ssm-growth-sources { display:grid; grid-template-columns:repeat(5,minmax(115px,1fr)); align-items:stretch; }
.ssm-growth-source { min-width:0; display:grid; grid-template-rows:1fr auto auto; gap:9px; padding:18px 14px 14px; border-right:1px solid var(--ssm-line); }
.ssm-growth-source:last-child { border-right:0; }
.ssm-growth-source-head { min-width:0; display:grid; align-content:start; gap:7px; }
.ssm-growth-source-head > div { min-width:0; display:grid; grid-template-columns:8px minmax(0,1fr); align-items:center; gap:0 7px; }
.ssm-growth-source-head i { width:8px; height:8px; background:#6e7d90; }
.ssm-growth-source-head strong { overflow:hidden; color:#d7dfe7; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ssm-growth-source-head span { grid-column:2; overflow:hidden; margin-top:4px; color:#758397; font-size:10px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.ssm-growth-source-head > b { color:#e8edf3; font:600 14px Consolas,monospace; }
.ssm-growth-source-track { height:5px; overflow:hidden; background:#273241; }
.ssm-growth-source-track > i { display:block; width:var(--source-width); height:100%; background:#6e7d90; transform-origin:left; animation:ssm-source-enter .52s ease both; }
.ssm-growth-source > small { width:max-content; padding:2px 5px; color:#9ba8b8; border:1px solid #3a4657; border-radius:3px; font-size:9px; }
.ssm-growth-source.is-business .ssm-growth-source-head i,.ssm-growth-source.is-business .ssm-growth-source-track > i { background:var(--ssm-accent); }
.ssm-growth-source.is-business > small { color:#66d8c8; border-color:#356b68; }
.ssm-growth-source.is-one-time .ssm-growth-source-head i,.ssm-growth-source.is-one-time .ssm-growth-source-track > i { background:#e39a4b; }
.ssm-growth-source.is-one-time > small { color:#efb473; border-color:#755637; }
.ssm-growth-source.is-operational .ssm-growth-source-head i,.ssm-growth-source.is-operational .ssm-growth-source-track > i { background:#629ddd; }
.ssm-growth-source.is-operational > small { color:#80b6ed; border-color:#3b5d82; }
@keyframes ssm-source-enter { from { transform:scaleX(0); } to { transform:scaleX(1); } }
body.light .ssm-forecast-value { color:#172033; }
body.light .ssm-growth-summary { background:#f7f9fb; }
body.light .ssm-growth-summary strong { color:#172033; }
body.light .ssm-growth-source-head strong { color:#354255; }
body.light .ssm-growth-source-track { background:#e5eaf0; }
@media(max-width:1180px) {
  .ssm-growth-panel-body { grid-template-columns:220px minmax(0,1fr); }
  .ssm-growth-sources { grid-template-columns:repeat(3,minmax(120px,1fr)); }
  .ssm-growth-source:nth-child(3) { border-right:0; }
  .ssm-growth-source:nth-child(n+4) { border-top:1px solid var(--ssm-line); }
}
@media(max-width:980px) {
  .ssm-metric-rail { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ssm-metric-rail div:nth-child(2) { border-right:1px solid var(--ssm-line); }
  .ssm-metric-rail div:nth-child(3) { border-right:0; }
  .ssm-metric-rail div:nth-child(n+4) { border-top:1px solid var(--ssm-line); }
}
@media(max-width:680px) {
  .ssm-status-line { align-items:flex-start; flex-direction:column; }
  .ssm-forecast { min-width:0; width:100%; justify-items:start; text-align:left; }
  .ssm-forecast-value { justify-content:flex-start; }
  .ssm-metric-rail { grid-template-columns:1fr 1fr; }
  .ssm-metric-rail div:nth-child(3) { border-right:1px solid var(--ssm-line); }
  .ssm-metric-rail div:nth-child(2n) { border-right:0; }
  .ssm-metric-rail div:nth-child(n+3) { border-top:1px solid var(--ssm-line); }
  .ssm-metric-rail div:last-child { grid-column:1/-1; }
  .ssm-growth-panel-body { grid-template-columns:1fr; }
  .ssm-growth-summary { border-right:0; border-bottom:1px solid var(--ssm-line); }
  .ssm-growth-sources { grid-template-columns:1fr 1fr; }
  .ssm-growth-source:nth-child(2n) { border-right:0; }
  .ssm-growth-source:nth-child(n+3) { border-top:1px solid var(--ssm-line); }
  .ssm-growth-source:last-child { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { .ssm-growth-source-track > i { animation:none; } }
