/* partner-dash.css (v98): Profile > Partner (assets/js/partner-dash.js), the
   partner dashboard that used to live on partner.html, now in the account
   hub, and the panel's other states (the profile form in the page, an
   application waiting, not approved, suspended, not a partner yet).
   Loaded by account.html after account.css. Tokens only: both themes come
   from the tokens. The v86 dashboard rules came from partner.html's own
   style blocks (v55, v59, v86); verapep-ds.css still styles the shared
   classes (vp-rev-*, vp-money-*, vp-outline-*, pp-code-*, vp-qm).
   Gradient (Doc 7): the revenue card's 2px top line (verapep-ds.css) and the
   chart; the code card and the commission card are ink and hairlines here,
   like the rest of the profile. */

.pd{display:flex;flex-direction:column;gap:var(--s4);min-width:0;font-family:var(--font);}
.pd [hidden],#ah-par-act [hidden]{display:none!important;}
#ah-par-act[hidden]{display:none;}
/* the panel's headings, reset (the site's h2 sizes would win otherwise) */
.pd h2{margin:0;line-height:1.25;}

/* ── the heading's right side: the all-clear check and the tier ─────────── */
.pd-tier{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 7px;border-radius:var(--r-pill);border:1px solid var(--c-line-2);
  background:var(--c-card);box-shadow:var(--sh-xs);}
.pd-tier-t{display:flex;flex-direction:column;gap:2px;line-height:1.1;}
.pd-tier-k{font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-3);}
.pd-tier b{font-size:1.02rem;font-weight:800;letter-spacing:-.01em;color:var(--c-ink);}
.pd-ti{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;}
.pd-ti img{width:100%;height:100%;object-fit:contain;display:block;}
.pd-ti i{display:block;border-radius:50%;}
.pd-chip{width:38px;height:38px;padding:0;border:0;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;
  background:var(--c-ok);color:var(--c-page);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-ok) 18%,transparent);
  transition:transform var(--t-fast) var(--spring);}
.pd-chip:hover{transform:scale(1.06);}
.pd-chip:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--c-ok) 18%,transparent),0 0 0 7px var(--c-focus);}
.pd-chip svg{width:18px;height:18px;}

/* ── the team's note ────────────────────────────────────────────────────── */
.pd-team{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r-md);
  border:1px dashed var(--c-line-2);background:var(--c-panel);}
.pd-team p{flex:1 1 320px;margin:0;font-size:.82rem;line-height:1.5;color:var(--c-ink-2);}
.pd-team b{color:var(--c-ink);}
.pd-team button{flex:0 0 auto;padding:8px 15px;border-radius:var(--r-pill);border:1.5px solid var(--c-line-2);background:var(--c-card);color:var(--c-ink);
  font:700 .78rem var(--font);cursor:pointer;transition:border-color var(--t) var(--ease);}
.pd-team button:hover{border-color:var(--c-ink);}
.pd-team button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus);}

/* ── all clear (folds into the check beside the heading) ────────────────── */
.pd-strike{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--r-lg);
  background:color-mix(in srgb,var(--c-ok) 8%,var(--c-card));border:1px solid color-mix(in srgb,var(--c-ok) 30%,transparent);}
.pd-strike-i{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c-ok);color:var(--c-page);}
.pd-strike-i svg{width:15px;height:15px;}
.pd-strike-t{flex:1 1 auto;min-width:0;}
.pd .pp-strike-title{margin:3px 0 0;font-size:.94rem;font-weight:800;color:var(--c-ink);}
.pd .pp-strike-body{margin:3px 0 0;font-size:.84rem;line-height:1.5;color:var(--c-ink-2);}

/* ── round minus / plus buttons (the notice, the payout schedule) ───────── */
.pp-ps-toggle{flex:0 0 auto;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--c-line-2);background:var(--c-card);color:var(--c-ink);
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background var(--t) var(--ease),border-color var(--t) var(--ease);}
.pp-ps-toggle:hover{border-color:var(--c-ink);}
.pp-ps-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus);}
.pp-ps-ic{position:relative;display:block;width:12px;height:12px;pointer-events:none;}
.pp-ps-ic::before,.pp-ps-ic::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:currentColor;
  transition:transform .35s var(--spring);}
.pp-payout-schedule.is-min .pp-ps-ic::after{transform:rotate(90deg);}

/* ── Your performance: four tiles ──────────────────────────────────────── */
.pp-perf{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:14px 16px 12px;box-shadow:var(--sh-xs);
  container-type:inline-size;container-name:ppperf;}
.pp-perf-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px 10px;}
.pd .pp-perf-t{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-3);}
.pp-perf-r{font-size:.74rem;font-weight:700;color:var(--c-ink-2);}
.pp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-panel-2);}
.pp-kpi{min-width:0;padding:12px 16px 11px;border-left:1px solid var(--c-line);}
.pp-kpi:first-child{border-left:0;}
.pp-kpi-l{display:flex;align-items:center;font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-3);white-space:nowrap;}
.pp-kpi .vp-qm{width:14px;height:14px;margin-left:5px;font-size:.56rem;flex:0 0 auto;}
.pp-kpi .vp-qm-tip{width:228px;font-size:.74rem;font-weight:500;letter-spacing:0;text-transform:none;white-space:normal;left:-6px;right:auto;transform:translateY(4px);}
.pp-kpi:nth-child(n+3) .vp-qm-tip{left:auto;right:-6px;}
.pp-kpi .vp-qm:hover .vp-qm-tip,.pp-kpi .vp-qm:focus .vp-qm-tip{transform:translateY(0);}
.pp-kpi-v{margin-top:6px;font-size:1.45rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--c-ink);font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pp-kpi-s{margin-top:3px;min-height:1.3em;font-size:.66rem;line-height:1.3;color:var(--c-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@container ppperf (max-width: 520px){
  .pp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pp-kpi:nth-child(3){border-left:0;}
  .pp-kpi:nth-child(n+3){border-top:1px solid var(--c-line);}
  /* two columns: each "?" tip hangs from its tile's own edge (not from the
     "?", which a long label pushes right), so it stays on screen at 320px */
  .pp-kpi{position:relative;}
  .pp-kpi .vp-qm{position:static;}
  .pp-kpi .vp-qm-tip{width:min(228px,calc(100cqw - 16px));}
  .pp-kpi:nth-child(odd) .vp-qm-tip{left:8px;right:auto;}
  .pp-kpi:nth-child(even) .vp-qm-tip{left:auto;right:8px;}
}

/* ── the top block: [revenue, rate] | [money, code], equal heights ──────── */
.pp-dash-main.pp-dash-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:stretch;position:relative;}
.pp-dash-grid>.pp-dash-col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.pp-dash-grid .pp-g-rev{flex:1 1 auto;display:flex;flex-direction:column;margin:0!important;min-width:0;padding-bottom:16px!important;}
.pp-dash-grid .pp-g-rate{flex:0 0 auto;}
.pp-dash-grid .pp-g-stats{flex:1 1 auto;margin:0!important;grid-auto-rows:1fr;min-width:0;}
.pp-dash-grid .pp-g-code{flex:0 0 auto;}
.pp-dash-grid .vp-money-card{display:flex;flex-direction:column;min-height:0;}
.pp-dash-grid .vp-money-card .vp-money-sub{margin-top:auto;padding-top:8px;}
.pp-dash-grid .pp-rev-ph{flex:0 0 auto;}
.pp-dash-grid .pp-g-rev.is-max{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;box-shadow:var(--sh-lg);}
.pp-dash-grid.is-rev-wide .pp-g-rate,.pp-dash-grid.is-rev-wide .pp-g-stats,.pp-dash-grid.is-rev-wide .pp-g-code{visibility:hidden;}
@media (max-width:900px){
  .pp-dash-main.pp-dash-grid{grid-template-columns:minmax(0,1fr)!important;}
  .pp-dash-grid .pp-rev-exp{display:none!important;}
}

/* the revenue card: range + expand */
.pd .vp-rev-label{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c-ink-3);margin:0 0 6px;}
.pp-g-rev .vp-rev-top{margin-bottom:18px;}
.pp-g-rev .vp-rev-controls{display:flex;align-items:center;gap:8px;}
.pd .vp-rev-range:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus);}
.pp-rev-exp{width:38px;height:38px;flex:0 0 auto;padding:0;border-radius:50%;border:1px solid var(--c-line-2);background:var(--c-panel);color:var(--c-ink);
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  transition:border-color var(--t) var(--ease),background var(--t) var(--ease),transform var(--t-fast) var(--spring);}
.pp-rev-exp:hover{border-color:var(--c-ink);}
.pp-rev-exp:active{transform:scale(.94);}
.pp-rev-exp:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus);}
.pp-rev-exp svg{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.pp-rev-exp .pp-ic-in{display:none;}
.pp-rev-exp[aria-expanded="true"] .pp-ic-out{display:none;}
.pp-rev-exp[aria-expanded="true"] .pp-ic-in{display:inline;}
.vp-rev-card .pp-rev-delta{min-height:1.25em;flex-wrap:wrap;}
.vp-rev-card .pp-rev-delta .is-up{color:var(--c-ok);font-weight:800;}
.vp-rev-card .pp-rev-delta .is-down{color:var(--c-bad);font-weight:800;}

/* the chart */
.pp-chart{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 20px;column-gap:8px;}
.pp-chart-y{grid-column:1;grid-row:1;position:relative;}
.pp-chart-y span{position:absolute;right:0;transform:translateY(-50%);font-size:.6rem;color:var(--c-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;}
.pp-chart-plot{grid-column:2;grid-row:1;position:relative;min-height:196px;border-radius:6px;outline:none;touch-action:pan-y;cursor:crosshair;
  -webkit-tap-highlight-color:transparent;}
.pp-chart-plot:focus-visible{box-shadow:0 0 0 3px var(--c-focus);}
.pp-chart-svg,.pp-chart-svg svg{position:absolute;inset:0;display:block;overflow:visible;}
.pp-chart-x{grid-column:2;grid-row:2;position:relative;}
.pp-x{position:absolute;top:6px;transform:translateX(-50%);font-size:.6rem;color:var(--c-ink-3);white-space:nowrap;}
.pp-x.is-first{left:0!important;transform:none;}
.pp-x.is-last{left:auto!important;right:0;transform:none;}
.pp-c-grid{stroke:var(--c-line);stroke-width:1;stroke-dasharray:3 5;}
.pp-c-line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.pp-c-dot{fill:var(--c-ok);stroke:var(--c-card);stroke-width:1.5;}
.pp-s1{stop-color:var(--c-grad-1);} .pp-s2{stop-color:var(--c-grad-2);} .pp-s3{stop-color:var(--c-grad-3);}
.pp-chart-plot .vp-rev-dot{z-index:2;}
.pp-chart-guide{position:absolute;top:0;bottom:0;left:0;width:0;border-left:1px dashed var(--c-ink-3);opacity:0;pointer-events:none;
  transition:opacity var(--t-fast) var(--ease);}
.pp-chart-guide.on{opacity:.8;}
.pp-chart-tip{position:absolute;top:2px;left:0;z-index:4;min-width:172px;padding:9px 11px;border-radius:var(--r-sm);background:var(--c-ink);color:var(--c-page);
  font-size:.72rem;line-height:1.5;box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transform:translateY(3px);
  transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);}
.pp-chart-tip.on{opacity:1;transform:none;}
.pp-chart-tip b{display:block;margin-bottom:3px;font-size:.74rem;font-weight:800;}
.pp-tip-row{display:flex;justify-content:space-between;gap:18px;}
.pp-tip-row>span:last-child{font-weight:700;font-variant-numeric:tabular-nums;}
.pp-tip-row.is-run{margin-top:3px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--c-page) 26%,transparent);}
.pp-chart-empty{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);max-width:86%;display:none;padding:8px 12px;border-radius:var(--r-sm);
  border:1px solid var(--c-line);background:var(--c-card);font-size:.78rem;font-weight:600;line-height:1.45;text-align:center;color:var(--c-ink-2);pointer-events:none;}
.pp-chart-empty.on{display:block;}
.pp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.pp-chart-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.66rem;color:var(--c-ink-3);}
.pp-chart-key span{display:inline-flex;align-items:center;gap:6px;}
.pp-chart-key b{font-weight:inherit;}
.pp-chart-key i{display:inline-block;flex:0 0 auto;}
.pp-chart-key .k-line{width:16px;height:3px;border-radius:2px;background:var(--grad);}
.pp-chart-key .k-bar{width:7px;height:11px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--c-grad-1),var(--c-grad-3));}
.pp-chart-key .k-dot{width:8px;height:8px;border-radius:50%;background:var(--c-ok);box-shadow:0 0 0 1.5px var(--c-card);}

/* the commission rate: a hairline card in the profile (the gradient outline,
   label and line belong to the old page) */
.pd .vp-outline-panel{border:1px solid var(--c-line);background:var(--c-card);background-image:none;border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-xs);}
.pd .vp-outline-label{margin:0 0 6px;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.3;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--c-ink-3);}
.pd .vp-rate-disc{margin-top:10px;font-size:.84rem;font-weight:700;
  background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--c-ok);}

/* the money boxes */
.pd .vp-money-card:hover{transform:translateY(-2px);}
.vp-money-qm{display:none!important;}

/* the code card: ink (white in dark mode), like the profile's other code boxes */
.pd .pp-code-card{background:var(--c-solid)!important;color:var(--c-solid-ink)!important;border:0!important;box-shadow:var(--sh-md)!important;padding:20px 22px;}
.pd .pp-code-label{display:block;color:color-mix(in srgb,var(--c-solid-ink) 74%,var(--c-solid));}
.pd .pp-code-card .pp-code-value{color:var(--c-solid-ink)!important;white-space:nowrap;min-width:0;max-width:100%;overflow-x:clip;transition:none;}
/* the code on one line (partner-dash.js shrinks a long one to fit); Copy code goes under it when both do not fit */
.pd .pp-code-card .pp-code-value.is-wrap{white-space:normal;overflow-wrap:anywhere;}
.pd .pp-code-card .pp-code-row{flex-wrap:wrap;gap:10px 14px;}
.pd .pp-code-card button{background:transparent!important;color:var(--c-solid-ink)!important;border:1px solid color-mix(in srgb,var(--c-solid-ink) 46%,var(--c-solid))!important;}
.pd .pp-code-card button:hover{background:var(--c-solid-ink)!important;color:var(--c-solid)!important;border-color:var(--c-solid-ink)!important;}
.pd .pp-code-card button.solid{background:var(--c-solid-ink)!important;color:var(--c-solid)!important;border-color:var(--c-solid-ink)!important;}
.pd .pp-code-card button.solid:hover{background:transparent!important;color:var(--c-solid-ink)!important;}
.pd .pp-code-card button:focus-visible{outline:2px solid var(--c-solid-ink);outline-offset:2px;}
.pd .pp-link-box{background:color-mix(in srgb,var(--c-solid-ink) 7%,var(--c-solid));border:1px solid color-mix(in srgb,var(--c-solid-ink) 18%,var(--c-solid));}
.pd .pp-link-input{background:var(--c-solid-ink)!important;color:var(--c-solid)!important;
  transition:none;}   /* partner-dash.js fitLink measures right after changing its font size (reduced motion's
                         .01ms transitions would make it lag one frame: the v91 gotcha) */
/* the code card measures itself: when it is narrow (two columns at about
   1024px), the link takes the whole row and Copy link goes under it */
.pd .pp-code-card{container-type:inline-size;container-name:ppcode;}
@container ppcode (max-width: 419px){
  .pd .pp-link-row{flex-wrap:wrap;}
  .pd .pp-link-row .pp-link-input{flex:1 1 100%;}
  .pd .pp-link-row .pp-code-btn{width:100%;}
}
.pd .pp-link-input:focus{outline:2px solid var(--c-solid-ink);outline-offset:1px;}
.pd .pp-code-note{color:color-mix(in srgb,var(--c-solid-ink) 82%,var(--c-solid));opacity:1!important;}

/* ── tier progress ──────────────────────────────────────────────────────── */
.pd-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px;}
.pd-frozen{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 3px;border-radius:var(--r-pill);background:var(--c-panel);border:1px solid var(--c-line-2);
  color:var(--c-ink-2);font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.pd-frozen svg{width:12px;height:12px;}
.pp-tier-row{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;}
.pp-tier-bar{flex:1 1 auto;min-width:0;}
.pp-tier-end{display:inline-flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;text-align:center;font-size:.9rem;font-weight:800;color:var(--c-ink);}
.pp-tier-end.next{color:var(--c-ink-2);}
.pp-tier-end.next .pd-ti{opacity:.72;}
.pd-track{height:12px;border-radius:var(--r-pill);background:var(--c-panel);border:1px solid var(--c-line-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.06);overflow:hidden;}
.pd-fill{height:100%;border-radius:var(--r-pill);transition:width .6s var(--ease-out);}
.pd-top{font-weight:800;color:var(--pp-tier-ink-diamond);}
.pd-tier-p{margin:12px 0 0;font-size:.82rem;line-height:1.5;color:var(--c-ink-2);}

/* ── commissions ────────────────────────────────────────────────────────── */
.pd-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--c-panel);border:1px solid var(--c-line);flex-wrap:wrap;}
.pd-seg .pp-cf{min-height:32px;padding:6px 13px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--c-ink-2);
  font:700 .76rem/1 var(--font);cursor:pointer;white-space:nowrap;transition:background var(--t) var(--ease),color var(--t) var(--ease),box-shadow var(--t) var(--ease);}
.pd-seg .pp-cf:hover{color:var(--c-ink);}
.pd-seg .pp-cf.active{background:var(--c-card);color:var(--c-ink);box-shadow:var(--sh-sm);}
.pd-seg .pp-cf:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus);}
/* the filters that would wrap (a phone, Spanish): a 2 x 2 grid (partner-dash.js fitSeg) */
.pd-seg.is-grid{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:14px;}
.pd-seg.is-grid .pp-cf{border-radius:10px;}
.pd-comm-list{display:flex;flex-direction:column;}
.pp-comm-row{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr) 7.5rem 8rem;grid-template-areas:"id d amt st";gap:6px 14px;
  align-items:center;padding:12px 0;border-top:1px solid var(--c-line);font-size:.86rem;}
.pp-comm-row:first-child{border-top:0;padding-top:2px;}
.pp-comm-row:focus{outline:none;}
.pd-c-id{grid-area:id;font-family:'Courier New',monospace;font-weight:700;color:var(--c-ink);overflow-wrap:anywhere;}
.pd-c-d{grid-area:d;color:var(--c-ink-3);font-size:.8rem;}
.pp-comm-amt{grid-area:amt;justify-self:end;font-weight:800;color:var(--c-ok);font-variant-numeric:tabular-nums;white-space:nowrap;}
.pd-c-st{grid-area:st;justify-self:end;}
.pp-chip{display:inline-block;padding:4px 10px;border-radius:var(--r-pill);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
/* tints light enough that the small capitals keep 4.5:1 (the pending chip was 4.44:1 at 16%) */
.pp-chip.is-paid{background:color-mix(in srgb,var(--c-ok) 11%,var(--c-card));color:var(--c-ok);}
.pp-chip.is-none{background:color-mix(in srgb,var(--c-ink-3) 14%,var(--c-card));color:var(--c-ink-2);}
.pp-chip.is-pend{background:color-mix(in srgb,var(--c-warn) 10%,var(--c-card));color:var(--c-warn);}
.pd-comm-empty,.pd-comm-zero{padding:14px 0 4px;}
.pp-comm-more-wrap{text-align:center;}
.pp-comm-more{margin-top:14px;padding:9px 18px;border-radius:var(--r-pill);border:1px solid var(--c-line-2);background:var(--c-card);color:var(--c-ink);
  font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color var(--t) var(--ease);}
.pp-comm-more:hover{border-color:var(--c-ink);}
.pp-comm-more:focus-visible{outline:none;box-shadow:0 0 0 3px var(--c-focus);}
.pp-comm-more[hidden]{display:none;}

/* ── your details + the payout schedule ─────────────────────────────────── */
.pd-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:start;}
.pd-two>.ah-card+*{margin-top:0;}
.pd-dl{margin-top:0;}
.pd-dl dd.pd-empty{color:var(--c-ink-3);font-weight:500;}
.pd-me .ah-acts{margin-top:16px;}
.pd-me .ah-note{margin-top:12px;}
.pd .pp-payout-schedule{border-radius:var(--r-lg)!important;padding:18px 20px!important;transition:padding .35s var(--ease-out);}
.pd .pp-payout-schedule.is-min{padding-bottom:18px!important;}
.pd-sched-h{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.pd .pp-ps-label{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;}
.pd .pp-ps-list{list-style:none;margin:12px 0 0;padding:0;display:grid!important;gap:9px;overflow:hidden;max-height:600px;opacity:1;
  transition:max-height .4s var(--ease-out),opacity .25s var(--ease),margin .4s var(--ease-out);}
.pd .pp-ps-list li{position:relative;padding-left:16px;font-size:.84rem;line-height:1.55;color:var(--c-ink-2);}
.pd .pp-ps-list li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--c-ink-3);}
.pd .pp-payout-schedule.is-min .pp-ps-list{max-height:0!important;opacity:0;margin:0!important;}

