/* Growth Agent view. Uses the CRM's variables so light and dark themes both work. */
#view-growth .finance-tabs button{white-space:nowrap}
#view-growth .finance-tabs{overflow-x:auto}
.growth-funnel{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.growth-alert{border-radius:12px;padding:11px 14px;margin:0 0 10px;font-size:12px;background:var(--soft);color:var(--ink);border-left:4px solid var(--purple)}
.growth-alert.warn{border-left-color:#d6a017}
.growth-alert.error{border-left-color:#c2414f}
.growth-alert.ok{border-left-color:#2e9e68}
.growth-list{margin:0;padding:14px 20px 18px 36px;font-size:12px;line-height:1.9}
.growth-check{flex-direction:row!important;align-items:center;gap:8px!important;margin-top:8px!important;font-weight:500!important}
.growth-explain h3{font-size:14px;margin:22px 0 8px}
.growth-explain ul{padding-left:18px;font-size:12px;line-height:1.6}
.growth-explain a{color:var(--purple);word-break:break-all}
.growth-evidence li{margin-bottom:8px}
.growth-message{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.growth-message pre,.growth-explain pre{white-space:pre-wrap;font:inherit;font-size:12px;margin:8px 0 0;color:var(--ink)}
.growth-explain fieldset,#growth-campaign-form fieldset{border:0;padding:0;margin:0}
.growth-funnel .metric-card:after{display:none}
.growth-funnel .metric-card small{display:block;white-space:normal}