/* Pipeline flow: phase band over the board, phase names over the stage stepper, fit and close on the brokerage sheet. */
.board.pf-board{grid-auto-flow:row;grid-template-rows:auto 1fr;row-gap:8px}
.pf-board>section{grid-row:2}
.pf-phase{grid-row:1;display:flex;align-items:center;gap:8px;min-width:0;height:30px;padding:0 14px;border-radius:999px;font-size:12px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--hair)}
.pf-phase b{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.02em;text-transform:uppercase}
.pf-phase .n{font-weight:700;font-variant-numeric:tabular-nums}
.pf-repeat{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;background:var(--orange-tint);color:var(--orange-ink);font-weight:700;white-space:nowrap}
.pf-repeat b{font-variant-numeric:tabular-nums}
.pf-board .card-foot{flex-wrap:wrap;row-gap:6px}
.card .chip.pf-fit-chip{background:none}

.stp-row.pf-stp{grid-auto-flow:row;row-gap:6px}
.pf-stp .stp{grid-row:2}
.pf-stp-ph{grid-row:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);padding-top:4px;border-top:2px solid var(--hair-2)}

.pf-deal .pf-fit{margin-bottom:4px}
.pf-deal .pf-fit button{min-height:36px}
.pf-close-row .k{flex:1}
.pf-sel{font-size:16px;min-height:36px;max-width:60%}
.pf-ref .row-sub{white-space:normal}
.pf-owed{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:none}
.pf-owed b{font-variant-numeric:tabular-nums}
.pf-owed small{font-size:12px;color:var(--ink-2)}

/* The brokerage editor: Referred by and the share show for Referrals, or once a referrer is typed. */
#ef:not(:has(#e-src option[value="Referrals"]:checked)):not(:has(#e-referredBy:not(:placeholder-shown))) :is(label[for="e-referredBy"],label[for="e-revSharePct"]){display:none}

/* Stage editor: the phase of each stage. */
.se-phase{gap:10px}
.se-phase>.row-sub{flex:none}
.se-phase select{flex:1;min-width:0;font-size:16px;min-height:36px}

@media (max-width:560px){
  .stp-row.pf-stp{gap:4px;row-gap:6px}
  .pf-stp-ph{font-size:10px;letter-spacing:0;text-transform:none;text-overflow:clip}
  .pf-stp .stp span{font-size:11px;overflow-wrap:anywhere;hyphens:auto}
}
@media (max-width:899px){
  .board.pp-one>.pf-phase{display:none}
  .pf-deal .pf-fit button,.pf-sel{min-height:44px}
  .pp-sp-main .pf-pp-ph{color:var(--ink-2);font-weight:600}
}