/* ═══ #4804 (liste de Kevin du 10/10) : les trois cartes du haut des deux tableaux de bord ═══

   Source : livraison de Kevin du 10/10/2026 « Cartes du haut des dashboards, état final »
   (`mockups/shared/_dashboard_cards_style`, CSS tiré de sa galerie, préfixé `dtc-`).
   Transcription en valeurs littérales (`brick-mockup-transcription`) : le bloc ci-dessous
   est le sien, tel quel, à six règles près (la grille `.dtc-strip`, voir plus bas). Ses ors
   passent par les jetons de `design_tokens.css` (mêmes valeurs ; les trois que l'échelle
   n'a pas y sont ajoutés en `--dtc-gold-*`), règle du garde-fou du design system.
   Rendu par `recruiter/dashboard/_my_page`, `_find_talent`, `_plan` et
   `talent/dashboard/_my_page`, `_find_house`, `_edit_profile`.

   Différence de structure avec la livraison : chez Kevin, `.dtc-stage` enveloppe les trois
   cartes et `.dtc-strip` les pose sur une grille à trois colonnes. Ici, la grille reste
   celle des tableaux de bord (sous-grille de #4614, demi-écran de #4619, une colonne sous
   901 px) : « aucun autre changement sur le dashboard ». Chaque carte est donc son propre
   `.dtc-stage` (la boîte placée par la grille), et `.dtc-card` la carte visible dedans.
   Les règles `.dtc-strip` de la livraison ne sont pas reprises.
   Décisions : `doc/memory/decisions.md`, section du 13/10/2026 ; écarts :
   `doc/memory/brick-3/transcription-cartes-dashboards.md`. */

