/* pn-talent-20260913.css — CEO feedback #13: freelancers as a talent type, founder's rate printed.
   Styling only; markup lives in scoutCardHTML / squadCardHTML / ttCardHTML (script-01.js).
   Reuses the existing card chrome (.avail-badge, .sf-visa, .sqd-train) — three modifiers and one
   chip, nothing new to learn. No emoji (UX_RULES §13). */

/* the market badge: FREELANCE · N WKS — amber, the same warmth the visa line already uses */
.avail-badge--fl{ color:#ffd9a8; border-color:rgba(255,184,107,.5); }
.avail-badge--fl::before{ background:#ffb86b; }

/* the terms line under the wage on a market card */
.sf-terms{ display:block; margin-top:3px; letter-spacing:.06em; line-height:1.35; }

/* the terms chip on a squad / dossier card: FREELANCE · 3 WKS LEFT · FOUNDER'S RATE */
.tt-terms{ font:800 9px var(--mono,ui-monospace,monospace); letter-spacing:.12em; color:#ffb86b;
  padding:1px 5px; border:1px solid rgba(255,184,107,.45); border-radius:4px; vertical-align:1px; white-space:nowrap; }

/* the EXTEND button keeps the TRAIN UP geometry; the tone says "contract", not "invest" */
html body[data-view="office"] .sqd-extend{ border-color:rgba(255,184,107,.55) !important; }
html body[data-view="office"] .sqd-extend em{ color:#ffd9a8 !important; }

/* a freelance market card carries a hairline in the same amber so the eye can sort the board at a glance */
.scout-card.is-freelance .scout-foot{ border-color:rgba(255,184,107,.55); }

@media (max-width:640px){
  .tt-terms{ display:inline-block; margin-top:3px; }
}