.opportunity-pane { color:var(--text-primary,#262626); min-width:0; font-size:14px; line-height:1.6; }
.opportunity-pane *, .opportunity-pane *:before, .opportunity-pane *:after { box-sizing:border-box; }
.opportunity-pane button { font:inherit; cursor:pointer; background:transparent; border:0; color:#b54f30; padding:0; }
.opportunity-pane button:disabled { cursor:default; opacity:.45; }
.opportunity-pane button:focus-visible { outline:2px solid #e8613a; outline-offset:4px; }
.opportunity-pane-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:28px; }
.opportunity-pane-heading h2 { font-size:21px; font-weight:550; line-height:1.45; margin:4px 0 0; overflow-wrap:anywhere; }
.opportunity-pane-heading p { margin:6px 0 0; }
.opportunity-pane-eyebrow { color:var(--text-tertiary,#8a817b); font-size:12px; }
.opportunity-pane-muted { color:var(--text-tertiary,#8a817b); font-size:12px; }
.opportunity-pane-journey { border-top:1px solid var(--border-default,#ece8e5); border-bottom:1px solid var(--border-default,#ece8e5); padding:20px 0 22px; margin:0 0 24px; }
.opportunity-pane-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.opportunity-pane-section-head h2 { margin:0; font-size:15px; font-weight:550; }
.opportunity-pane-current { color:#ba5434; background:#fff2e9; border:1px solid #f2d9ca; padding:3px 9px; border-radius:5px; font-size:12px; }
.opportunity-pane-stages { list-style:none; display:flex; padding:0; margin:0; gap:0; }
.opportunity-pane-stage { position:relative; display:flex; align-items:center; gap:8px; flex:1; min-width:0; font-size:12px; color:var(--text-tertiary,#8d8d8d); padding:0 9px 0 0; }
.opportunity-pane-stage:after { content:""; height:1px; background:#e6e1dd; flex:1; margin-left:1px; min-width:5px; }
.opportunity-pane-stage:last-child { flex:none; padding-right:0; }
.opportunity-pane-stage:last-child:after { display:none; }
.opportunity-pane-stage-number { width:23px; height:23px; display:grid; place-items:center; flex:none; border:1px solid #e3ddd8; border-radius:50%; background:#faf9f7; color:#9b9188; font-size:11px; }
.opportunity-pane-stage.is-current { color:#b44d2d; font-weight:550; }
.opportunity-pane-stage.is-current .opportunity-pane-stage-number { background:#e8613a; border-color:#e8613a; color:#fff; }
.opportunity-pane-outcome { margin:18px 0 0; font-size:13px; color:#6b7c6b; }
.opportunity-pane-outcome.is-lost { color:#8b7770; }
.opportunity-pane-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:24px; }
.opportunity-pane-demand { min-width:0; padding:4px 0; }
.opportunity-pane-product { display:flex; flex-direction:column; gap:5px; border-bottom:1px solid #eee9e5; padding:0 0 15px; margin:0 0 16px; }
.opportunity-pane-product strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.opportunity-pane-demand-copy { margin:0; color:#67615c; font-size:14px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }
.opportunity-pane-demand-copy.is-empty { color:#9b938d; }
.opportunity-pane-demand>button { margin-top:18px; font-size:12px; }
.opportunity-pane-next { border:1px solid #eed9c9; border-radius:12px; background:#fffbf7; padding:20px; min-width:0; }
.opportunity-pane-next h2 { font-size:18px; line-height:1.5; font-weight:550; margin:10px 0; overflow-wrap:anywhere; }
.opportunity-pane-next-copy { font-size:13px; color:#8b8077; line-height:1.8; margin:0; }
.opportunity-pane-next>button { margin-top:22px; font-size:13px; font-weight:500; }
.opportunity-pane-footer { display:flex; flex-wrap:wrap; gap:16px; border-top:1px solid #ece8e5; margin:24px 0 0; padding:14px 0 0; color:#9a938c; font-size:12px; }
.opportunity-pane-gaps { margin-top:20px; border-left:2px solid #e3bd9e; padding:0 0 0 14px; }
.opportunity-pane-gaps h3 { margin:0 0 7px; font-weight:500; font-size:13px; color:#99734f; }
.opportunity-pane-gaps p { margin:4px 0; color:#927d6b; font-size:12px; }
@media(max-width:900px) { .opportunity-pane-layout { grid-template-columns:minmax(0,1fr); gap:20px; }.opportunity-pane-stage { flex-direction:column; gap:7px; align-items:flex-start; font-size:11px; }.opportunity-pane-stage:after { position:absolute; top:11px; left:31px; right:9px; }.opportunity-pane-stage:last-child { flex:1; } }
@media(max-width:520px) { .opportunity-pane-heading { align-items:flex-start; flex-direction:column; gap:10px; }.opportunity-pane-heading h2 { font-size:19px; }.opportunity-pane-stages { flex-wrap:wrap; gap:12px 0; }.opportunity-pane-stage { min-width:33%; flex:1 1 33%; }.opportunity-pane-stage:after { right:14px; }.opportunity-pane-stage:nth-child(3):after { display:none; }.opportunity-pane-stage:last-child { flex:1 1 33%; }.opportunity-pane-next { padding:17px; } }