/* ── Bloc de la livraison (valeurs littérales) ── */
.dtc-stage{
  --ink:#1A1614; --tx:#2C2C2C; --tx2:#4A4640; --mut:#77726A; --faint:#958F83;
  --line:#E9E4D8; --line-2:#DDD6C6;
  --gold:var(--gold-primary); --gold-d:var(--gold-deep);
  --coral:#D9503F; --coral-tx:#C8402F; --coral-line:#F0C7BF; --green:#1B7A4E;
  font-family:Geist,system-ui,-apple-system,sans-serif; font-size:14px; line-height:1.4; color:var(--tx);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.dtc-stage,.dtc-stage *,.dtc-stage *::before,.dtc-stage *::after{box-sizing:border-box}
.dtc-stage a{color:inherit;text-decoration:none}
.dtc-stage h2,.dtc-stage p,.dtc-stage ol,.dtc-stage ul,.dtc-stage figure{margin:0;padding:0}
.dtc-stage ol,.dtc-stage ul{list-style:none}
.dtc-stage button{font:inherit;color:inherit}
.dtc-stage .dtc-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dtc-stage :focus-visible{outline:2px solid var(--gold-700);outline-offset:2px}
.dtc-stage .dtc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dtc-rot{display:grid;justify-items:start}
.dtc-rot li{grid-area:1/1;opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){.dtc-rot li{animation:dtc-rot 16s ease-in-out infinite both;animation-delay:calc(var(--i)*3.2s)}
[data-find]:hover .dtc-rot li,[data-find]:focus-within .dtc-rot li{animation-play-state:paused}}
@media (prefers-reduced-motion:reduce){.dtc-rot li:first-child{opacity:1;pointer-events:auto}}
.dtc-stage .dtc-toggle,.dtc-stage .dtc-rot button{position:relative}
.dtc-stage .dtc-toggle::after{content:"";position:absolute;inset:-7px}
.dtc-stage .dtc-rot button::after{content:"";position:absolute;inset:-6px -2px}
.dtc-b{--esp:linear-gradient(135deg,var(--gold-700) 0%,var(--gold-800) 45%,#2C2413 100%)}
.dtc-b .dtc-card{position:relative;display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid #ECE6D9;border-radius:24px;box-shadow:0 1px 2px rgba(26,22,20,.04),0 30px 60px -36px rgba(44,36,19,.34)}
.dtc-b .dtc-title{font:600 23px/1.15 "Playfair Display",Georgia,serif;letter-spacing:-.012em;color:var(--ink)}
.dtc-b .dtc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;min-height:30px}
/* #4913 (Tatianna 15/10) : l'icône des catégories devant le titre de « Ma page » et
   « Éditer mon profil ». La marge basse des catégories en 2×2 (Maison, mobile) ne
   s'applique pas ici. */
.dtc-b .dtc-head-l{display:inline-flex;align-items:center;gap:12px;min-width:0}
.dtc-b .dtc-head-l > .td2-cat-ic{margin-bottom:0 !important}
.dtc-b .dtc-pill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 13px 0 11px;border:1px solid #E3DDCF;border-radius:99px;background:#fff;font-size:12.5px;font-weight:500;color:var(--tx2);white-space:nowrap}
.dtc-b .dtc-pill i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--faint)}
.dtc-b .dtc-pill.is-publique i,.dtc-b .dtc-pill.is-visible i{border:0;background:var(--green)}
.dtc-b .dtc-pill.is-confidentielle i,.dtc-b .dtc-pill.is-offmarket i,.dtc-b .dtc-pill.is-gold i{border:0;background:var(--gold)}
.dtc-b .dtc-pill.is-masque i,.dtc-b .dtc-pill.is-masquee i{border:1.5px solid var(--faint);background:none}
.dtc-b .dtc-prog{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;font-size:13.5px;color:var(--tx2)}
.dtc-b .dtc-prog b{color:var(--ink);font-weight:600;font-size:15px}
.dtc-b .dtc-bar{height:8px;margin-top:9px;border-radius:99px;background:#fff;border:1px solid #E6DFCE;overflow:hidden}
.dtc-b .dtc-bar i{display:block;min-width:8px;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dtc-gold-bar),var(--gold) 60%,var(--gold-deep))}
.dtc-b .dtc-steps{margin-top:18px}
.dtc-b .dtc-next{position:relative;display:flex;align-items:flex-start;gap:12px}
.dtc-b .dtc-next-n{display:grid;place-items:center;flex:none;width:28px;height:28px;margin-top:13px;border-radius:50%;background:var(--coral);color:#fff;font-size:13px;font-weight:600;position:relative;z-index:1}
.dtc-b .dtc-next::after{content:"";position:absolute;left:13.25px;top:41px;bottom:-16px;border-left:1.5px solid #E3DCC9}
.dtc-b .dtc-next-box{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:13px 14px 13px 16px;border:1px solid var(--coral-line);border-radius:16px;background:#fff;transition:box-shadow .2s,border-color .2s}
.dtc-b .dtc-next:hover .dtc-next-box{border-color:#E8A79B;box-shadow:0 14px 28px -16px rgba(217,80,63,.4)}
.dtc-b .dtc-next-tx{flex:1;min-width:0}
.dtc-b .dtc-next-k{display:block;font-size:12.5px;font-weight:600;color:var(--coral-tx)}
.dtc-b .dtc-next-t{display:block;margin-top:1px;font-size:15.5px;font-weight:600;color:var(--ink)}
.dtc-b .dtc-next-box > .dtc-ic{width:17px;height:17px;color:var(--coral);transition:transform .2s}
.dtc-b .dtc-next:hover .dtc-next-box > .dtc-ic{transform:translateX(3px)}
.dtc-b .dtc-next.is-done .dtc-next-n{background:var(--green)}
.dtc-b .dtc-next.is-done .dtc-next-n .dtc-ic{width:15px;height:15px;stroke-width:2.6}
.dtc-b .dtc-next.is-done .dtc-next-box{border-color:#BFE0CC;box-shadow:none}
.dtc-b .dtc-next.is-done .dtc-next-k{color:var(--green)}
.dtc-b .dtc-next.is-done .dtc-next-box > .dtc-ic{display:none}
.dtc-b .dtc-then{display:flex;flex-direction:column;margin-top:16px}
.dtc-b .dtc-then li{position:relative;display:flex;align-items:center;gap:12px;height:44px;font-size:14px;font-weight:500;color:var(--tx2)}
.dtc-b .dtc-then li b{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #D9D3C4;background:#fff;font-size:12.5px;font-weight:600;color:var(--mut)}
.dtc-b .dtc-then li.dtc-more{display:none}
.dtc-b .dtc-then.is-open li.dtc-more{display:flex}
.dtc-b .dtc-then.is-open li:not(:last-child)::after{content:"";position:absolute;left:13.25px;top:36px;height:16px;border-left:1.5px solid #E3DCC9}
.dtc-b .dtc-toggle{display:inline-flex;align-items:center;gap:7px;height:32px;margin:4px 0 0 40px;padding:0 12px 0 14px;border:1px solid #E5DFD0;border-radius:99px;background:#fff;font-size:13px;font-weight:500;color:var(--tx2);cursor:pointer;transition:border-color .15s,color .15s}
.dtc-b .dtc-toggle:hover{border-color:var(--gold-300);color:var(--gold-700)}
.dtc-b .dtc-toggle .dtc-ic{width:15px;height:15px;transition:transform .2s}
.dtc-b .dtc-toggle .dtc-t2{display:none}
.dtc-b .dtc-toggle[aria-expanded="true"] .dtc-t1{display:none}
.dtc-b .dtc-toggle[aria-expanded="true"] .dtc-t2{display:inline}
.dtc-b .dtc-toggle[aria-expanded="true"] .dtc-ic{transform:rotate(180deg)}
.dtc-b .dtc-acts{display:flex;gap:10px;margin-top:auto;padding-top:22px}
.dtc-b .dtc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 16px;border-radius:99px;font-size:13.5px;font-weight:600;white-space:nowrap;transition:transform .15s,box-shadow .15s,border-color .15s}
.dtc-b .dtc-btn .dtc-ic{width:16px;height:16px}
.dtc-b .dtc-btn-esp{flex:1;background:var(--esp);color:#fff;box-shadow:0 12px 22px -12px rgba(44,36,19,.7),inset 0 1px 0 rgba(255,255,255,.18)}
.dtc-b .dtc-btn-esp:hover{transform:translateY(-1px)}
.dtc-b .dtc-btn-out{flex:none;border:1px solid #DDD6C6;background:#fff;color:var(--ink)}
.dtc-b .dtc-btn-out:hover{border-color:var(--gold-300)}
.dtc-b .dtc-rows{display:flex;flex-direction:column;gap:14px;flex:1}
.dtc-b .dtc-row{display:flex;align-items:stretch;gap:0;flex:1;min-height:0;border:1px solid #ECE6D9;border-radius:20px;background:#fff;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.dtc-b .dtc-row:hover{transform:translateY(-2px);border-color:var(--dtc-gold-line);box-shadow:0 18px 30px -20px rgba(44,36,19,.45)}
.dtc-b .dtc-thumb{position:relative;flex:none;width:96px;background-size:cover;background-position:center;display:grid;place-items:center}
.dtc-b .dtc-thumb .dtc-play{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 6px 16px rgba(0,0,0,.3)}
.dtc-b .dtc-thumb .dtc-play .dtc-ic{width:16px;height:16px;fill:currentColor;margin-left:2px}
.dtc-b .dtc-row-tx{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:14px 16px 14px 18px}
.dtc-b .dtc-row-tx b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}
.dtc-b .dtc-row-tx span{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--mut)}
.dtc-b .dtc-row-book .dtc-row-tx b{font:italic 600 19px/1.2 "Playfair Display",Georgia,serif}
.dtc-b .dtc-row-k{display:block;margin-bottom:3px;font-size:12.5px;font-weight:500;color:var(--gold-700)}
.dtc-b .dtc-find{padding:0;overflow:hidden;border-color:var(--dtc-gold-ring);box-shadow:0 1px 2px rgba(60,44,10,.08),0 34px 64px -34px rgba(74,60,30,.55)}
.dtc-b .dtc-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;padding:24px 28px 56px;color:#fff;background:var(--esp)}
.dtc-b .dtc-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--hero) center 62%/cover}
.dtc-b .dtc-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(44,36,19,.52) 0%,rgba(44,36,19,.22) 38%,rgba(44,36,19,.86) 100%)}
.dtc-b .dtc-can{display:flex;align-items:center;gap:6px 12px;min-height:34px}
.dtc-b .dtc-can > span{font-size:13.5px;font-weight:500;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.4)}
.dtc-b .dtc-rot button{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 15px;border:0;border-radius:99px;background:rgba(255,255,255,.94);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .15s}
.dtc-b .dtc-rot button::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.dtc-b .dtc-rot button:hover{transform:translateY(-1px)}
.dtc-b .dtc-hero .dtc-title{font:600 34px/1.08 "Playfair Display",Georgia,serif;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45);max-width:15ch}
.dtc-b .dtc-body{display:flex;flex-direction:column;flex:1;padding:0 28px 28px}
.dtc-b .dtc-field{position:relative;z-index:2;display:flex;align-items:center;gap:12px;height:60px;margin-top:-30px;padding:0 7px 0 22px;border:1px solid #EAE3D2;border-radius:99px;background:#fff;box-shadow:0 22px 40px -18px rgba(44,36,19,.55)}
.dtc-b .dtc-field:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(196,165,89,.25),0 22px 40px -18px rgba(44,36,19,.55)}
.dtc-b .dtc-field > .dtc-ic{color:var(--gold-700);width:19px;height:19px}
.dtc-b .dtc-field input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:15px;color:var(--ink)}
.dtc-b .dtc-field input::placeholder{color:var(--mut)}
.dtc-b .dtc-go{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:var(--esp);color:#fff;cursor:pointer;box-shadow:0 8px 16px -8px rgba(44,36,19,.7),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .15s}
.dtc-b .dtc-go:hover{transform:translateX(2px)}
.dtc-b .dtc-go .dtc-ic{width:19px;height:19px;stroke-width:2.2}
.dtc-b .dtc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dtc-b .dtc-cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:99px;background:var(--esp);color:#fff;font-size:13.5px;font-weight:600;white-space:nowrap;box-shadow:0 10px 20px -10px rgba(44,36,19,.7),inset 0 1px 0 rgba(255,255,255,.18)}
.dtc-b .dtc-cta .dtc-ic{width:15px;height:15px;transition:transform .2s}
@media (max-width:720px){.dtc-b .dtc-card:not(.dtc-find){padding:22px}
.dtc-b .dtc-hero{padding:20px 20px 50px}
.dtc-b .dtc-body{padding:0 20px 22px}
.dtc-b .dtc-hero .dtc-title{font-size:28px}
.dtc-b .dtc-foot{flex-direction:column;align-items:flex-start}
.dtc-b .dtc-thumb{width:104px}}
@media (prefers-reduced-motion:reduce){.dtc-b *{transition:none!important}}
.dtc-b .dtc-card:not(.dtc-find){padding:22px 24px}
.dtc-b .dtc-card:not(.dtc-find){padding-bottom:24px}
.dtc-b .dtc-find .dtc-body{padding-bottom:22px}
.dtc-b .dtc-btn{padding:0 13px;gap:8px;font-size:13px}
.dtc-b .dtc-head{margin-bottom:14px}
.dtc-b .dtc-idc{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid #ECE6D9;border-radius:18px;background:#fff}
.dtc-b .dtc-idc .dtc-av{flex:none;width:56px;height:56px;border-radius:50%;background-size:cover;background-position:center 20%;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--dtc-gold-ring),0 12px 20px -12px rgba(44,36,19,.55)}
.dtc-b .dtc-idc b{display:block;font:600 20px/1.15 "Playfair Display",Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.dtc-b .dtc-idc small{display:block;margin-top:3px;font-size:13.5px;color:var(--tx2)}
.dtc-b .dtc-prog{margin-top:16px}
.dtc-b .dtc-bar{margin-top:8px}
.dtc-b .dtc-steps{margin-top:14px}
.dtc-b .dtc-next-n{margin-top:12px}
.dtc-b .dtc-next::after{top:40px}
.dtc-b .dtc-then{margin-top:8px}
.dtc-b .dtc-then li{height:38px}
.dtc-b .dtc-toggle{margin-top:2px}
.dtc-b .dtc-acts{padding-top:16px}
.dtc-b .dtc-next-box{padding:11px 14px 11px 16px;border:1.5px solid var(--coral)}
.dtc-b .dtc-next:hover .dtc-next-box{border-color:var(--coral)}
.dtc-b .dtc-rows{gap:12px}
.dtc-b .dtc-thumb{width:84px}
.dtc-b .dtc-thumb.dtc-ico{background:#fff;border-right:1px solid #F0EADC}
.dtc-b .dtc-thumb.dtc-ico svg{width:58px;height:58px}
.dtc-b .dtc-edit .dtc-row{min-height:104px}
.dtc-b .dtc-row-tx{padding:14px 12px 14px 16px}
.dtc-b .dtc-row-tx b{font-size:15px}
.dtc-b .dtc-row-book .dtc-row-tx b{font-size:19px}
.dtc-b .dtc-thumb .dtc-play{width:38px;height:38px}
.dtc-b .dtc-thumb .dtc-play .dtc-ic{width:15px;height:15px}
.dtc-b .dtc-thumb.dtc-scr{overflow:hidden;background-color:#2B1B0A;background-repeat:no-repeat;background-image:radial-gradient(90% 55% at 100% 0%,rgba(218,166,96,.85) 0%,rgba(190,133,70,.35) 45%,rgba(190,133,70,0) 80%),linear-gradient(180deg,#2A1B09 0%,#3C230F 100%)}
.dtc-b .dtc-tl{position:absolute;left:10px;right:10px;bottom:14px;height:3px;border-radius:99px;background:rgba(255,255,255,.28)}
.dtc-b .dtc-tl::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;border-radius:inherit;background:var(--dtc-gold-bar)}
.dtc-b .dtc-dur{position:absolute;right:9px;bottom:24px;font-size:10px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.9)}
.dtc-b .dtc-find{border-color:#ECE6D9;box-shadow:0 1px 2px rgba(26,22,20,.04),0 30px 60px -36px rgba(44,36,19,.34)}
.dtc-b .dtc-find .dtc-hero{flex:none;height:232px;align-items:stretch;padding:22px 24px 56px;background:#2B1B0A}
.dtc-b .dtc-find .dtc-hero::before{background:radial-gradient(62% 72% at 93% 2%,rgba(218,166,96,.9) 0%,rgba(190,133,70,.45) 40%,rgba(190,133,70,0) 72%),linear-gradient(180deg,#2A1B09 0%,#3C230F 100%)}
.dtc-b .dtc-find .dtc-hero::after{background:none}
.dtc-b .dtc-hero .dtc-title{margin:auto;max-width:15ch;text-align:center;font-size:36px}
.dtc-b .dtc-can > span{white-space:nowrap}
.dtc-b .dtc-body{flex:1;display:flex;flex-direction:column;padding:0 24px 22px}
.dtc-b .dtc-cta{flex:none;height:46px;padding:0 20px;gap:9px;font-size:13px;justify-content:center;box-shadow:0 14px 16px -12px rgba(44,36,19,.6),inset 0 1px 0 rgba(255,255,255,.18)}
.dtc-b .dtc-foot{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;gap:0;margin-top:auto;margin-bottom:-8px;padding-bottom:16px}
.dtc-b .dtc-foot:hover .dtc-cta .dtc-ic{transform:translateX(3px)}
.dtc-b .dtc-live{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:11.5px;font-weight:500;color:#1B7A4E}
.dtc-b .dtc-live i{width:7px;height:7px;border-radius:50%;background:#1B7A4E;box-shadow:0 0 0 0 rgba(27,122,78,.45);animation:dtc-aePulse 2.2s ease-out infinite}
@media (prefers-reduced-motion:reduce){.dtc-b .dtc-live i{animation:none}}
.dtc-nx .dtc-next-n{margin-top:11px}
.dtc-nx .dtc-next::after{top:39px;bottom:-12px}
.dtc-nx .dtc-next-box{padding:7px 12px 7px 14px;border:1px solid #EBB3A8;border-radius:12px}
.dtc-nx .dtc-next:hover .dtc-next-box{border-color:#E39A8D;box-shadow:none}
.dtc-nx .dtc-next-k{font-size:11.5px;line-height:1.3}
.dtc-nx .dtc-next-t{margin-top:0;font-size:14px;line-height:1.3}
.dtc-nx .dtc-next-box > .dtc-ic{width:15px;height:15px}
.dtc-nx .dtc-then{margin-top:6px}
.dtc-b .dtc-foot.dtc-f4{display:block;padding-bottom:2px;margin-bottom:0}
.dtc-f4 .dtc-row1{display:flex;align-items:center;gap:14px}
.dtc-f4 .dtc-avs{display:flex;align-items:center;flex:none}
.dtc-f4 .dtc-av2{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:-13px;border-radius:50%;background:#2A1B09 var(--ph) var(--fp,50% 16%)/cover no-repeat;box-shadow:0 0 0 3px #fff,0 8px 14px -8px rgba(44,36,19,.55)}
.dtc-f4 .dtc-av2:first-child{margin-left:0}
.dtc-f4 .dtc-av2.dtc-more{background:#fff;border:1px solid #E5DFD0;font-size:12px;font-weight:600;color:var(--tx2);box-shadow:0 0 0 3px #fff}
.dtc-f4 .dtc-cnt{display:flex;flex-direction:column;gap:1px;min-width:0}
.dtc-f4 .dtc-live{font-size:11.5px}
.dtc-f4 .dtc-nm{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.dtc-f4 .dtc-nm b{font:500 26px/1 "Playfair Display",Georgia,serif;letter-spacing:-.02em;font-variant-numeric:lining-nums;color:var(--ink)}
.dtc-f4 .dtc-nm span{font-size:13px;font-weight:600;color:var(--ink)}
.dtc-f4 .dtc-cta{display:flex;width:100%;margin-top:14px}
@media (max-width:560px){.dtc-b .dtc-find .dtc-hero{padding:20px 18px 52px}
.dtc-b .dtc-hero .dtc-title{font-size:30px}
.dtc-b .dtc-body{padding:0 18px 20px}
.dtc-b .dtc-foot.dtc-f4{margin-top:18px}
.dtc-f4 .dtc-cnt{flex:1}
.dtc-f4 .dtc-nm{flex-wrap:wrap;column-gap:7px;white-space:normal}}
.dtc-r .dtc-idc .dtc-av{background-position:center 46%}
.dtc-r .dtc-idc b{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.2}
.dtc-r .dtc-idc small{font-size:12.5px;line-height:1.35}
.dtc-r .dtc-then li.is-done b{border-color:#BFE0CC;color:var(--green)}
.dtc-r .dtc-then li.is-done b .dtc-ic{width:14px;height:14px;stroke-width:2.4}
.dtc-r .dtc-acts .dtc-btn-out{flex:none}
.dtc-r .dtc-find .dtc-hero{padding-top:56px}
.dtc-r .dtc-plan .dtc-head{margin-bottom:6px}
.dtc-r .dtc-head-r{display:inline-flex;align-items:center;gap:8px}
.dtc-r .dtc-fold{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #E5DFD0;border-radius:50%;background:#fff;color:var(--tx2);cursor:pointer;transition:border-color .15s,color .15s,transform .2s}
.dtc-r .dtc-fold:hover{border-color:var(--gold-300);color:var(--gold-700)}
.dtc-r .dtc-fold .dtc-ic{width:15px;height:15px}
.dtc-r .dtc-fold[aria-expanded="false"] .dtc-ic{transform:rotate(180deg)}
.dtc-r .dtc-solde{display:flex;align-items:flex-end;gap:12px;margin-top:14px}
.dtc-r .dtc-solde b{font:500 68px/.86 "Playfair Display",Georgia,serif;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:lining-nums}
.dtc-r .dtc-solde span{padding-bottom:6px;font-size:15px;font-weight:600;line-height:1.25;color:var(--ink)}
.dtc-r .dtc-meter{height:8px;margin-top:16px;border-radius:99px;background:#fff;border:1px solid #E6DFCE;overflow:hidden}
.dtc-r .dtc-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dtc-gold-bar),var(--gold) 60%,var(--gold-deep))}
.dtc-r .dtc-usage{margin-top:10px;font-size:13.5px;color:var(--tx2)}
.dtc-r .dtc-usage b{color:var(--ink);font-weight:600}
.dtc-r .dtc-notes{margin-top:14px}
.dtc-r .dtc-note{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.4;color:var(--tx2)}
.dtc-r .dtc-note-ic,.dtc-r .dtc-tip-btn{display:grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:1px solid #E3DDCF;border-radius:50%;background:#fff;color:var(--gold-700)}
.dtc-r .dtc-note-ic .dtc-ic,.dtc-r .dtc-tip-btn .dtc-ic{width:14px;height:14px}
.dtc-r .dtc-note.is-ok .dtc-note-ic{border-color:#BFE0CC;color:var(--green)}
.dtc-r .dtc-tip{position:relative;display:inline-flex}
.dtc-r .dtc-tip-btn{cursor:help;transition:border-color .15s}
.dtc-r .dtc-tip-btn:hover{border-color:var(--gold-300)}
.dtc-r .dtc-tip-bubble{position:absolute;left:-6px;bottom:100%;margin-bottom:10px;width:min(252px,calc(100vw - 48px));padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #E5E2DC;box-shadow:0 14px 34px rgba(44,44,44,.16);font-size:12.5px;line-height:1.45;color:var(--tx2);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility 0s .15s;z-index:5}
.dtc-r .dtc-tip:hover .dtc-tip-bubble,.dtc-r .dtc-tip-btn:focus ~ .dtc-tip-bubble{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dtc-r .dtc-tip.is-off .dtc-tip-bubble{opacity:0;visibility:hidden}
.dtc-r .dtc-plan-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:18px}
.dtc-r .dtc-plan-actions .dtc-btn-esp{flex:none;width:100%;border:0;cursor:pointer;font-family:inherit}
.dtc-r .dtc-plan-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;align-self:center;height:34px;padding:0 6px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--gold-700);cursor:pointer}
.dtc-r .dtc-plan-link .dtc-ic{width:14px;height:14px;transition:transform .2s}
.dtc-r .dtc-plan-link:hover .dtc-ic{transform:translateX(3px)}
.dtc-r .dtc-demo{margin-top:10px;text-align:center;font-size:12.5px;color:var(--mut)}
.dtc-r .dtc-plan.is-collapsed .dtc-notes,.dtc-r .dtc-plan.is-collapsed .dtc-plan-actions,.dtc-r .dtc-plan.is-collapsed .dtc-demo{display:none}
@media (max-width:560px){.dtc-r .dtc-plan .dtc-head{flex-wrap:wrap;row-gap:10px}
.dtc-r .dtc-plan .dtc-head .dtc-title{white-space:nowrap}}
.dtc-r .dtc-foot{padding-bottom:10px}
.dtc-r .dtc-find .dtc-hero{padding:22px 24px 58px;background:#2A1B09}
.dtc-r .dtc-find .dtc-hero::before{background:var(--hero) var(--pos,70% 22%)/cover no-repeat}
.dtc-r .dtc-find .dtc-hero::after{background:linear-gradient(90deg,rgba(38,26,10,.9) 0%,rgba(38,26,10,.66) 40%,rgba(38,26,10,.1) 100%),linear-gradient(180deg,rgba(38,26,10,.28) 0%,rgba(38,26,10,0) 38%,rgba(38,26,10,.74) 100%)}
.dtc-r .dtc-hero .dtc-title{margin:auto 0 0;max-width:11ch;text-align:left;font-size:36px;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.dtc-r .dtc-plan{justify-content:space-between}
.dtc-r .dtc-plan .dtc-head{margin-bottom:0}
.dtc-r .dtc-solde{display:flex;align-items:center;gap:14px;margin-top:0}
.dtc-r .dtc-solde .dtc-logo{width:54px;height:54px;flex:none;margin:0}
.dtc-r .dtc-solde b{font:700 58px/.95 Geist,system-ui,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ink)}
.dtc-r .dtc-solde span{padding:0;font-size:15.5px;font-weight:500;line-height:1.3;color:var(--ink)}
.dtc-r .dtc-meter{margin-top:16px}
.dtc-r .dtc-usage{margin-top:10px}
.dtc-r .dtc-demo{margin:3px 0 0;text-align:left;font-size:12px;color:var(--mut)}
.dtc-r .dtc-notes{margin-top:0}
.dtc-r .dtc-note{padding:12px 0}
.dtc-r .dtc-plan-link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;height:30px;margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--gold-700);cursor:pointer}
.dtc-r .dtc-plan-link .dtc-ic{width:14px;height:14px}
.dtc-r .dtc-plan-actions{padding-top:0;margin-top:0}
.dtc-mp .dtc-acts{padding-top:14px}
.dtc-mp .dtc-acts .dtc-btn-esp{flex:1}
.dtc-mp .dtc-head{margin-bottom:12px}
.dtc-mp .dtc-prog{margin-top:12px}
.dtc-mp .dtc-bar{margin-top:7px}
.dtc-b .dtc-cv2{display:flex;align-items:center;gap:13px;padding:8px 14px 8px 8px;border:1px solid #ECE6D9;border-radius:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.dtc-cv2:hover{border-color:var(--dtc-gold-line);box-shadow:0 12px 22px -18px rgba(44,36,19,.5)}
.dtc-cv2-ph{flex:none;width:56px;height:56px;border-radius:12px;background:#2A1B09 var(--cv) 24% 58%/cover no-repeat}
.dtc-cv2-tx{flex:1;min-width:0}
.dtc-cv2-tx b{display:block;font:600 17px/1.2 "Playfair Display",Georgia,serif;letter-spacing:-.005em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtc-cv2-tx small{display:block;margin-top:2px;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtc-cv2 .dtc-ic{flex:none;width:16px;height:16px;color:var(--faint)}
.dtc-r .dtc-plan > .dtc-plan-main{margin-top:14px}
.dtc-r .dtc-plan > .dtc-notes{margin-top:12px}
.dtc-r .dtc-plan > .dtc-plan-actions{margin-top:14px}
.dtc-b .dtc-find .dtc-hero.dtc-hx{height:252px;min-height:252px}
@keyframes dtc-rot{0%{opacity:0;transform:translateY(6px);pointer-events:none}3%,17%{opacity:1;transform:none;pointer-events:auto}20%,100%{opacity:0;transform:translateY(-6px);pointer-events:none}}
@keyframes dtc-aePulse{0%{box-shadow:0 0 0 0 rgba(27,122,78,.45)}70%,100%{box-shadow:0 0 0 7px rgba(27,122,78,0)}}

/* ═══ Application : ce que la livraison ne connaît pas ═══ */

/* La boîte placée par la grille du tableau de bord. Les anciennes règles de carte
   (`.rdz-mypage`, `.rdz-tal`, `.rdz-plan`, `.tz-page`, `.tz-find`, `.tz-edit`) restent
   pour le PLACEMENT (colonnes, ordre) ; leur habillage (fond, bord, marges, `gap`,
   souvent en `!important` dans les modes de #4619) est neutralisé ici. */
.rdz .dtc-stage.dtc-stage.dtc-stage,.td2 .dtc-stage.dtc-stage.dtc-stage{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;gap:0 !important;padding:0 !important;margin:0;background:none !important;border:0 !important;border-radius:0;box-shadow:none !important;transform:none !important;min-width:0}
.rdz .dtc-stage.dtc-stage > .dtc-card.dtc-card,.td2 .dtc-stage.dtc-stage > .dtc-card.dtc-card{flex:1 1 auto !important;order:0 !important;min-width:0 !important;margin:0 !important}
.dtc-stage [hidden]{display:none !important}
.dtc-stage .dtc-title{margin:0}

/* Pastilles d'état propres à l'application : Maison « Non visible » (publiée, pas encore
   validée) et talent « Non visible » (identité à vérifier) gardent le rond vide gris. */
.dtc-b .dtc-pill.is-en_attente i,.dtc-b .dtc-pill.is-pending i{border:1.5px solid var(--faint);background:none}

/* Vignette de la Maison sans photo : ses initiales ; en Discrétion, le cadenas (#4751). */
.dtc-cv2-ph{display:grid;place-items:center;color:#fff;font:600 17px/1 "Playfair Display",Georgia,serif}
.dtc-cv2-ph .dtc-ic{width:22px;height:22px;color:#fff}
div.dtc-cv2{cursor:default}
div.dtc-cv2:hover{border-color:#ECE6D9;box-shadow:none}

/* Talent : avatar sans photo (initiales de `talent/dashboard/_avatar`). */
.dtc-b .dtc-idc .dtc-av{display:grid;place-items:center;overflow:hidden;background-color:var(--gold-100);color:var(--gold-700);font:600 18px/1 Geist,system-ui,sans-serif}
.dtc-b .dtc-idc .dtc-av img{width:100%;height:100%;object-fit:cover}
.dtc-b .dtc-idc > span:last-child{min-width:0}

/* Les étapes suivantes du talent mènent chacune à leur geste (#4649). */
.dtc-b .dtc-then li a{color:inherit}
.dtc-b .dtc-then li a:hover{color:var(--gold-700)}
.dtc-b .dtc-steps .td2-miss-list{margin:8px 0 0 40px}
/* Le bouton de vérification d'identité (formulaire direct, #4245) a l'allure du lien. */
.dtc-b .iv-entry-form{margin:0}
.dtc-b button.dtc-next{width:100%;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}

/* Ronds absents (aucune photo à montrer) : le compteur seul. */
.dtc-f4 .dtc-row1:not(:has(.dtc-avs)){gap:0}

/* Mon forfait : les lignes de l'application (Tellers offerts, réservés, Découverte). */
.dtc-r .dtc-usage + .dtc-usage{margin-top:4px}
.dtc-r .dtc-plan-main > .dtc-usage:first-child{margin-top:0}
.dtc-r .dtc-plan-low{margin-top:12px}
.dtc-r .dtc-plan-actions .dtc-btn-out{width:100%}
.dtc-r .dtc-plan-actions a.dtc-plan-link{text-decoration:none}

.dtc-b .dtc-row-book .dtc-thumb.dtc-ico{background:#fff}

/* Photo de fond de « Trouvez votre prochain talent » : celle de la livraison
   (`/images/landing/cta-talent.jpg`, déjà dans le dépôt), cadrage `72% 16%` de Kevin,
   posé ici plutôt qu'en style en ligne. */
.dtc-r .dtc-hero.dtc-hx{--hero:url("/images/landing/cta-talent.jpg");--pos:72% 16%}

/* Valeurs par défaut des photos posées en propriété (sans photo, le fond uni de la livraison). */
.dtc-cv2-ph{--cv:none}
/* Aucune offre : la phrase de l'état vide à la place du compteur. */
.dtc-f4 .dtc-empty{font-size:13px;color:var(--mut)}

/* En-têtes : chez Kevin, la carte fait 374 px à 1440 ; ici la colonne de gauche en fait
   348. Quand titre et pastille ne tiennent pas côte à côte, la pastille passe dessous,
   le titre reste sur une ligne. */
.dtc-b .dtc-head{flex-wrap:wrap;row-gap:8px}
.dtc-b .dtc-head .dtc-title{white-space:nowrap}
.dtc-r .dtc-head-r{margin-left:auto}

/* ═══ Largeurs que la livraison ne dessine pas ═══
   Chez Kevin, les trois cartes passent en une colonne sous 1180 px. Ici, la grille
   du tableau de bord les garde côte à côte jusqu'à 901 px (« demi-écran » de
   #4619) : colonnes de 250 à 400 px. Les cartes s'y resserrent, sans rien
   retirer d'autre que la phrase de la ligne profil (comme les sous-textes des
   actions rapides de #4619). */
@media (max-width:1360px){
  .dtc-b .dtc-acts{flex-wrap:wrap}
  .dtc-b .dtc-acts .dtc-btn{flex:1 1 auto}
  .dtc-b .dtc-toggle{white-space:nowrap;padding:0 10px 0 12px}
}
@media (min-width:901px) and (max-width:1360px){
  .dtc-b .dtc-card:not(.dtc-find){padding:18px 18px 20px}
  .dtc-b .dtc-body{padding:0 18px 20px}
  .dtc-b .dtc-find .dtc-body{padding-bottom:18px}
  .dtc-b .dtc-find .dtc-hero{padding-inline:18px}
  .dtc-b .dtc-title{font-size:19px}
  .dtc-b .dtc-hero .dtc-title{font-size:30px}
  .dtc-b .dtc-head{flex-wrap:wrap;row-gap:8px}
  .dtc-r .dtc-head-r{margin-left:auto}
  .dtc-b .dtc-toggle{margin-left:0}
  .dtc-r .dtc-solde b{font-size:46px}
  .dtc-r .dtc-solde .dtc-logo{width:44px;height:44px}
  .dtc-b .dtc-edit .dtc-row{min-height:84px}
  .dtc-b .dtc-thumb{width:60px}
  .dtc-b .dtc-thumb.dtc-ico svg{width:42px;height:42px}
  .dtc-b .dtc-thumb .dtc-play{width:32px;height:32px}
  .dtc-b .dtc-row-tx{padding:12px 10px 12px 12px}
  .dtc-b .dtc-row-tx b{font-size:14px}
  .dtc-b .dtc-row-book .dtc-row-tx b{font-size:16px}
  .dtc-b .dtc-row-profile .dtc-row-tx > span{display:none}
}
@media (max-width:560px){
  .dtc-b .dtc-card:not(.dtc-find){padding:20px 18px 22px}
  /* « Chercher une mission freelance » : la pastille passe sur deux lignes plutôt que de sortir de la carte. */
  .dtc-b .dtc-can .dtc-rot{flex:1 1 auto;min-width:0}
  .dtc-b .dtc-rot li{min-width:0;max-width:100%}
  .dtc-b .dtc-rot button{max-width:100%;height:auto;min-height:34px;padding-block:7px;line-height:1.25;white-space:normal;text-align:left}
}

/* ═══ #4804, finitions de la recette du 13/10 ═══ */
/* D1. Vignette de « Ma page recruteur » : le nom de la Maison entier, comme chez Kevin
   (« Hôtel & Spa du Castellet » sur une ligne à 1440 px). La colonne fait 348 px ici
   contre 374 chez lui : la vignette se resserre (écarts de 9 px, photo de 56 px gardée) et,
   si le nom ne tient toujours pas, il passe sur deux lignes ; l'ellipse ne vient
   qu'au-delà de deux lignes. */
.dtc-r .dtc-cv2{gap:9px;padding:8px 8px 8px 8px}
.dtc-r .dtc-cv2-tx b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
/* E1. « Trouvez votre prochain talent » quand une carte voisine est plus haute (alerte
   de solde bas dans « Mon forfait ») : la photo prend la hauteur en plus. Le titre,
   la recherche, les ronds et le bouton restent serrés comme chez Kevin, sans vide
   blanc entre la recherche et les ronds. */
.dtc-r .dtc-find .dtc-hero.dtc-hx{flex:1 0 252px;height:auto}
.dtc-r .dtc-find .dtc-body{flex:0 0 auto}

/* ═══ Retours de Tatianna des 13 et 14/10 (tâche 133) ═══ */

/* #4850 / #4855 : les titres des cartes du haut (« Ma page recruteur », « Ma page
   talent », « Mon forfait », « Éditer mon profil ») prennent la police des titres de
   carte du dessous (« Ma visibilité », « Statut et visibilité » : Geist 17 px gras,
   `.rdz-ch h3` / `.td2-ch h3`). Le Playfair de 23 px faisait trop de contraste. Le titre
   de la photo (« Trouvez votre prochain talent ») garde le sien. */
.dtc-b .dtc-card:not(.dtc-find) .dtc-head .dtc-title{font:700 17px/1.3 Geist,system-ui,-apple-system,sans-serif;letter-spacing:0;color:#2C2C2C}

/* #4837 / #4838 : la case « Prochaine étape » remplie de rouge en verre dépoli
   (« liquid glass », capture jointe : dégradé doux, reflet clair en haut à droite,
   liseré lumineux, ombre portée légère), recruteur et talent. */
.dtc-nx .dtc-next-box{position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,rgba(217,80,63,.20) 0%,rgba(217,80,63,.11) 52%,rgba(217,80,63,.05) 100%),#fff;
  border-color:rgba(217,80,63,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(217,80,63,.12),0 12px 24px -16px rgba(200,64,47,.55);
  -webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5)}
.dtc-nx .dtc-next-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 120% at 88% -20%,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 60%),
             linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 45%)}
.dtc-nx .dtc-next:hover .dtc-next-box{border-color:rgba(217,80,63,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(217,80,63,.12),0 14px 26px -14px rgba(200,64,47,.6)}

/* #4839 / #4840 : « Trouvez », Maison et talent, même gabarit. La photo prend la hauteur
   que la rangée lui laisse, moins un espace fixe sous la recherche : la barre ne se pose
   plus sur les petits ronds (24 px d'air, celui du talent avant). La photo est cadrée
   par le haut, sur une largeur d'au moins 560 px : le bas (les mains, les fleurs du
   rez-de-chaussée) reste hors du cadre. */
.dtc-b .dtc-find .dtc-hero.dtc-hx,.dtc-b .dtc-find .dtc-hero.dtc-hf{flex:1 0 200px;height:auto;min-height:200px}
.dtc-b .dtc-find:has(.dtc-hx) .dtc-body,.dtc-b .dtc-find:has(.dtc-hf) .dtc-body{flex:0 0 auto}
.dtc-b .dtc-find .dtc-foot.dtc-f4{margin-top:24px}
.dtc-r .dtc-hero.dtc-hx{--pos:72% 8%}
.dtc-b .dtc-find .dtc-hero.dtc-hx::before,.dtc-b .dtc-find .dtc-hero.dtc-hf::before{background-size:max(100%,560px) auto}
/* Colonnes étroites (1360 px et moins) : la carte est plus haute que large, la photo
   se règle sur la hauteur (1,7 fois) pour garder le bas hors du cadre. */
@media (max-width:1360px){.dtc-b .dtc-find .dtc-hero.dtc-hx::before,.dtc-b .dtc-find .dtc-hero.dtc-hf::before{background-size:auto 170%}}
/* #4840 : le talent prend la photo de façade de Tatianna (Drive, 14/10) et le même calque
   marron que la Maison. */
.dtc-b .dtc-find .dtc-hero.dtc-hf{padding:22px 24px 58px;background:#2A1B09}
.dtc-b .dtc-find .dtc-hero.dtc-hf::before{background-image:url("/images/landing/cta-maison-facade.jpg");background-position:50% 18%;background-repeat:no-repeat}
.dtc-b .dtc-find .dtc-hero.dtc-hf::after{background:linear-gradient(90deg,rgba(38,26,10,.9) 0%,rgba(38,26,10,.66) 40%,rgba(38,26,10,.1) 100%),linear-gradient(180deg,rgba(38,26,10,.28) 0%,rgba(38,26,10,0) 38%,rgba(38,26,10,.74) 100%)}
.dtc-b .dtc-hf .dtc-title{margin:auto 0 0;max-width:16ch;text-align:left;text-shadow:0 2px 20px rgba(0,0,0,.5)}
@media (max-width:560px){.dtc-b .dtc-find .dtc-hero.dtc-hf{padding:20px 18px 52px;min-height:232px}
.dtc-b .dtc-hf .dtc-title{font-size:27px}
.dtc-b .dtc-find .dtc-foot.dtc-f4{margin-top:22px}}

/* ═══ #4919 (Tatianna 15/10) : « Éditer mon profil » en trois tuiles ═══
   Source : Drive « Editer_mon_profil_card_15oct26.html », bloc « Card Éditer mon
   profil en 3 tuiles », valeurs littérales. Trois écarts :
   · la bascule « ordinateur » se fait à 901 px (grille du tableau de bord, où la
     carte prend la colonne de droite) et non à 1024 px : entre les deux, la
     colonne fait 250 px et trois tuiles côte à côte y tiendraient à 70 px ;
   · la pastille prend la police de l'écran (Geist), la source nomme DM Sans,
     qui n'est pas chargée ici ;
   · une case du Book avec une photo du talent la montre (`.has-photo`).
   La carte elle-même (`.dtc-card`, titre) reste celle des cartes voisines : la
   source la dit « approchée pour la maquette ». */
.tz-edit .dtc-head{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin-bottom:0}
.tz-edit .dtc-head>svg{width:18px;height:18px;flex:none;color:var(--gold-600)}
.tz-edit .dtc-head .dtc-title{flex:1;text-align:left;margin:0}

.ttp-edit3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,2.4vw,12px);margin-top:10px}
.tz-edit .ttp-et{position:relative;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#2C2413;min-width:0}
.ttp-et-v{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:clamp(14px,4vw,18px);overflow:hidden;margin-bottom:6px;box-shadow:0 10px 22px -16px rgba(90,65,20,.55)}
.et-profil .ttp-et-v{background:#F4EBD2}.et-profil .ttp-et-v img{width:100%;height:100%;object-fit:cover}
.et-pitch .ttp-et-v{background:radial-gradient(90% 90% at 30% 25%,var(--gold-700),#3A2C16 60%,#261B0C)}
.ttp-play{width:clamp(36px,10vw,44px);height:clamp(36px,10vw,44px);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ttp-play-from),var(--gold-200));color:#2C2413;box-shadow:0 0 0 6px rgba(230,213,164,.18)}
.ttp-play svg{width:45%;height:45%;margin-left:2px}
.et-book .ttp-et-v{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:8px;background:#FBF7EE}
.et-book .ttp-et-v{display:grid}.et-book .ttp-et-v i{display:block;width:100%;height:100%;border-radius:7px;background:linear-gradient(145deg,var(--gold-wash-line),#F7F0DD)}
.et-book .ttp-et-v i:nth-child(1){background:linear-gradient(145deg,var(--ttp-book-first),var(--gold-200))}
.et-book .ttp-et-v i.has-photo{background-color:#F4EBD2;background-size:cover;background-position:center}
.ttp-et b{font-size:clamp(13px,3.7vw,15px);font-weight:700;line-height:1.2}
.ttp-et small{font-size:clamp(11px,3.1vw,12.5px);color:var(--ttp-sub);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ttp-et em{position:absolute;top:8px;left:8px;font:700 10px/1 Geist,system-ui,-apple-system,sans-serif;font-style:normal;color:#fff;background:#D4534A;padding:4px 7px;border-radius:99px;box-shadow:0 2px 6px rgba(212,83,74,.35)}
.tz-edit .ttp-et em{white-space:nowrap}

/* ordinateur : la card remplit la colonne de droite */
@media (min-width:901px){
  .tz-edit .dtc-card{display:flex;flex-direction:column}
  .tz-edit .ttp-edit3{margin-top:14px;gap:14px;grid-template-columns:1fr 1fr;flex:1;align-content:start}
  .tz-edit .et-profil{grid-column:1 / -1}
  .tz-edit .et-profil .ttp-et-v{aspect-ratio:16/8}
  .tz-edit .ttp-et-v{border-radius:18px;width:100%;transition:transform .2s,box-shadow .2s}
  .tz-edit .ttp-et:hover .ttp-et-v{transform:translateY(-2px);box-shadow:0 16px 28px -18px rgba(90,65,20,.6)}
  .tz-edit .ttp-et b{font-size:15px}.tz-edit .ttp-et small{font-size:12.5px}
  .tz-edit .ttp-play{width:46px;height:46px}
}
@media (prefers-reduced-motion:reduce){.tz-edit .ttp-et-v{transition:none}.tz-edit .ttp-et:hover .ttp-et-v{transform:none}}

/* #4929, décision #384 (21/10, D-42) : carte « Éditer mon profil » de l'image de Kevin du 19/10, 15h08.
   Les lignes `dtc-rows` du 10/10 (#4804), vignettes sombres (`dtc-scr`) pour le profil et le pitch, et une
   pastille de statut au contour rouge en haut à droite (« À compléter », « À ajouter »). */
.tz-edit .dtc-rows{margin-top:12px}
.tz-edit .dtc-row-tx{padding-top:10px}
.tz-edit .dtc-thumb.dtc-scr{display:grid;place-items:center;text-decoration:none}
.tz-edit .dtc-idc-ic{display:grid !important;place-items:center;width:40px;height:40px;margin:0 !important;border-radius:10px;background:#fff;color:#1E1C18}
.tz-edit .dtc-idc-ic svg{width:22px;height:22px}
.tz-edit .dtc-st{display:inline-flex;align-items:center;height:22px;margin:0;padding:0 9px;border:1.5px solid #C2432F;border-radius:99px;background:#fff;font:600 12px/1 Geist,system-ui,-apple-system,sans-serif;font-style:normal;color:#C2432F;white-space:nowrap}
/* #4960 (Tatianna 22/10) : les trois pastilles au même coin haut droit de leur ligne, même écart, comme la
   maquette B4 du téléphone (mockups/b4/_editer_profil_lignes). Dans le flux d'une colonne centrée, leur hauteur
   dépendait du texte de chaque ligne. La place de la pastille est réservée au-dessus du texte. */
.tz-edit .dtc-row{position:relative}
.tz-edit .dtc-row .dtc-st{position:absolute;top:10px;right:12px;z-index:1}
.tz-edit .dtc-row-tx:has(> .dtc-st){padding-top:38px}
/* #4961 : image par défaut du Book tant que le talent n'a aucune photo (remplacée par la sienne). */
.tz-edit .dtc-thumb.dtc-book-default{background-color:#2B1B0A}
/* la ligne du pitch garde ses deux entrées (vidéo et audio, #4757) ; le « › » est dans le libellé de Kevin. */
.dtc-b .dtc-row-pitch .dtc-pitch-links{display:flex;flex-direction:column;gap:2px;margin-top:4px}
.dtc-b .dtc-row-pitch .dtc-pitch-links a{display:block;min-height:22px;font-size:13px;line-height:1.35;color:var(--mut);text-decoration:none;transition:color .15s}
.dtc-b .dtc-row-pitch .dtc-pitch-links a:hover{color:var(--gold-700)}
.dtc-b .dtc-row-pitch .dtc-pitch-links b{display:inline;font-size:inherit;font-weight:700;letter-spacing:0;color:var(--ink)}
.dtc-b .dtc-row-pitch:hover{transform:none;border-color:#ECE6D9;box-shadow:none}
/* #4859 : le titre de la ligne « pitch » ouvre la fenêtre « Mon pitch ». */
.dtc-b .dtc-row-pitch .dtc-pitch-open{display:block;color:inherit;text-decoration:none}
.dtc-b .dtc-row-pitch .dtc-pitch-open:hover b{color:var(--gold-700)}