/* PropXConnect Rewards
   Borrows the theme's CSS variables with neutral fallbacks, so it looks native
   inside the PropXConnect theme and merely plain anywhere else. */

.pxr{
  --c-bg:var(--raise,#141f24);--c-deep:var(--bg-deep,#0a1114);--c-line:var(--line,#24363d);
  --c-rule:var(--rule,#28414a);--c-text:var(--text,#edf3f5);--c-dim:var(--dim,#8fa6ae);
  --c-faint:var(--faint,#5a737d);--c-act:var(--act,#ea6d22);--c-ink:var(--act-ink,#0c1417);
  --c-brand:var(--brand,#0fa0cc);--c-glow:var(--glow,#57cdf9);
  --c-pos:var(--pos,#38ce8d);--c-neg:var(--neg,#e85f63);
  display:flex;flex-direction:column;gap:14px;
}
.pxr *{box-sizing:border-box}
.pxr-k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-faint);display:block}

.pxr-note{padding:13px 16px;font-size:14px;box-shadow:inset 0 0 0 1px var(--c-rule);color:var(--c-text)}
.pxr-note.good{box-shadow:inset 0 0 0 1px var(--c-pos);color:var(--c-pos)}
.pxr-note.bad{box-shadow:inset 0 0 0 1px var(--c-neg);color:var(--c-neg)}
.pxr-note a{color:var(--c-act)}

/* ---- balance hero ---- */
.pxr-hero{
  position:relative;overflow:hidden;padding:26px 28px;background:var(--c-bg);
  box-shadow:inset 0 0 0 1px var(--c-line);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
.pxr-hero::before{
  content:"";position:absolute;inset:auto -80px -180px auto;width:420px;height:420px;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--c-brand) 22%,transparent),transparent 72%);
  pointer-events:none;
}
.pxr-hero.is-prem::before{background:radial-gradient(closest-side,color-mix(in srgb,var(--c-act) 20%,transparent),transparent 72%)}
.pxr-hero-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pxr-bal-n{display:flex;align-items:center;gap:14px;margin-top:10px}
.pxr-gem{
  width:34px;height:34px;flex:none;display:block;
  background:linear-gradient(150deg,var(--c-glow),var(--c-brand));
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.pxr-hero.is-prem .pxr-gem{background:linear-gradient(150deg,var(--c-act),color-mix(in srgb,var(--c-act) 55%,#000))}
.pxr-big{font-size:52px;font-weight:800;line-height:.9;letter-spacing:-.03em;color:var(--c-text)}
.pxr-tierbadge{
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;
  padding:7px 12px;color:var(--c-brand);box-shadow:inset 0 0 0 1px var(--c-brand);white-space:nowrap;
}
.pxr-hero.is-prem .pxr-tierbadge{color:var(--c-act);box-shadow:inset 0 0 0 1px var(--c-act)}

/* ---- progress ---- */
.pxr-prog{position:relative;margin-top:24px}
.pxr-prog-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}
.pxr-prog-n{font-size:12px;color:var(--c-faint)}
.pxr-prog-n b{color:var(--c-text);font-size:14px}
.pxr-bar{height:8px;background:var(--c-deep);box-shadow:inset 0 0 0 1px var(--c-line);overflow:hidden}
.pxr-bar i{
  display:block;height:100%;background:linear-gradient(90deg,var(--c-brand),var(--c-glow));
  transition:width .5s ease;
}
.pxr-hero.is-prem .pxr-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--c-act) 70%,#000),var(--c-act))}
.pxr-prog-foot{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.pxr-pct{font-size:15px;font-weight:800;color:var(--c-glow)}
.pxr-hero.is-prem .pxr-pct{color:var(--c-act)}
.pxr-goal{font-size:13px;font-weight:600;color:var(--c-text)}
.pxr-togo{font-size:11.5px;color:var(--c-faint);margin-left:auto}

/* ---- bonus code ---- */
.pxr-codebar{position:relative;margin-top:24px;padding-top:20px;border-top:1px solid var(--c-line)}
.pxr-codebar-in{display:flex;margin-top:9px;max-width:420px}
.pxr-codebar input{
  flex:1;min-width:0;background:var(--c-deep);border:1px solid var(--c-line);border-right:0;
  color:var(--c-text);padding:12px 14px;font-size:14px;font-family:inherit;
}
.pxr-codebar input:focus{outline:none;border-color:var(--c-brand)}
.pxr-codebar button{
  background:var(--c-brand);color:#fff;border:0;padding:12px 22px;
  font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
}
.pxr-codebar button:hover{filter:brightness(1.12)}

/* ---- layout ---- */
.pxr-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start}
@media(max-width:900px){.pxr-grid{grid-template-columns:1fr}}

.pxr-card{
  background:var(--c-bg);box-shadow:inset 0 0 0 1px var(--c-line);padding:24px;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
.pxr-card h3{margin:0 0 6px;font-size:19px}
.pxr-sub{color:var(--c-dim);font-size:13.5px;margin:0 0 18px;line-height:1.55}
.pxr-empty{margin:0;color:var(--c-faint)}

/* ---- form ---- */
.pxr-form{display:flex;flex-direction:column;gap:16px}
.pxr-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.pxr-two{grid-template-columns:1fr}}
.pxr-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.pxr-field label,.pxr-field > label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--c-text)}
.pxr-step{
  width:20px;height:20px;flex:none;display:grid;place-items:center;
  background:var(--c-brand);color:#fff;font-size:11px;font-weight:700;border-radius:50%;
}
.pxr-field small{font-size:11.5px;color:var(--c-faint);line-height:1.45}
.pxr-field input[type=text],.pxr-field input[type=number],.pxr-field select{
  background:var(--c-deep);border:1px solid var(--c-line);color:var(--c-text);
  padding:12px 13px;font-size:14px;font-family:inherit;width:100%;
}
.pxr-field input:focus,.pxr-field select:focus{outline:none;border-color:var(--c-brand)}
.pxr-money{display:flex;align-items:stretch}
.pxr-money span{
  display:grid;place-items:center;padding:0 12px;background:var(--c-deep);
  border:1px solid var(--c-line);border-right:0;color:var(--c-faint);font-size:14px;
}

/* drop zone */
.pxr-drop{
  position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;padding:26px 18px;text-align:center;cursor:pointer;
  border:1px dashed var(--c-rule);background:var(--c-deep);transition:.15s;
}
.pxr-drop:hover,.pxr-drop.is-over{border-color:var(--c-brand);background:color-mix(in srgb,var(--c-brand) 7%,var(--c-deep))}
.pxr-drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.pxr-drop-icon{
  width:26px;height:26px;border:2px solid var(--c-faint);border-radius:4px;position:relative;
}
.pxr-drop-icon::after{
  content:"";position:absolute;left:50%;top:50%;width:2px;height:13px;background:var(--c-faint);
  transform:translate(-50%,-50%);box-shadow:-6px 0 0 -5.5px var(--c-faint);
}
.pxr-drop-t{font-size:13.5px;font-weight:600;color:var(--c-text);word-break:break-all}
.pxr-drop-s{font-size:11px;color:var(--c-faint)}
.pxr-drop.has-file{border-style:solid;border-color:var(--c-pos)}
.pxr-drop.has-file .pxr-drop-icon{border-color:var(--c-pos)}
.pxr-drop.has-file .pxr-drop-icon::after{background:var(--c-pos);box-shadow:-6px 0 0 -5.5px var(--c-pos)}
.pxr-preview{max-height:130px;max-width:100%;margin-top:8px;border:1px solid var(--c-line)}

.pxr-btn{
  background:var(--c-act);color:var(--c-ink);border:0;padding:14px 24px;
  font-weight:800;font-size:14px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
.pxr-btn:hover{filter:brightness(1.1)}
.pxr-fine{font-size:11.5px;color:var(--c-faint);margin:0;line-height:1.55}

/* ---- claim rows ---- */
.pxr-rows{display:flex;flex-direction:column;border-top:1px solid var(--c-line)}
.pxr-row{
  display:grid;grid-template-columns:8px 1fr auto 62px auto;gap:12px;align-items:center;
  padding:13px 0;border-bottom:1px solid var(--c-line);font-size:13px;
}
.pxr-dot{width:8px;height:8px;border-radius:50%;background:var(--c-faint)}
.pxr-dot.s-approved{background:var(--c-pos)}
.pxr-dot.s-rejected{background:var(--c-neg)}
.pxr-dot.s-pending{background:var(--c-act);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-act) 22%,transparent)}
.pxr-firm{font-weight:600;color:var(--c-text);min-width:0}
.pxr-firm i{display:block;font-style:normal;font-size:11px;color:var(--c-faint);margin-top:3px}
.pxr-status{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;white-space:nowrap}
.pxr-status.s-pending{color:var(--c-act);box-shadow:inset 0 0 0 1px var(--c-act)}
.pxr-status.s-approved{color:var(--c-pos);box-shadow:inset 0 0 0 1px var(--c-pos)}
.pxr-status.s-rejected{color:var(--c-neg);box-shadow:inset 0 0 0 1px var(--c-neg)}
.pxr-pts{font-weight:700;color:var(--c-glow);text-align:right}
.pxr-view{font-size:11.5px;color:var(--c-faint);text-decoration:underline;white-space:nowrap}
.pxr-view:hover{color:var(--c-text)}
.pxr-view.is-off{text-decoration:none;opacity:.6;cursor:help}
.pxr-why{grid-column:2/-1;font-size:12px;color:var(--c-neg)}
@media(max-width:640px){
  .pxr-row{grid-template-columns:8px 1fr auto;row-gap:8px}
  .pxr-pts,.pxr-view{grid-column:2/-1;text-align:left}
}

