/* ===========================================================
   talent-review-shared.css
   Tokens + classes communes aux pages /talent/review-* pour le
   layout "biface" (preview gauche / drawer droite) et l'aperçu
   live de la fiche profil. Source canonique : TalentReviewPersonal
   (les rules y sont historiquement inlinées). À chaque évolution
   visuelle, mettre à jour les deux endroits.
   =========================================================== */

/* === PREVIEW LIVE — HERO (banner + identité + pitch) === */
.trp-hero-wrap{position:relative;border-radius:14px;overflow:hidden;margin-bottom:24px;background:linear-gradient(99deg,#BD9733 0%,#E5D29F 25%,#E8CC6E 50%,#E5D29F 75%,#FFF4C2 100%);box-shadow:0 8px 24px -12px rgba(189,151,51,.4);}
.trp-hero-banner{position:relative;height:120px;background:linear-gradient(99deg,#BD9733 0%,#E5D29F 25%,#E8CC6E 50%,#E5D29F 75%,#FFF4C2 100%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;}
.trp-hero-banner.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35) 100%);}
.trp-hero-banner-hint{font-size:11px;font-weight:700;color:#000;letter-spacing:.04em;background:rgba(255,255,255,.55);backdrop-filter:blur(4px);padding:6px 12px;border-radius:9999px;}

.trp-preview-hero{position:relative;background:#fff;padding:0 20px 20px;display:flex;align-items:flex-end;gap:16px;margin-top:-36px;z-index:2;}
.trp-preview-avatar{width:88px;height:88px;border-radius:9999px;background:linear-gradient(99deg,#BD9733 0%,#E5D29F 25%,#E8CC6E 50%,#E5D29F 75%,#FFF4C2 100%);color:#000;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;flex-shrink:0;border:4px solid #fff;box-shadow:0 4px 14px -4px rgba(0,0,0,.18);position:relative;}
.trp-preview-avatar.has-photo{background:transparent;padding:0;overflow:hidden;}
.trp-preview-avatar.has-photo > img{width:100%;height:100%;object-fit:cover;border-radius:9999px;}

.trp-pitch-card{flex-shrink:0;width:64px;height:88px;border-radius:10px;background:#000;border:2px solid #fff;box-shadow:0 4px 14px -4px rgba(0,0,0,.18);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;}
.trp-pitch-card.has-video{background:#000;}
.trp-pitch-card video{width:100%;height:100%;object-fit:cover;}
.trp-pitch-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#E8CC6E;font-size:18px;background:rgba(0,0,0,.35);}
.trp-pitch-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:8px;font-weight:700;color:#E8CC6E;letter-spacing:.06em;}

.trp-preview-hero-text{flex:1;min-width:0;padding-bottom:4px;}
.trp-preview-hero-name{font-size:20px;font-weight:600;color:#0a0a0a;margin-bottom:2px;letter-spacing:-.01em;line-height:1.2;}
.trp-preview-hero-name.is-empty{color:#A3A3A3;font-style:italic;font-weight:400;}
.trp-preview-hero-title{font-size:13px;color:#525252;font-weight:500;margin-bottom:6px;}
.trp-preview-hero-title.is-empty{color:#A3A3A3;font-style:italic;font-weight:400;}
.trp-preview-hero-meta{font-size:11px;color:#737373;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.trp-preview-hero-meta .dot{width:3px;height:3px;border-radius:9999px;background:#D4D4D4;}
.trp-verified-badge{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;border-radius:9999px;background:#000;color:#E8CC6E;font-size:10px;font-weight:700;letter-spacing:.04em;}

/* === SECTIONS — étape en cours (encadré or) === */
.trp-preview-section{border:2px solid #A38543;border-radius:10px;padding:20px;background:#fff;box-shadow:0 0 0 4px rgba(163,133,67,.1);margin-bottom:16px;position:relative;}
.trp-preview-section-tag{position:absolute;top:-10px;left:14px;background:#A38543;color:#000;font-weight:700;font-size:10px;padding:2px 10px;border-radius:9999px;letter-spacing:.06em;}
.trp-preview-section-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:#525252;margin-bottom:12px;text-transform:uppercase;}
.trp-preview-fields{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:13px;color:#262626;}
.trp-preview-fields dt{font-size:10px;font-weight:600;letter-spacing:.08em;color:#737373;text-transform:uppercase;align-self:center;}
.trp-preview-fields dd{margin:0;color:#0a0a0a;font-weight:500;word-break:break-word;}
.trp-preview-fields dd.is-empty{color:#A3A3A3;font-style:italic;font-weight:400;}
.trp-preview-reloc{margin-top:14px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;background:#F0E9D8;color:#5A4A25;font-size:11px;font-weight:600;}

/* === SECTIONS "fiche réelle" (étapes 2-5) — hiérarchie dégressive === */
.trp-real-section{background:#fff;border:1px solid #E5E5E5;border-radius:10px;padding:18px 20px;margin-bottom:12px;}
.trp-real-section.is-empty{background:#FAFAFA;border:1px dashed #D4D4D4;}
.trp-real-section[data-step="2"]{opacity:1;}
.trp-real-section[data-step="3"]{opacity:.92;}
.trp-real-section[data-step="4"]{opacity:.85;}
.trp-real-section[data-step="5"]{opacity:.78;}
.trp-real-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.trp-real-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:#525252;text-transform:uppercase;}
.trp-real-step{font-size:9px;font-weight:600;letter-spacing:.08em;color:#A38543;text-transform:uppercase;}
.trp-real-step.muted{color:#A3A3A3;}
.trp-real-body{font-size:13px;color:#262626;line-height:1.55;}
.trp-real-body.empty{color:#A3A3A3;font-style:italic;font-size:12px;}
.trp-chips{display:flex;flex-wrap:wrap;gap:6px;}
.trp-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:9999px;background:#F5EFDF;color:#5A4A25;font-size:11px;font-weight:500;}
.trp-chip.skill{background:#F4F4F5;color:#262626;}
.trp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;}
.trp-gallery-tile{aspect-ratio:1;background:#F4F4F5;border-radius:6px;background-size:cover;background-position:center;}
.trp-bio{font-size:13px;color:#262626;line-height:1.55;}
.trp-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:#525252;}
.trp-meta-row strong{color:#0a0a0a;font-weight:600;}