/* ── the links at the end ───────────────────────────────────────────────── */
.pd-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:6px 2px 0;}
.pd-foot-q{font-size:.8rem;color:var(--c-ink-3);}
.pd-foot-q a{color:var(--c-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* ── the profile form, in the page ──────────────────────────────────────── */
.pd-gate{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--s4);align-items:start;}
.pd-gate-side{position:sticky;top:calc(var(--ah-hdr,120px) + 16px);min-width:0;}
.pd-gate-need .pf-need{margin:0 0 14px;padding:0;border:0;background:none;}
.pd-gate-need .pf-keep{margin:0;padding:14px 0 0;border-top:1px solid var(--c-line);}
.pd-gate-need .pf-help{margin:14px 0 0;text-align:left;}
.pd-gate-main .pf-body{max-width:620px;}

/* ── the other states ───────────────────────────────────────────────────── */
.pd-app,.pd-note-card{max-width:760px;}
.pd-app-k{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-info);}
.pd-app-lead{margin:14px 0 0;max-width:62ch;}
.pd-note-card .ah-p{max-width:62ch;}
.pd-note-card.is-bad{border-color:color-mix(in srgb,var(--c-bad) 40%,var(--c-line));}
.pd-bad-k{margin:0 0 8px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c-bad);}
.pd-join{padding:26px 26px 22px;}
.pd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);}
.pd-steps li{display:flex;gap:12px;align-items:flex-start;min-width:0;}
.pd-step-n{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c-panel);border:1px solid var(--c-line-2);
  color:var(--c-ink);font-size:.8rem;font-weight:800;}
.pd-step-t{margin:3px 0 4px;font-size:.92rem;font-weight:800;color:var(--c-ink);}
.pd-step-b{margin:0;font-size:.82rem;line-height:1.55;color:var(--c-ink-2);}
.pd-join-acts{margin-top:22px;gap:12px 20px;}

/* ── phones ─────────────────────────────────────────────────────────────── */
@media (max-width:960px){
  .pd-two,.pd-gate{grid-template-columns:minmax(0,1fr);}
  .pd-gate-side{position:static;order:-1;}
  .pd-steps{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px){
  .pd .vp-money-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .pd .vp-money-card{padding:12px 10px!important;}
  .pd .vp-money-label{display:flex;align-items:center;gap:6px;font-size:.62rem!important;}
  .pd .vp-money-value{font-size:1.25rem!important;margin-top:auto;}
  .pd .vp-money-sub{display:none!important;}
  .pd .vp-money-qm{display:inline-flex!important;width:14px;height:14px;font-size:.6rem;margin-left:2px;}
  /* the tip hangs from its card's own edge (two columns), never off screen */
  .pd .vp-money-card{position:relative;}
  .pd .vp-money-qm{position:static;}
  .pd .vp-money-qm .vp-qm-tip{width:min(200px,calc(100vw - 72px));left:8px;right:auto;bottom:calc(100% + 8px);transform:none!important;transition:opacity var(--t) var(--ease)!important;}
  .pd .vp-money-card:nth-child(even) .vp-money-qm .vp-qm-tip{left:auto;right:8px;}
  .pd .pp-code-card{padding:18px 16px;}
  .pp-chart{grid-template-columns:40px minmax(0,1fr);column-gap:6px;}
  .pp-chart-plot{min-height:168px;}
  .pp-kpi{padding:10px 11px 9px;}
  .pp-kpi-v{font-size:1.08rem;}
  .pp-tier-row{gap:10px;}
  .pp-tier-end{font-size:.78rem;}
  .pp-comm-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id amt" "d st";gap:4px 12px;}
  .pd-team button{width:100%;}
  .pd-tier{padding-right:14px;}
  .pd-join{padding:20px 18px 18px;}
}
@media (prefers-reduced-motion:reduce){
  .pp-chart-tip,.pp-chart-guide,.pp-rev-exp,.pd-fill,.pd-chip,.pp-ps-ic::before,.pp-ps-ic::after,.pd .pp-payout-schedule,.pd .pp-ps-list{transition:none!important;}
}

/* ── loading ────────────────────────────────────────────────────────────── */
.pd-skel{display:flex;flex-direction:column;gap:var(--s4);}
.pd-skel .ah-skel{height:84px;}
.pd-skel .ah-skel+.ah-skel{height:300px;}