/* ---- admin ---- */
.pxr-admin .pxr-hint{background:#fff;border-left:4px solid #2271b1;padding:12px 14px;max-width:860px}
.pxr-admin .pxr-steps{max-width:860px;line-height:1.7}
.pxr-admin .pxr-badge{font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:3px;background:#eee;color:#555}
.pxr-admin .pxr-badge.s-approved{background:#d6f2e2;color:#0a6b40}
.pxr-admin .pxr-badge.s-rejected{background:#fbdcdc;color:#8a1f1f}
.pxr-admin .pxr-badge.s-pending{background:#fdf0d5;color:#7a5600}
.pxr-admin .pxr-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.pxr-admin .pxr-path{font-size:10px;color:#777;word-break:break-all}
.pxr-admin .pxr-uid{color:#777}
.pxr-admin .pxr-cb{margin:0}
.pxr-submit .pxr-form{margin-top:2px}
.pxr-field small.pxr-urgent{color:var(--c-act);font-weight:600}
.pxr-field input[type=date]{
  background:var(--c-deep);border:1px solid var(--c-line);color:var(--c-text);
  padding:11px 13px;font-size:14px;font-family:inherit;width:100%;
  /* The calendar button and the yyyy-mm-dd placeholder are drawn by the
     BROWSER, not by us, and it picks their colour from the page's declared
     colour scheme — which defaults to light. That is why the icon came out
     near-black on a near-black field while every other control looked right.
     Declaring dark also fixes the picker panel itself, which was opening as a
     white calendar over a dark page. */
  color-scheme:dark;
}
.pxr-field input[type=date]:focus{outline:none;border-color:var(--c-brand)}
/* OUR OWN GLYPH, painted in our own text colour.
   
   filter:invert(1) was wrong here: colour-scheme:dark above ALREADY tells the
   browser to draw a light indicator, so inverting flipped the fixed icon back
   to black. Rather than depend on which shade a given browser picks and then
   correct it, the UA image is replaced outright — the mask clips the element
   to a calendar shape and background-color fills it, so it is exactly
   var(--c-text), the same colour as the label beside it.
   
   Webkit-only selector, so the mask is always supported where this applies;
   Firefox never matches the rule and is handled by colour-scheme alone. */
.pxr-field input[type=date]::-webkit-calendar-picker-indicator{
  width:15px;height:15px;padding:0;margin:0;cursor:pointer;
  opacity:.6;transition:opacity .12s;
  background:var(--c-text);
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;
}
.pxr-field input[type=date]:hover::-webkit-calendar-picker-indicator,
.pxr-field input[type=date]:focus::-webkit-calendar-picker-indicator{opacity:1}

/* ---- reward catalogue ---- */
.pxr-cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.pxr-reward{
  background:var(--c-deep);box-shadow:inset 0 0 0 1px var(--c-line);padding:16px;
  display:flex;flex-direction:column;gap:9px;transition:.14s;
  clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
}
.pxr-reward.can{box-shadow:inset 0 0 0 1px var(--c-glow)}
.pxr-reward.out{opacity:.55}
.pxr-reward-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.pxr-reward-pts{font-size:26px;font-weight:800;line-height:1;color:var(--c-glow);letter-spacing:-.02em}
.pxr-reward.can .pxr-reward-pts{color:var(--c-glow)}
.pxr-reward-pts i{
  display:block;font-style:normal;font-size:9.5px;font-weight:400;letter-spacing:.14em;
  text-transform:uppercase;color:var(--c-faint);margin-top:5px;
}
.pxr-tag{
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 7px;white-space:nowrap;
  color:var(--c-faint);box-shadow:inset 0 0 0 1px var(--c-line);
}
.pxr-tag.low{color:var(--c-act);box-shadow:inset 0 0 0 1px var(--c-act)}
.pxr-tag.out{color:var(--c-neg);box-shadow:inset 0 0 0 1px var(--c-neg)}
.pxr-reward h4{margin:0;font-size:15px;line-height:1.3;color:var(--c-text)}
.pxr-reward p{margin:0;font-size:12.5px;color:var(--c-dim);line-height:1.5}
.pxr-reward form{margin-top:auto}
.pxr-btn.sm{width:100%;padding:10px 14px;font-size:12.5px}
.pxr-reward-prog{margin-top:auto;display:flex;flex-direction:column;gap:6px}
.pxr-reward-note{font-size:11px;color:var(--c-faint)}
.pxr-bar.sm{height:5px}

/* a redeemed code, in the "your rewards" list */
.pxr-row.pxr-redeemed{grid-template-columns:8px 1fr auto}
.pxr-code{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--c-bg);color:var(--c-glow);box-shadow:inset 0 0 0 1px var(--c-glow);
  padding:8px 12px;font-family:inherit;font-weight:600;font-size:12.5px;letter-spacing:.08em;
  cursor:pointer;transition:.14s;border:0;
}
.pxr-code svg{width:12px;height:12px;flex:none;opacity:.6}
.pxr-code:hover{background:var(--c-glow);color:var(--c-deep)}
.pxr-code:hover svg{opacity:1}
.pxr-code.copied{background:var(--c-pos);color:#04231a;box-shadow:inset 0 0 0 1px var(--c-pos)}
.pxr-tag.have{color:var(--c-pos);box-shadow:inset 0 0 0 1px var(--c-pos)}
.pxr-reward.owned{opacity:.8}
.pxr-reward.owned .pxr-reward-pts{color:var(--c-faint)}

/* ---- dashboard tabs ---- */
.pxr-tabs{display:flex;gap:0;border-bottom:1px solid var(--c-line);margin-top:2px}
.pxr-tab{
  appearance:none;background:none;border:0;cursor:pointer;position:relative;
  padding:14px 20px;font-family:inherit;font-size:14px;font-weight:600;
  color:var(--c-faint);letter-spacing:.01em;transition:.14s;
}
.pxr-tab:hover{color:var(--c-dim)}
.pxr-tab.is-on{color:var(--c-text)}
.pxr-tab.is-on::after{
  content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--c-glow);
}
.pxr-panel{display:none;padding-top:14px}
.pxr-panel.is-on{display:block}

/* No JS: show everything rather than nothing. A hidden panel with no way to
   reveal it is worse than an unstyled page. */
.pxr:not([data-ready]) .pxr-panel{display:block}

/* ---- reward groups ---- */
.pxr-group + .pxr-group{margin-top:26px}
.pxr-group-h{
  display:flex;align-items:center;gap:12px;margin:0 0 14px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-faint);font-weight:600;
}
.pxr-group-h::after{content:"";flex:1;height:1px;background:var(--c-line)}

/* ---- My Rewards ---- */
.pxr-row.is-spent{opacity:.6}
.pxr-oldcode{font-family:inherit;font-size:12px;letter-spacing:.08em;color:var(--c-faint);text-decoration:line-through}
.pxr-row.pxr-ledger{grid-template-columns:8px 1fr auto 70px}
.pxr-row.pxr-ledger .pxr-firm{grid-column:2}
.pxr-delta{font-weight:700;font-size:14px;text-align:right;white-space:nowrap}
.pxr-delta.up{color:var(--c-pos)}
.pxr-delta.down{color:var(--c-act)}
.pxr-bal{font-size:12px;color:var(--c-faint);text-align:right}
.pxr-bal::before{content:"→ ";opacity:.6}

/* Ready to use is the thing to act on; history is reference. Make that
   obvious with weight and distance rather than another heading. */
.pxr-card.pxr-hero-card{box-shadow:inset 0 0 0 1px var(--c-glow)}
.pxr-card.pxr-hero-card h3{font-size:21px}
.pxr-card.pxr-quiet{margin-top:34px;background:transparent;box-shadow:inset 0 0 0 1px var(--c-line);opacity:.92}
.pxr-card.pxr-quiet h3{font-size:15px;color:var(--c-dim)}
.pxr-card.pxr-quiet::before{
  content:"";display:block;height:1px;background:var(--c-line);
  margin:-24px -24px 22px;
}
.pxr-hcode{font-family:inherit;font-size:10.5px;letter-spacing:.06em;color:var(--c-faint)}

/* Verification status leads; the tier badge only appears for premium. */
.pxr-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pxr-tierbadge.is-ok{color:var(--pos);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pos) 55%,transparent)}
.pxr-tierbadge.is-warn{color:var(--act);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--act) 55%,transparent)}

/* Badge column: status, then the action it implies, right-aligned together. */
.pxr-badges{flex-direction:column;align-items:flex-end;gap:7px}
/* Keep the badge and its action on the same right edge, tight together. */
.pxr-badges{gap:6px}
.pxr-badges .pxa-resend-mini{align-self:stretch}

/* Section headings. NOT collapsible — a reward a member cannot see is a
   redemption they do not make. Only the WordPress admin list collapses. */
.pxr-group-h{
  display:flex;align-items:center;gap:11px;
  padding:0 0 14px;margin:0 0 16px;
  border-bottom:1px solid var(--c-line);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-faint);font-weight:600;
}
.pxr-group-h i{margin-left:auto;font-style:normal;letter-spacing:.04em;text-transform:none;font-size:11.5px;font-weight:400}

/* Reserved rewards: visible and earnable, but not redeemable yet. */
.pxr-reward.is-locked{opacity:.72}
.pxr-reward.is-locked .pxr-reward-pts{color:var(--c-dim)}
.pxr-tag.lock{
  color:var(--c-act);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-act) 50%, transparent);
}
.pxr-reward.is-locked .pxr-reward-note{color:var(--c-act)}

/* Progress to the tier, inside the balance panel. */
.pxr-xprog{
  display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  margin:18px 0 0;padding:16px 18px;border-radius:12px;
  background:color-mix(in srgb, var(--c-glow) 8%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-glow) 30%, transparent);
}
.pxr-xprog-txt{flex:1;min-width:260px}
.pxr-xprog strong{display:block;margin-bottom:5px;font-size:15px;color:var(--c-text)}
.pxr-xprog p{margin:0;font-size:13.5px;line-height:1.55;color:var(--c-dim);max-width:62ch}
.pxr-xprog small{display:block;margin-top:7px;font-size:11.5px;color:var(--c-faint)}
.pxr-xprog-meter{display:flex;flex-direction:column;gap:7px;min-width:120px}
.pxr-xprog-n{font-size:26px;font-weight:800;color:var(--c-glow);line-height:1;letter-spacing:-.02em}
.pxr-xprog-n i{font-style:normal;font-size:15px;color:var(--c-faint);font-weight:600}
.pxr-xprog-bar{display:block;height:5px;background:var(--c-bg);border-radius:99px;overflow:hidden}
.pxr-xprog-bar b{display:block;height:100%;background:var(--c-glow);border-radius:99px;transition:width .3s}

/* ---- v1.37.0: a firm that cannot earn points ------------------------
   Dimmed AND disabled. Dimming alone leaves a required file input the
   member has been told to ignore, which blocks submission with a
   validation bubble pointing at a greyed-out control.
   --------------------------------------------------------------------- */
.pxr-field.is-blocked .pxr-drop{opacity:.35;pointer-events:none;filter:grayscale(1)}
.pxr-field.is-blocked > label:first-child{opacity:.45}
.pxr-blocked-note{
  border:1px dashed var(--c-line);background:var(--c-deep);
  padding:13px 15px;font-size:13px;line-height:1.5;color:var(--c-dim);margin-bottom:10px;
}
.pxr-firm-note{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:var(--c-dim)}
/* The order number greys out with the screenshot — both are things there is
   no point filling in for a firm that cannot earn. */
.pxr-field.is-blocked input[type=text]{opacity:.35;pointer-events:none}
.pxr-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}