/* A JOB'S MOVING AND CANCELLING FOLD (roadmap N19; public/assets/changes-studio.js draws it): its few rules on top of the
   job page's own cards and rows (/assets/app.css: wa-card, pn-card, jf-row, pn-badge), in the app's own tokens, so light
   and dark follow the Studio's. Every rule is scoped to a cg- class. */
.cg-card > p.pn-t { margin: 0 0 6px; font-size: 13px; line-height: 1.5; color: var(--pn-muted); }
.cg-lead { margin: 0 0 10px; }
.cg-form { display: grid; gap: 12px; margin-top: 12px; }
.cg-two { display: grid; gap: 12px; }
.cg-two[hidden] { display: none; }
@media (min-width: 720px) { .cg-two { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cg-fld { display: grid; gap: 6px; }
.cg-in { width: 100%; box-sizing: border-box; }
.cg-offer { margin-top: 12px; }
.cg-offer:empty { display: none; }
.cg-words { margin: 6px 0 0; padding: 0 0 0 18px; display: grid; gap: 3px; font-size: 14px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.cg-warn { color: var(--st-warn, var(--pn-muted)); font-weight: 600; }
.cg-row .pn-m { min-width: 0; }
.cg-pin { display: grid; gap: 8px; width: 100%; margin-top: 10px; max-width: 18rem; }
/* the Client portal fold's way here (public/assets/portal-studio.js), a link in its line's words */
.pt-chglink { display: inline; min-height: 44px; margin: 0; padding: 0; font: inherit; color: inherit; background: none; border: 0;
  text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }