/*
  Recruiter — Vue Talent (R12). The recruiter consults a talent's full public
  profile. Reuses talent_profile.css (.tp-* structure) for the middle sections;
  this file carries only the recruiter-side deltas: hide the owner edit
  affordances (the recruiter consults, never edits) and style the recruiter hero
  CTAs + the future-brick (Brique 3) annotation. Zero inline CSS.
*/

/* The recruiter consults: hide every owner edit/add affordance. */
.rtv-page .tp-edit-btn,
.rtv-page .tp-add-btn,
.rtv-page .tp-cover-edit { display: none !important; }

/* Recruiter hero action cluster */
.rtv-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; flex-wrap: wrap; }
.rtv-cta-btn { padding: 9px 16px; font-size: 12px; display: inline-flex; align-items: center; gap: 6px; border-radius: 100px; font-weight: 700; cursor: pointer; font-family: inherit; }

/* Functional shortlist button reflects state */
.rtv-cta-btn.is-shortlisted { background: #E9F6EE; border-color: #1F7A4A; color: #1F7A4A; }

/* Future-brick (Brique 3): contact / proposal = real contact, grayed + annotated */
.rtv-future { display: inline-flex; align-items: center; gap: 8px; }
.rtv-future-badge { font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: #8B6F33; background: #F8F4ED; border: 1px solid #E8DDC4; border-radius: 6px; padding: 3px 7px; }
.rtv-cta-btn[disabled] { opacity: 0.5; cursor: not-allowed; filter: grayscale(0.4); }

/* Shortlisted confirmation strip in the sidebar */
.rtv-shortlist-card { border-radius: 16px; padding: 18px; background: #fffdfa; border: 1px solid #f8f4ed; }
.rtv-shortlist-card h3 { font-family: 'Playfair Display', serif; font-size: 18px; color: #131313; margin-bottom: 6px; }
.rtv-shortlist-card p { font-size: 12.5px; color: #6B6560; line-height: 1.5; margin-bottom: 12px; }
.rtv-shortlist-card .rtv-cta-btn { width: 100%; justify-content: center; }
.rtv-shortlist-future { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f0ece2; }
.rtv-shortlist-future .rtv-cta-btn { width: 100%; justify-content: center; margin-top: 8px; }