.opportunity-position {
  --opportunity-position-line: color-mix(in srgb,var(--color-border,#d8deea) 84%,#8e9bb7);
  --opportunity-position-ink: var(--color-text-primary,#17213a);
  --opportunity-position-muted: var(--color-text-secondary,#667085);
  min-width: 0;
  color: var(--opportunity-position-ink);
}
.opportunity-position__canvas { position: relative; display: grid; min-width: 0; padding-top: 23px; }
.opportunity-position__context {
  position: absolute;
  top: 0;
  left: clamp(0%,var(--opportunity-position),100%);
  max-width: min(230px,72%);
  overflow: hidden;
  color: var(--opportunity-position-ink);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateX(-50%);
  transition: left 360ms cubic-bezier(.2,.75,.25,1);
}
.opportunity-position[data-position-condition="uncertain"] .opportunity-position__context { transform: none; }
.opportunity-position[data-position-condition="clear_decision"] .opportunity-position__context { transform: translateX(-100%); }
/* Near either end a centred label would spill outside its column; anchor it inward. */
.opportunity-position[data-position-condition="customer_need"] .opportunity-position__context { transform: translateX(-18%); }
.opportunity-position[data-position-condition="customer_ready"] .opportunity-position__context,
.opportunity-position[data-position-condition="customer_response"] .opportunity-position__context { transform: translateX(-84%); }
.opportunity-position__track {
  position: relative;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg,var(--opportunity-position-line),color-mix(in srgb,var(--opportunity-position-line) 58%,transparent));
}
.opportunity-position__marker {
  position: absolute;
  bottom: 5px;
  left: clamp(0%,var(--opportunity-position),100%);
  width: 14px;
  height: 14px;
  border: 3px solid var(--color-surface,#fff);
  border-radius: 50%;
  background: var(--color-primary,#3154d8);
  box-shadow: 0 0 0 1px color-mix(in srgb,var(--color-primary,#3154d8) 38%,transparent),0 4px 11px rgb(24 42 82 / 18%);
  transform: translateX(-50%);
  transition: left 360ms cubic-bezier(.2,.75,.25,1),box-shadow 180ms ease;
}
.opportunity-position--uncertain .opportunity-position__marker {
  border-color: var(--color-surface,#fff);
  background: var(--color-text-secondary,#667085);
  box-shadow: 0 0 0 1px color-mix(in srgb,var(--color-text-secondary,#667085) 34%,transparent);
}
.opportunity-position__endpoints { display: flex; justify-content: space-between; gap: 18px; margin: 0 0 14px; color: var(--opportunity-position-muted); font-size: 11px; line-height: 1.3; }
.opportunity-position__endpoints span:last-child { text-align: right; }
.opportunity-position__endpoints { font-variant-numeric: tabular-nums; }
.opportunity-position__percent { color: var(--color-primary,#3154d8); font-variant-numeric: tabular-nums; }
.opportunity-position--uncertain .opportunity-position__percent { color: var(--opportunity-position-muted); }
.opportunity-position__fill { position: absolute; inset: 0 auto 0 0; width: clamp(0%,var(--opportunity-position),100%); border-radius: inherit; background: var(--color-primary,#3154d8); transition: width 360ms cubic-bezier(.2,.75,.25,1); }
body.dark-mode .opportunity-position__percent { color: #b9c7ff; }
body.dark-mode .opportunity-position__fill { background: #8ea2ff; }
.opportunity-position--prominent { grid-column: 1 / -1; width: 100%; margin: 0; opacity: .78; }
.opportunity-position--prominent .opportunity-position__track { height: 2px; }
.opportunity-position--prominent .opportunity-position__marker { width: 13px; height: 13px; border-width: 2px; }
.opportunity-position--prominent .opportunity-position__context { max-width: min(300px,80%); overflow: visible; font-size: 11px; text-align: center; text-overflow: clip; white-space: normal; }
.opportunity-position--prominent[data-position-condition="uncertain"] .opportunity-position__context { text-align: left; }
.opportunity-position--prominent[data-position-condition="clear_decision"] .opportunity-position__context { text-align: right; }
body.signed-in-mode #followUpView .workspace-priority-card--positioned { padding-bottom: 4px; }
.opportunity-position--compact { width: min(215px,100%); margin-top: 10px; opacity: .82; }
.opportunity-position--compact .opportunity-position__canvas { padding-top: 20px; }
.opportunity-position--compact .opportunity-position__context { max-width: 72%; font-size: 10px; }
.opportunity-position--compact .opportunity-position__track { height: 2px; }
.opportunity-position--compact .opportunity-position__marker { bottom: 4px; width: 11px; height: 11px; border-width: 2px; }
.opportunity-position--compact .opportunity-position__endpoints { gap: 10px; margin-bottom: 12px; font-size: 9px; }
@media(min-width:761px) {
  body.signed-in-mode #followUpView .workspace-priority-card > .workspace-priority-next { grid-row: 2; }
  body.signed-in-mode #followUpView .workspace-priority-card > .workspace-priority-aside { grid-row: 2; }
  body.signed-in-mode #followUpView .workspace-priority-card > .opportunity-position--prominent { grid-column: 1 / -1; grid-row: 3; }
}
body.dark-mode .opportunity-position {
  --opportunity-position-line: #64708b;
  --opportunity-position-ink: #edf1fb;
  --opportunity-position-muted: #aab4c9;
}
body.dark-mode .opportunity-position__marker { border-color: #171f35; box-shadow: 0 0 0 1px rgb(151 166 255 / 55%),0 5px 14px rgb(0 0 0 / 32%); }
body.dark-mode .opportunity-position--compact .opportunity-position__marker { border-color: var(--color-surface,#171f35); }
@media(max-width:760px) {
  .opportunity-position--prominent .opportunity-position__canvas { padding-top: 34px; }
  .opportunity-position--prominent .opportunity-position__context { max-width: 80%; font-size: 11px; }
  .opportunity-position__endpoints { font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) {
  .opportunity-position__context,.opportunity-position__marker,.opportunity-position__fill { transition: none; }
}