/* team-pricing v3 — WS24: the card is the Team page's "Default markup" section (a company owner on the Team view only); Settings shows
   the one-line "moved" link.
   team-pricing v2 — WS15-C C1 (team-pricing.v2.js): the card uses Settings' own .lead / .bfield / .row, so v1's row, label and
   field rules are gone (the markup field is the Settings text field, kept narrow for a percentage); the notes are on Settings'
   hint type and line height; the product table's numbers use the system's two weights. Tokens only. */
.team-pricing .team-pricing-note{margin:0 0 var(--s2);font-size:var(--fs-fine);color:var(--muted);line-height:var(--lh-ui)}
.team-pricing .team-pricing-note b,.team-pricing .lead b{color:var(--fg);font-weight:var(--fw-med)}
.team-pricing .team-pricing-row{margin:0 0 var(--s2)}
.team-pricing .team-pricing-row .row{flex-wrap:wrap}
.team-pricing .team-pricing-pctwrap{display:inline-flex;align-items:center;gap:var(--s2)}
.team-pricing .team-pricing-ov{box-sizing:border-box;border:1px solid var(--btn-line);border-radius:var(--radius-input);background:var(--input-bg,var(--card));color:var(--fg);font:inherit;font-size:var(--fs-base)}
.team-pricing .bfield #team-pricing-pct{width:7.5em;text-align:right}
.team-pricing .team-pricing-ov:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.team-pricing .team-pricing-table td{vertical-align:top;white-space:normal}
/* WS15-C C1: the product column took all the slack, so each tier's "cost → rep cost" wrapped onto three lines and the price
   fields were too narrow to show their value — each tier cell now stays on one line and the product column gets a share */
.team-pricing .team-pricing-table th:first-child{width:28%}
.team-pricing .team-pricing-table td.num{white-space:nowrap}
.team-pricing .team-pricing-cost{color:var(--muted)}
.team-pricing .team-pricing-rep{font-weight:500}
.team-pricing .team-pricing-str{color:var(--muted)}
.team-pricing .team-pricing-ov{display:block;width:100%;max-width:7.5em;margin-top:var(--s1);min-height:var(--btn-h);padding:var(--s1) var(--s2);text-align:right}
.team-pricing td.is-refused .team-pricing-rep{color:var(--danger)}
.team-pricing .team-pricing-why{display:block;font-size:var(--fs-fine);color:var(--danger)}
.team-pricing .team-pricing-msg{margin:var(--s2) 0 0;font-size:var(--fs-fine);color:var(--muted);min-height:1em}
@media(max-width:720px){.team-pricing .team-pricing-ov{font-size:var(--fs-body)}.team-pricing .row .bbtn{flex:1 1 auto}
  /* WS15-C C1: on a phone each cell is a labelled flex row, and the price field shrank to a sliver at its end — it keeps its width */
  .team-pricing .team-pricing-table td.num .team-pricing-ov{flex:none;width:6em;margin-top:0}}
.team-pricing-prelayer{margin:0 0 var(--s2);font-size:var(--fs-fine);color:var(--muted)}
.team-pricing-split{margin:0 0 var(--s2);font-size:var(--fs-fine);color:var(--muted)}
.team-pricing-split b{color:var(--fg);font-weight:500}
.team-pricing .team-pricing-set{display:block;font-size:var(--fs-fine);font-style:normal;color:var(--muted)}
.team-pricing #team-pricing-empty .bbtn{margin-left:var(--s2)}

/* WS24: the Default markup section — on the Team view of a company owner only, under the list, with the page's section heading */
#teampricingcell{display:none}
body.role-owner.view-team #teampricingcell:not([hidden]){display:block;margin-top:var(--panel-gap)}
.team-default .team-default-h{margin:0 0 var(--s3);font-size:var(--fs-body);font-weight:var(--fw-med);color:var(--fg)}
.team-pricing-moved .lead .bbtn{margin-left:var(--s2)}
.team-default .lead{font-size:var(--fs-base);color:var(--muted);margin:0 0 var(--s5)}   /* Settings' .lead is scoped to .bpanel */
.team-default .row{display:flex;gap:var(--s3);align-items:center;margin-top:var(--s2)}   /* Settings' .row is scoped to .bpanel */