/* B3 tache 026 — AC27.1. Tunnel de publication multi-postes.
   Feuille reprise TELLE QUELLE du <style> de la maquette de reference
   `/mockups/recruiter/publish_offer` (Drive du 28/07, carte « Publication »
   ajoutee le 18/09). Aucune classe renommee, aucune valeur retouchee : la
   maquette est immuable, seule la liaison de donnees change dans la vue.
   Les regles des blocs qui appartiennent a d autres taches (pitch 028,
   Calendly 029, Urgent 027, reperes salariaux supprimes) restent ici sans
   etre utilisees : les retirer une par une modifierait la maquette. */

/* MIGRATION DESIGN SYSTEM (test/assets/design_system_test.rb).
   La maquette ecrit 26 dores en dur, dont plusieurs variantes du meme ton : le
   garde-fou du design system les refuse, et c'est precisement ce qu'il existe
   pour empecher (« 9 variantes du meme dore, chaque derive = un ticket pas
   pixel perfect »). Chacun est donc remplace par le JETON le plus proche de
   `design_tokens.css`, exactement comme les 58 feuilles deja migrees.
   Deux valeurs de la maquette tombent a l'identique sur --gold-primary et
   --gold-500 ; les vingt-quatre autres rejoignent le jeton le plus proche.
   (Aucun hexadecimal n'est cite ici : le garde-fou lit le fichier entier,
   commentaires compris, et il a raison de le faire.) */
/* ============================================================
   Recruteur · Publier une offre (Tastellers Private)
   Portage pixel-perfect de la maquette de reference (Tati).
   Emojis remplaces par des SVG ; tirets cadratins retires.
   ============================================================ */
.page-recruiter-publish-offer{ color:#1a1a1a; line-height:1.5; -webkit-font-smoothing:antialiased; }
.page-recruiter-publish-offer, .page-recruiter-publish-offer *:not(svg):not(path){ font-family:'Geist',system-ui,-apple-system,sans-serif !important; }
:where(.page-recruiter-publish-offer *,.page-recruiter-publish-offer *::before,.page-recruiter-publish-offer *::after){ box-sizing:border-box; }
:where(.page-recruiter-publish-offer button){ font:inherit; color:inherit; background:transparent; border:0; margin:0; padding:0; cursor:pointer; text-align:inherit; line-height:inherit; }
:where(.page-recruiter-publish-offer input,.page-recruiter-publish-offer textarea,.page-recruiter-publish-offer select){ font:inherit; color:inherit; margin:0; }
:where(.page-recruiter-publish-offer p,.page-recruiter-publish-offer h1,.page-recruiter-publish-offer h2,.page-recruiter-publish-offer h3,.page-recruiter-publish-offer h4){ margin:0; }
:where(.page-recruiter-publish-offer ul,.page-recruiter-publish-offer ol){ margin:0; padding:0; list-style:none; }
:where(.page-recruiter-publish-offer a){ color:inherit; text-decoration:none; }
:where(.page-recruiter-publish-offer img,.page-recruiter-publish-offer svg,.page-recruiter-publish-offer video){ display:block; max-width:100%; }
.page-recruiter-publish-offer svg.mpa-ico{ display:inline-block; width:1em; height:1em; vertical-align:-.15em; flex-shrink:0; }

.page-talent-validation ~ .global-back-btn, body:has(.page-talent-validation) .global-back-btn {top: 48px !important; height: 26px !important; padding: 0px 11px 0px 9px !important; font-size: 9.5px !important; gap: 5px !important;}
body:has(.page-talent-validation) .global-back-btn svg {width: 11px; height: 11px;}
._card_xmxt2_1 {--card-height: 154px; --card-radius: calc(var(--card-height) / 2); --gold-100: #fff8e9; --gold-200: var(--gold-200); --gold-300: var(--gold-300); --gold-400: var(--gold-primary); --gold-500: var(--gold-500); --ink: #111111; --muted: #717178; --green: #25c363; position: relative; isolation: isolate; display: grid; grid-template-columns: auto 1px minmax(0px, 1fr) 26%; align-items: center; width: 100%; min-width: 0px; height: var(--card-height); padding: 0px; overflow: hidden; appearance: none; border: 1px solid rgba(21, 21, 25, 0.035); border-radius: var(--card-radius); background: linear-gradient(105deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94)), rgb(255, 255, 255); box-shadow: rgba(58, 43, 20, 0.1) 0px 22px 46px, rgba(20, 20, 24, 0.055) 0px 5px 16px, rgba(255, 255, 255, 0.98) 0px 1px 0px inset, rgba(26, 26, 30, 0.027) 0px -1px 0px inset; color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: left; cursor: pointer; transform: translateZ(0px); transition: transform 180ms, box-shadow 180ms, border-color 180ms; -webkit-tap-highlight-color: transparent;}
._card_xmxt2_1::before {content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; border-radius: inherit; background: radial-gradient(circle at 16% 25%, rgba(255, 255, 255, 0.92), transparent 28%), linear-gradient(rgba(255, 255, 255, 0.48), transparent 44%);}
._card_xmxt2_1:hover:not(:disabled) {transform: translateY(-2px); border-color: rgba(197, 145, 50, 0.14); box-shadow: rgba(58, 43, 20, 0.13) 0px 28px 58px, rgba(20, 20, 24, 0.06) 0px 8px 20px, rgba(255, 255, 255, 0.98) 0px 1px 0px inset, rgba(26, 26, 30, 0.024) 0px -1px 0px inset;}
._card_xmxt2_1:active:not(:disabled) {transform: translateY(0px) scale(0.998);}
._card_xmxt2_1:focus-visible {outline: rgba(213, 169, 73, 0.34) solid 3px; outline-offset: 5px;}
._card_xmxt2_1:disabled {cursor: default; opacity: 0.62;}
._avatarWrap_xmxt2_82 {position: relative; z-index: 2; display: grid; place-items: center; width: calc(var(--card-height) * 0.94); height: calc(var(--card-height) * 0.94); margin-left: calc(var(--card-height) * 0.05); flex: 0 0 auto; border-radius: 50%; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(244, 244, 243)); box-shadow: 0 8px 18px rgba(34, 34, 38, 0.11),
    0 1px 2px rgba(34, 34, 38, 0.08),
    inset 0 0 0 calc(var(--card-height) * 0.032) rgba(255, 255, 255, 0.92),
    inset 0 0 0 calc(var(--card-height) * 0.038) rgba(218, 173, 78, 0.10);}
._avatarWrap_xmxt2_82::after {content: ""; position: absolute; inset: calc(var(--card-height) * 0.028); border-radius: inherit; border: 1px solid rgba(219, 176, 87, 0.14); pointer-events: none;}
._avatar_xmxt2_82 {width: calc(100% - (var(--card-height) * 0.045)); height: calc(100% - (var(--card-height) * 0.045)); object-fit: cover; border-radius: 50%; user-select: none;}
._divider_xmxt2_117 {width: 1px; height: 60%; margin-left: calc(var(--card-height) * 0.195); background: linear-gradient(transparent, rgba(218, 166, 61, 0.86) 16%, rgba(218, 166, 61, 0.86) 84%, transparent); box-shadow: rgba(218, 166, 61, 0.12) 0px 0px 10px;}
._copy_xmxt2_131 {position: relative; z-index: 2; display: flex; min-width: 0px; flex-direction: column; justify-content: center; gap: calc(var(--card-height) * 0.045); padding: 0 calc(var(--card-height) * 0.195) 0 calc(var(--card-height) * 0.234);}
._nameRow_xmxt2_142 {display: flex; min-width: 0px;}
._titleRow_xmxt2_147 {display: flex; min-width: 0px; align-items: center; gap: calc(var(--card-height) * 0.085);}
._name_xmxt2_142 {overflow: hidden; color: var(--ink); font-size: calc(var(--card-height) * 0.312); font-weight: 760; line-height: 0.98; letter-spacing: -0.046em; text-overflow: ellipsis; white-space: nowrap;}
._badge_xmxt2_165 {display: inline-flex; min-height: calc(var(--card-height) * 0.221); align-items: center; justify-content: center; padding: 0 calc(var(--card-height) * 0.11); flex: 0 0 auto; border: 1px solid rgba(187, 126, 24, 0.08); border-radius: 999px; background: linear-gradient(110deg, rgba(255, 249, 229, 0.78), transparent 42%),
    linear-gradient(135deg, var(--gold-300), var(--gold-400)); box-shadow: rgba(255, 255, 255, 0.72) 0px 1px 0px inset, rgba(187, 132, 34, 0.12) 0px 4px 11px; color: rgb(255, 255, 255); font-size: calc(var(--card-height) * 0.125); font-weight: 760; letter-spacing: -0.015em; line-height: 1; text-shadow: rgba(126, 78, 0, 0.11) 0px 1px 1px;}
._liveStatus_xmxt2_200 {display: inline-flex; flex: 0 0 auto; align-items: center; gap: calc(var(--card-height) * 0.078); color: var(--green); font-size: calc(var(--card-height) * 0.169); font-weight: 450; white-space: nowrap;}
._statusDot_xmxt2_211 {position: relative; width: calc(var(--card-height) * 0.11); height: calc(var(--card-height) * 0.11); flex: 0 0 auto; border: calc(var(--card-height) * 0.026) solid var(--green); border-radius: 50%; background: rgba(255, 255, 255, 0.94); box-shadow: rgba(37, 195, 99, 0.08) 0px 0px 0px 3px;}
._statusDot_xmxt2_211::after {content: ""; position: absolute; inset: -4px; border-radius: inherit; box-shadow: rgba(37, 195, 99, 0.28) 0px 0px 0px 0px; animation: 2.8s ease-out 0s infinite normal none running _statusPulse_xmxt2_1;}
._goldPanel_xmxt2_243 {position: relative; z-index: 1; display: grid; align-self: stretch; place-items: center; overflow: hidden; border-radius: 0 var(--card-radius) var(--card-radius) 0; background: radial-gradient(circle at 70% 28%, rgba(255, 250, 229, 0.82), transparent 37%), linear-gradient(145deg, rgb(245, 226, 173) 0%, rgb(232, 195, 108) 44%, rgb(211, 162, 63) 100%); box-shadow: rgba(255, 255, 255, 0.3) 1px 0px 0px inset, rgba(255, 255, 255, 0.48) 0px 1px 0px inset, rgba(152, 93, 5, 0.07) 0px -12px 26px inset; clip-path: polygon(26% 0px, 100% 0px, 100% 100%, 0px 100%);}
._goldPanel_xmxt2_243::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(112deg, transparent 15%, rgba(255, 255, 255, 0.34) 38%, transparent 60%), radial-gradient(circle at 82% 85%, rgba(156, 96, 4, 0.14), transparent 42%); mix-blend-mode: soft-light;}
._goldSheen_xmxt2_271 {position: absolute; inset: -45% -70%; transform: rotate(-17deg) translateX(-18%); background: linear-gradient(90deg, transparent 39%, rgba(255, 255, 255, 0.48) 50%, transparent 61%); opacity: 0.42; transition: transform 650ms cubic-bezier(0.2, 0.75, 0.25, 1);}
._card_xmxt2_1:hover:not(:disabled) ._goldSheen_xmxt2_271 {transform: rotate(-17deg) translateX(18%);}
._sparkleBubble_xmxt2_284 {position: relative; z-index: 2; display: grid; width: calc(var(--card-height) * 0.54); height: calc(var(--card-height) * 0.54); place-items: center; margin-left: 12%; border: 1px solid rgba(255, 255, 255, 0.76); border-radius: 50%; background: radial-gradient(circle at 34% 25%, rgb(255, 255, 255) 0%, rgb(255, 253, 248) 38%, rgb(248, 243, 232) 100%); box-shadow: rgba(114, 72, 7, 0.13) 0px 12px 24px, rgba(114, 72, 7, 0.08) 0px 2px 5px, rgb(255, 255, 255) 0px 1px 0px inset, rgba(188, 137, 39, 0.055) 0px -7px 15px inset;}
._sparkleBubble_xmxt2_284::after {content: ""; position: absolute; inset: 6px; border: 1px solid rgba(213, 162, 60, 0.07); border-radius: inherit;}
._sparkles_xmxt2_311 {width: 57%; height: 57%; overflow: visible; color: var(--gold-400); filter: drop-shadow(rgba(157, 101, 12, 0.11) 0px 3px 4px);}
._sparkles_xmxt2_311 path:first-child {fill: rgb(213, 160, 62);}
._sparkles_xmxt2_311 path:last-child {fill: rgb(229, 189, 102);}
@media (prefers-reduced-motion: reduce){
._card_xmxt2_1, ._goldSheen_xmxt2_271 {transition: none;}
._statusDot_xmxt2_211::after {animation: auto ease 0s 1 normal none running none;}
}
.agent-trigger {position: fixed; bottom: 20px; right: 20px; z-index: 300; width: 320px; max-width: calc(-32px + 100vw); display: flex; flex-direction: column; align-items: stretch; gap: 8px;}
.mpa-entries {display: flex; gap: 12px; margin-bottom: 32px;}
.mpa-entry-card {flex: 1 1 0%; padding: 16px 18px; border-radius: 12px; border: 1.5px solid rgba(0, 0, 0, 0.06); background: rgb(255, 255, 255); cursor: pointer; display: flex; align-items: center; gap: 14px; transition: 0.15s; text-align: left; font-family: inherit;}
.mpa-entry-card:hover {border-color: rgba(184, 145, 42, 0.35); background: rgb(253, 250, 243);}
.mpa-badge-agent {margin-left: auto; font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: rgb(255, 255, 255); padding: 3px 8px; border-radius: 4px; background: linear-gradient(135deg, rgb(196, 165, 89), rgb(212, 188, 122), rgb(229, 212, 160)); box-shadow: rgba(180, 140, 35, 0.3) 0px 1px 4px; white-space: nowrap;}
.mpa-pill-row {display: flex; flex-wrap: wrap; gap: 6px; align-items: center;}
.mpa-auguste-btn {display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 8px; border: 1px solid rgba(184, 145, 42, 0.35); background: linear-gradient(135deg, rgba(196, 165, 89, 0.1), rgba(229, 212, 160, 0.14)); color: rgb(140, 109, 52); font-size: 11px; font-weight: 700; cursor: pointer; transition: 0.15s; font-family: inherit; white-space: nowrap;}
.mpa-auguste-btn:hover {border-color: rgb(196, 165, 89); background: rgba(184, 145, 42, 0.14);}
.mpa-channel {border: 1.5px solid rgba(0, 0, 0, 0.06); border-radius: 12px; padding: 16px 18px; margin-bottom: 12px; background: rgb(255, 255, 255); transition: 0.18s; cursor: pointer;}
.mpa-channel:hover {border-color: rgba(184, 145, 42, 0.3);}
.mpa-channel-head {display: flex; align-items: center; gap: 12px;}
.mpa-channel-check {width: 18px; height: 18px; border-radius: 5px; flex-shrink: 0; border: 1.5px solid rgba(0, 0, 0, 0.15); background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; transition: 0.15s;}
.mpa-channel.mpa-checked .mpa-channel-check {border-color: rgb(196, 165, 89); background: linear-gradient(135deg, rgb(196, 165, 89), rgb(212, 188, 122));}
.mpa-channel-title {font-size: 13px; font-weight: 700; color: rgb(26, 26, 26);}
.mpa-channel-sub {font-size: 11px; color: rgb(136, 136, 136); margin-top: 1px;}
.mpa-channel-body {margin-top: 12px; padding-left: 30px;}
.mpa-channel-note {font-size: 10.5px; color: rgb(140, 109, 52); background: rgba(184, 145, 42, 0.06); border: 1px solid rgba(184, 145, 42, 0.15); border-radius: 6px; padding: 7px 10px; margin-top: 10px; line-height: 1.5;}
.mpa-channel-label {display: block; font-size: 10px; font-weight: 600; color: rgb(102, 102, 102); margin-bottom: 5px; letter-spacing: 0.3px; text-transform: uppercase;}
.global-back-btn {position: fixed; top: 76px; left: 18px; z-index: 1100; display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0px 14px 0px 12px; border-radius: 100px; background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(10px); border: 1px solid rgba(0, 0, 0, 0.08); color: rgb(36, 36, 36); font-family: Inter, system-ui, sans-serif; font-size: 11.5px; font-weight: 700; letter-spacing: 0.2px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px, rgba(0, 0, 0, 0.04) 0px 1px 3px; transition: 0.18s;}
.global-back-btn:hover {background: rgb(255, 255, 255); border-color: rgba(184, 145, 42, 0.45); color: rgb(92, 71, 23); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px;}
.global-back-btn:active {transform: translateY(0px);}
@media (max-width: 640px){
.global-back-btn {top: 66px; left: 10px; height: 28px; font-size: 10.5px; padding: 0px 10px 0px 8px;}
}
.mpa-pill {position:relative; overflow:hidden; flex-shrink:0;
  padding:6px 13px; border-radius:999px; border:1px solid #E3E3E3;
  background:linear-gradient(rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 46%), linear-gradient(#fff 0%, #FAFAF8 100%);
  color:#292929; font-size:11px; font-weight:700; white-space:nowrap; transition:.18s; font-family:inherit; cursor:pointer;}
.mpa-pill:hover {border-color:var(--gold-primary);}
.mpa-pill.on {background:linear-gradient(135deg,var(--gold-200) 0%,var(--gold-100) 50%,var(--gold-200) 100%) !important;
  border-color:transparent !important; color:var(--gold-800) !important;
  box-shadow:0 2px 8px rgba(212,191,140,.25), inset 0 1px 0 rgba(255,255,255,.4);}
.mpa-pill.on::before {content:""; position:absolute; top:0; left:-60%; width:35%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent);
  transform:skewX(-18deg); animation:tlPillShine 4.2s ease-in-out infinite; pointer-events:none;}
.mpa-pill.on::after {content:""; position:absolute; inset:0 0 auto 0; height:46%;
  background:linear-gradient(rgba(255,255,255,.25),transparent); pointer-events:none;}
.mm-row {display:flex; flex-wrap:wrap; gap:6px;}
/* #4752 (Kevin 09/10) : l'italique déborde de sa boîte et le fond doré ne
   peint que la boîte, le « s » d'« offres » perdait sa queue. Marge de peinture
   à droite, rendue par une marge négative (même règle que les h1 em dorés). */
.mpa-em-gold {font-style:italic; display:inline-block; padding-right:.34em; margin-right:-.34em; background:linear-gradient(120deg,var(--gold-600) 0%,var(--gold-primary) 22%,var(--gold-100) 50%,var(--gold-primary) 78%,var(--gold-600) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
.mpa-entry-card {position:relative; overflow:hidden;}
.mpa-entry-card.mpa-active {border-color:var(--gold-primary) !important; box-shadow:0 6px 20px rgba(196,165,89,.18); background:linear-gradient(#fff,#FEFBF3) !important;}
.mpa-entry-card.mpa-active::before {content:""; position:absolute; top:0; left:-80%; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-18deg); animation:tlPillShine 5s ease-in-out infinite; pointer-events:none;}
.mpa-publish-btn {position:relative; overflow:hidden; background:linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-300) 40%, var(--gold-200) 70%, var(--gold-200) 100%) !important; box-shadow:0 2px 10px rgba(184,145,42,.28); transition:.2s;}
.mpa-publish-btn::after {content:""; position:absolute; top:0; left:20%; right:20%; height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);}
.mpa-publish-btn:hover {transform:translateY(-1px); box-shadow:0 4px 16px rgba(184,145,42,.4);}
.mpa-channel-body {overflow:hidden; max-height:600px; transition:max-height .25s ease, opacity .2s ease, margin .2s ease; opacity:1;}
.mpa-channel:not(.mpa-checked) .mpa-channel-body {max-height:0 !important; opacity:0; margin-top:0 !important; pointer-events:none;}
.mpa-channel-check svg {opacity:0; transition:.12s;}
.mpa-channel.mpa-checked .mpa-channel-check svg {opacity:1;}
.mpa-channel:not(.mpa-checked) {opacity:.7;}
.mpa-auguste-btn {position:relative; overflow:hidden;}
.mpa-auguste-btn.mpa-loading {pointer-events:none; opacity:.85;}
.mpa-auguste-btn.mpa-loading::after {content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent);
  transform:skewX(-18deg); animation:tlPillShine 1s linear infinite;}
.mpa-tag-chip {display:inline-flex; align-items:center; gap:6px; background:#F8F4ED; border:1px solid #E9DFC9; color:var(--gold-600); border-radius:999px; padding:3px 10px; font-size:11.5px; font-weight:700;}
.mpa-tag-chip b {cursor:pointer; opacity:.55; font-weight:700;}
.mpa-tag-chip b:hover {opacity:1;}
.mpa-toast {position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(20px); background:#1A1614; color:#fff; padding:11px 22px; border-radius:10px; font-size:12.5px; font-weight:600; box-shadow:0 8px 24px rgba(0,0,0,.25); opacity:0; transition:.25s; z-index:3000; pointer-events:none;}
.mpa-toast.show {opacity:1; transform:translateX(-50%) translateY(0);}
.mm-places {position:relative; display:flex; align-items:center; gap:8px; border:1px solid #E8E4DE; border-radius:10px; padding:0 12px; background:#fff; transition:.18s;}
.mm-places:focus-within {border-color:var(--gold-primary); box-shadow:0 0 0 3px rgba(196,165,89,.15);}
.mm-flag {font-size:17px; line-height:1;}
.mm-places .mm-input {border:none !important; box-shadow:none !important; flex:1; padding:11px 4px; background:transparent; min-width:0; font-family:inherit; font-size:13px; outline:none;}
.mm-places-list {position:absolute; top:calc(100% + 6px); left:0; right:0; background:#fff; border:1px solid #EBEBEB; border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.14); z-index:35; overflow:hidden; display:none; max-height:260px; overflow-y:auto;}
.mm-places-list.show {display:block; animation:tlFade .15s ease;}
.mm-places-item {display:flex; align-items:center; gap:9px; padding:10px 13px; cursor:pointer; font-size:13px; color:#2C2A26;}
.mm-places-item:hover {background:#FBF7EC;}
.mm-places-item .pin {font-size:13px;}
.mm-places-item small {color:#A09890; margin-left:auto; font-size:11px;}
.mm-lieu-help {font-size:10.5px; color:#A09890; margin-top:6px; line-height:1.4;}
.mm-lieu-help em {color:var(--gold-600); font-style:normal; font-weight:600;}
.aug-bd {position:fixed; inset:0; background:rgba(20,18,15,.5); backdrop-filter:blur(5px); z-index:400; display:none;}
.aug-bd.tl-open {display:block;}
.aug-panel {position:fixed; top:0; right:-460px; width:420px; max-width:94vw; height:100vh; background:#fff; z-index:401;
  transition:right .38s cubic-bezier(.22,1,.36,1); box-shadow:-14px 0 50px rgba(0,0,0,.2);
  display:flex; flex-direction:column; font-family:'DM Sans',system-ui,sans-serif;}
.aug-panel.tl-open {right:0;}
.aug-head {display:flex; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid #F0EDE3;
  background:linear-gradient(135deg,#1E1A12,#2A2418); color:#F8F5F0;}
.aug-head .aug-av {width:40px; height:40px; border-radius:12px; overflow:hidden; flex-shrink:0;}
.aug-head .aug-av img {width:100%; height:100%; object-fit:cover; display:block;}
.aug-head b {font-size:15px; display:block;}
.aug-head small {font-size:11px; color:var(--gold-300); letter-spacing:.5px;}
.aug-head .aug-close {margin-left:auto; background:rgba(255,255,255,.1); border:none; color:#fff; width:30px; height:30px;
  border-radius:8px; cursor:pointer; font-size:15px;}
.aug-body {padding:20px; overflow-y:auto; flex:1;}
.aug-intro {font-size:13.5px; color:#4A453E; line-height:1.55; margin-bottom:18px;}
.aug-intro b {color:var(--gold-deep);}
.aug-tabs {display:flex; gap:6px; background:#F3F0E8; border-radius:12px; padding:4px; margin-bottom:16px;}
.aug-tab {flex:1; padding:9px 10px; border:none; border-radius:9px; background:none; cursor:pointer; font-family:inherit;
  font-size:12px; font-weight:700; color:#8C8378; transition:.18s;}
.aug-tab.on {background:#fff; color:var(--gold-deep); box-shadow:0 2px 8px rgba(0,0,0,.08);}
.aug-mic {width:100%; display:flex; align-items:center; justify-content:center; gap:10px; padding:16px;
  border:none; border-radius:16px; cursor:pointer; font-family:inherit; font-size:14px; font-weight:700; color:#fff;
  background:linear-gradient(135deg,var(--gold-primary),var(--gold-500)); box-shadow:0 6px 20px rgba(184,151,58,.35); transition:.2s;}
.aug-mic:hover {transform:translateY(-1px);}
.aug-mic.rec {background:linear-gradient(135deg,#C2410C,#EF4444); box-shadow:0 6px 20px rgba(239,68,68,.4);}
.aug-mic .dot {width:10px; height:10px; border-radius:50%; background:#fff;}
.aug-mic.rec .dot {animation:augPulse 1s infinite;}
.aug-wave {display:none; align-items:center; justify-content:center; gap:4px; height:52px; margin:16px 0;}
.aug-wave.show {display:flex;}
.aug-wave i {width:4px; height:12px; border-radius:3px; background:var(--gold-primary); animation:augBar 1s infinite ease-in-out;}
.aug-wave i:nth-child(2) {animation-delay:.1s}
.aug-wave i:nth-child(3) {animation-delay:.2s}
.aug-wave i:nth-child(4) {animation-delay:.3s}
.aug-wave i:nth-child(5) {animation-delay:.4s}
.aug-wave i:nth-child(6) {animation-delay:.5s}
.aug-wave i:nth-child(7) {animation-delay:.6s}
.aug-wave i:nth-child(8) {animation-delay:.7s}
.aug-wave i:nth-child(9) {animation-delay:.8s}
.aug-transcript {display:none; margin:14px 0; padding:12px 14px; border-radius:12px; background:#FBF9F4;
  border:1px solid #F0EDE3; font-size:13px; color:#4A453E; line-height:1.5; font-style:italic;}
.aug-transcript.show {display:block;}
.aug-transcript .lbl {display:block; font-style:normal; font-size:10px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:#A09890; margin-bottom:6px;}
/* Retour Tatianna 06/10 (GO Colin 06/10) : les regles `.aug-draft-wrap`,
   `.aug-draft-label` et `.aug-draft` de la maquette sont RETIREES. Aucune vue du
   tunnel ne les utilise (le brouillon de la maquette n'a pas ete porte), et
   cette feuille, servie partout par `stylesheet_link_tag :app`, ecrasait le
   bouton partage « Ameliorer avec Auguste » (cadre de 170 px, libelle en
   capitales de 10 px) dans toutes les modales. Le bouton n'a qu'une feuille,
   `auguste_draft.css` : test/assets/auguste_draft_css_test.rb y veille. */
.aug-actions {display:flex; gap:10px; margin-top:12px;}
.aug-btn-gold {flex:1; padding:12px; border:none; border-radius:12px; cursor:pointer; font-family:inherit; font-size:13px;
  font-weight:700; color:#fff; background:linear-gradient(135deg,var(--gold-primary),var(--gold-500)); box-shadow:0 4px 14px rgba(184,151,58,.3);}
.aug-btn-ghost {padding:12px 16px; border:1px solid #E8E4DE; border-radius:12px; cursor:pointer; font-family:inherit;
  font-size:13px; font-weight:600; color:#6B6660; background:#fff;}
.aug-hint {font-size:11px; color:#A09890; margin-top:10px; text-align:center;}
.mm-recap-bd {position:fixed; inset:0; background:rgba(20,18,15,.5); backdrop-filter:blur(5px); z-index:500; display:none;}
.mm-recap-bd.tl-open {display:block;}
.mm-recap {position:fixed; top:50%; left:50%; transform:translate(-50%,-46%); width:560px; max-width:92vw; max-height:88vh;
  background:#fff; border-radius:20px; box-shadow:0 30px 80px rgba(0,0,0,.35); z-index:501; display:none;
  flex-direction:column; overflow:hidden; font-family:'DM Sans',system-ui,sans-serif;}
.mm-recap.tl-open {display:flex; animation:recapIn .25s cubic-bezier(.22,1,.36,1);}
.mm-recap-head {position:relative; padding:22px 26px; background:linear-gradient(120deg,#FBF6EA,var(--gold-200) 55%,var(--gold-200)); overflow:hidden;}
.mm-recap-head::after {content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent); transform:skewX(-18deg);}
.mm-recap-head b {font-family:'Cormorant Garamond',Georgia,serif; font-size:22px; color:#241E12; display:block;}
.mm-recap-head span {font-size:12px; color:var(--gold-deep); font-weight:600;}
.mm-recap-close {position:absolute; top:16px; right:16px; width:28px; height:28px; border-radius:50%; border:none;
  background:rgba(255,255,255,.6); cursor:pointer; font-size:14px; color:var(--gold-800);}
.mm-recap-body {padding:20px 26px; overflow-y:auto; flex:1;}
.mm-recap-sec {margin-bottom:16px;}
.mm-recap-sec-t {font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-weight:700; font-size:14.5px;
  color:#1A1614; margin-bottom:6px; padding-bottom:4px; border-bottom:2px solid var(--gold-200); display:inline-block;}
.mm-recap-grid {display:grid; grid-template-columns:1fr 1fr; gap:8px 16px;}
.mm-recap-item {font-size:12.5px; color:#4A453E;}
.mm-recap-item b {display:block; font-size:9.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#A09890; margin-bottom:2px;}
.mm-recap-tags {display:flex; flex-wrap:wrap; gap:6px;}
.mm-recap-tag {font-size:11px; font-weight:700; color:var(--gold-deep); background:#FBF6EA; border:1px solid var(--gold-200); padding:4px 9px; border-radius:99px;}
.mm-recap-msg {font-size:12.5px; color:#4A453E; line-height:1.5; background:#FBF9F4; border:1px solid #F0EDE3; border-radius:10px; padding:10px 13px; font-style:italic; white-space:pre-line;}
.mm-recap-foot {padding:16px 26px 20px; border-top:1px solid #F0EDE3; display:flex; gap:10px;}
.mm-recap-ghost {padding:13px 18px; border:1px solid #E8E4DE; border-radius:12px; background:#fff; cursor:pointer; font-family:inherit; font-size:13px; font-weight:700; color:#6B6660;}
.mm-recap-gold {flex:1; padding:13px; border:none; border-radius:12px; cursor:pointer; font-family:inherit; font-size:13.5px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--gold-primary),var(--gold-500)); box-shadow:0 6px 18px rgba(184,151,58,.35); position:relative; overflow:hidden;}
.mm-recap-gold::before {content:""; position:absolute; top:0; left:-70%; width:40%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent); transform:skewX(-18deg); animation:tlSheen 1.6s ease infinite;}
.mm-label {font-style: italic; font-weight: 700; font-size: 15px; color: rgb(26, 22, 20); margin: 20px 0px 9px;}
.mm-label:first-child {margin-top: 0px;}
.mm-label::after {content: ""; display: block; width: 52px; height: 2px; margin-top: 4px; background: linear-gradient(90deg, var(--mm-gold-main), var(--gold-200)); border-radius: 2px;}
.mm-sublabel {font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--mm-n-600); margin-bottom: 6px;}
.mm-block {border: 1px solid var(--mm-n-300); border-radius: 12px; padding: 12px 13px; background: linear-gradient(105deg, rgb(252, 251, 248) 0%, rgb(252, 251, 248) 54%, rgb(255, 255, 255) 57%, rgb(255, 255, 255) 100%);}
.mm-tpl {display: flex; gap: 12px; align-items: flex-start; width: 100%; padding: 12px 14px; border: 1px solid var(--mm-n-300); border-radius: 12px; cursor: pointer; background: rgb(255, 255, 255); margin-bottom: 8px; text-align: left; transition: 0.18s; font-family: inherit;}
.mm-tpl:hover {border-color: rgb(196, 165, 89);}
.mm-radio {width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--mm-n-300); flex-shrink: 0; margin-top: 2px; position: relative; transition: border-color 0.15s;}
.mm-tpl.on .mm-radio {border-color: var(--mm-gold-main);}
.mm-tpl.on .mm-radio::after {content: ""; position: absolute; inset: 2.5px; border-radius: 50%; background: var(--mm-gold-main);}
.mm-diff-note {font-size: 10.5px; color: var(--mm-n-500); margin-top: 8px; line-height: 1.6;}
.mm-diff-note b {color: var(--mm-n-600);}
.mm-preview-btn {align-self: flex-end; display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 50px; border: 1.5px solid rgba(138, 106, 33, 0.35); background: rgba(255, 255, 255, 0.55); color: rgb(138, 106, 33); font-size: 10.5px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; transition: 0.18s;}
.mm-preview-btn:hover {background: rgb(255, 255, 255); border-color: rgb(138, 106, 33);}
.mm-preview-btn {align-self: flex-start;}
.mm-agrid {display: grid; grid-template-columns: repeat(auto-fill, minmax(172px, 1fr)); gap: 9px;}
.mm-agcard {position: relative; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--mm-n-300); border-radius: 12px; background: rgb(255, 255, 255); cursor: pointer; text-align: left; font-family: inherit; transition: 0.18s;}
.mm-agcard:hover {border-color: rgb(196, 165, 89);}
.mm-aglogo {width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: rgb(245, 212, 128); font-weight: 800; font-size: 15px; letter-spacing: 0.5px; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset;}
.mm-agbody {display: flex; flex-direction: column; min-width: 0px;}
.mm-agbody b {font-size: 12px; font-weight: 800; color: var(--mm-n-700); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mm-agbody i {font-style: normal; font-size: 9.5px; color: var(--mm-n-500); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mm-agcheck {position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; border-radius: 50%; background: var(--mm-gold-grad); color: rgb(26, 22, 20); font-size: 10px; font-weight: 800; display: none; align-items: center; justify-content: center; box-shadow: rgba(184, 145, 42, 0.4) 0px 2px 6px;}
.mm-agcard.on .mm-agcheck {display: flex;}
.mm-agcard {overflow:hidden;}
.mm-agcard::before {content:""; position:absolute; top:0; left:-80%; width:55%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent); transform:skewX(-18deg); transition:left .65s cubic-bezier(.22,1,.36,1); pointer-events:none; z-index:2;}
.mm-agcard:hover::before {left:135%;}
.mm-agcard.on {border-color:var(--gold-primary); box-shadow:0 6px 20px rgba(196,165,89,.24); transform:translateY(-1px);}
.mm-agcard.on .mm-aglogo {box-shadow:0 0 0 2px rgba(196,165,89,.4);}
.mm-tpl {position:relative; overflow:hidden; cursor:pointer; transition:box-shadow .2s, border-color .2s, transform .2s;}
.mm-tpl:hover {border-color:var(--gold-primary);}
.mm-tpl.on {box-shadow:0 6px 22px rgba(196,165,89,.2);}
.mm-tpl.on::before {content:""; position:absolute; top:0; left:-80%; width:55%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent); transform:skewX(-18deg); animation:tlSheen 1.1s ease .05s 1; pointer-events:none;}
.mm-annbar {display:flex; align-items:center; gap:18px; padding:14px 20px; border:1px solid #EBEBEB; border-radius:16px; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,.05); margin-bottom:6px; flex-wrap:wrap; width:fit-content; max-width:100%;}
.mm-chan-ico {display:inline-flex; align-items:center; vertical-align:-3px; margin-right:6px;}
.mm-fwd-banner {display:flex; align-items:center; gap:14px; padding:14px 18px; border:1px dashed var(--gold-primary); border-radius:14px; background:linear-gradient(120deg,#FBF6EA,#FEFCF6); margin-top:12px;}
.mm-fwd-ico {width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#25D366,#1DA851); flex-shrink:0; display:flex; align-items:center; justify-content:center;}
.mm-fwd-txt {flex:1; font-size:12.5px; color:#5A5347; line-height:1.45;}
.mm-fwd-txt b {color:#1A1614;}
.mm-fwd-txt small {display:block; margin-top:2px; color:#A09890; font-size:10.5px; font-style:italic;}
.mm-fwd-btn {flex-shrink:0; padding:8px 13px; border:none; border-radius:999px; cursor:pointer; font-family:inherit; font-size:9.5px; font-weight:800; color:#fff; background:linear-gradient(135deg,rgba(37,211,102,.68),rgba(29,168,81,.68)); box-shadow:0 3px 10px rgba(37,211,102,.22); transition:.18s;}
.mm-fwd-btn:hover {transform:translateY(-1px); box-shadow:0 5px 14px rgba(37,211,102,.3);}
.mm-annbar {display:flex; align-items:center; gap:18px; padding:14px 20px; border:1px solid #EBEBEB; border-radius:16px; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,.05); margin-bottom:6px; flex-wrap:wrap; width:fit-content; max-width:100%;}
.mm-annbar-photo {width:60px; height:60px; border-radius:14px; object-fit:cover; box-shadow:0 0 0 2px rgba(196,165,89,.4);}
.mm-annbar-main {min-width:190px;}
.mm-annbar-top {display:flex; align-items:center; gap:10px;}
.mm-annbar-title {font-size:19px; font-weight:700; color:#1A1614;}
.mm-annbar-open {font-size:10px; font-weight:800; color:#2D7A4E; background:#EAF6EF; padding:3px 9px; border-radius:99px;}
.mm-annbar-maison {display:flex; align-items:center; gap:8px; margin-top:6px; font-size:12px; color:#6B6660;}
.mm-annbar-maison em {color:#9B4A6B; font-style:normal; font-weight:600;}
.mm-annbar-logo {height:22px; width:auto; border-radius:5px;}
.mm-annbar-facts {display:flex; gap:24px; margin-left:36px; flex-wrap:wrap;}
.mm-annbar-fact {display:flex; flex-direction:column; gap:3px;}
.mm-annbar-fact small {font-size:9px; letter-spacing:.6px; color:#A09890; font-weight:800;}
.mm-annbar-fact b {font-size:13px; color:#2C2A26; font-weight:700;}
.mm-annbar-photo {object-position:center 15%;}
.mpa-domaine-track {display:flex; gap:10px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:4px 2px 10px;}
.mpa-domaine-track::-webkit-scrollbar {display:none;}
.mpa-domaine-card {position:relative; overflow:hidden; flex:0 0 118px; width:118px; height:118px;
  display:flex; flex-direction:column; align-items:stretch; gap:5px;
  padding:7px; border:1.5px solid #E8E4DE; border-radius:13px; background:#fff;
  cursor:pointer; text-align:center; font-family:inherit; transition:.18s;}
.mpa-domaine-card:hover {border-color:var(--gold-primary); transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.07);}
.mpa-domaine-card.on {border-color:var(--gold-primary); box-shadow:0 8px 22px rgba(196,165,89,.22); background:linear-gradient(#fff,#FEFBF3);}
.mpa-domaine-card.on::before {content:""; position:absolute; top:0; left:-80%; width:55%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent);
  transform:skewX(-18deg); animation:tlPillShine 5s ease-in-out infinite; pointer-events:none; z-index:2;}
.mpa-domaine-photo {width:100%; height:65px; flex:0 0 65px; object-fit:cover; border-radius:9px; display:block;}
.mpa-domaine-label {flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align:center;
  padding:3px 5px; border-radius:8px;
  background:#F8F5EF; border:1px solid #EDE6D6;
  font-size:8.5px; font-weight:800; letter-spacing:.2px; color:var(--gold-800);
  line-height:1.15; white-space:normal; overflow:hidden; word-break:break-word;}
.mpa-domaine-card.on .mpa-domaine-label {background:linear-gradient(135deg,var(--gold-200) 0%,var(--gold-100) 50%,var(--gold-200) 100%);
  border-color:transparent; color:var(--gold-800);
  box-shadow:0 1px 4px rgba(212,191,140,.35), inset 0 1px 0 rgba(255,255,255,.45);}
.mpa-visual-drop {position:relative; display:flex; align-items:center; gap:14px; padding:14px 16px;
  border:1.5px dashed var(--gold-primary); border-radius:14px; background:linear-gradient(120deg,#FBF6EA,#FEFCF6); cursor:pointer; transition:.18s;}
.mpa-visual-drop:hover {border-color:var(--gold-primary); background:#FBF7EC;}
.mpa-visual-thumb {width:88px; height:58px; border-radius:10px; object-fit:cover; flex-shrink:0; box-shadow:0 0 0 2px rgba(196,165,89,.35); display:none;}
.mpa-visual-thumb.show {display:block;}
.mpa-visual-ph {width:88px; height:58px; border-radius:10px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:22px; background:rgba(196,165,89,.12); color:var(--gold-600);}
.mpa-visual-txt {flex:1; font-size:12.5px; color:#5A5347; line-height:1.45;}
.mpa-visual-txt b {color:#1A1614; display:block;}
.mpa-visual-txt small {color:#A09890; font-size:10.5px; font-style:italic;}
.mpa-visual-clear {flex-shrink:0; padding:6px 12px; border-radius:999px; border:1px solid #E8E4DE; background:#fff; color:#6B6660; font-size:10.5px; font-weight:700; cursor:pointer; font-family:inherit; display:none;}
.mpa-visual-clear.show {display:block;}
.mpa-inline-custom {width:100%; padding:9px 12px; border-radius:8px; border:1.5px solid rgba(0,0,0,.08); font-size:13px; font-family:inherit; outline:none; background:#fff; margin-top:8px;}
.mpa-inline-custom:focus {border-color:var(--gold-primary); box-shadow:0 0 0 3px rgba(196,165,89,.15);}
.mpa-annbar-wrap {margin-top:8px;}
.mm-annbar-photo.is-empty {background:rgba(196,165,89,.12);}
.mm-row--multi {}
.mm-pill, .mm-tpl, .mm-agcard, .mm-preview-btn {cursor:pointer; font-family:inherit;}
.mm-row {display: flex; flex-wrap: wrap; gap: 6px;}
.mm-pill {padding: 6px 13px; border-radius: 999px; border: 1px solid var(--mm-n-300); background: linear-gradient(rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 250, 248) 100%); color: var(--mm-n-700); font-size: 11px; font-weight: 700; white-space: nowrap; transition: 0.18s;}
.mm-pill:hover {border-color: rgb(196, 165, 89);}
.mm-tpl-body {flex: 1 1 0%; min-width: 0px;}
.mm-tpl-tag {display: block; font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: rgb(138, 106, 33); margin-bottom: 4px;}
.mm-tpl-txt {font-size: 12.5px; color: var(--mm-n-700); line-height: 1.55;}
.mm-tpl-txt b {font-weight: 700;}
.mm-pill {position:relative; overflow:hidden; flex-shrink:0;}
.mm-pill.on {background:linear-gradient(135deg,var(--gold-200) 0%,var(--gold-100) 50%,var(--gold-200) 100%) !important; color:var(--gold-800) !important; border-color:transparent !important; box-shadow:0 2px 8px rgba(212,191,140,.25), inset 0 1px 0 rgba(255,255,255,.4);}
.mm-pill.on::before {content:""; position:absolute; top:0; left:-60%; width:35%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent); transform:skewX(-18deg); animation:tlPillShine 4.2s ease-in-out infinite; pointer-events:none;}
.mm-pill.on::after {content:""; position:absolute; inset:0 0 auto 0; height:46%; background:linear-gradient(rgba(255,255,255,.25),transparent); pointer-events:none;}
.mm-pill:active {transform:translateY(1px);}
.mm-range {width: 100%; accent-color: var(--mm-gold-main); margin-top: 8px;}
.mpa-step {border:1.5px solid rgba(0,0,0,.09); border-radius:14px; background:#fff; margin-bottom:18px; overflow:hidden; transition:.2s;}
.mpa-step:last-of-type {margin-bottom:0;}
.mpa-step:not(.on) {background:#FCFCFB;}
.mpa-step:not(.on) .mpa-step-t {color:#6B6660;}
.mpa-step.on {border-color:rgba(184,145,42,.45); box-shadow:0 4px 18px rgba(196,165,89,.12);}
.mpa-step-head {display:flex; align-items:center; gap:12px; padding:14px 16px;}
.mpa-step--fold > .mpa-step-head {cursor:pointer;}
.mpa-step--fold > .mpa-step-head:hover {background:#FDFBF6;}
.mpa-step-num {width:26px; height:26px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:800; background:#F3EFE4; color:var(--gold-600); transition:.2s;}
.mpa-step.on .mpa-step-num {background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-300) 40%,var(--gold-200) 70%,var(--gold-200) 100%); color:#2b2317;}
.mpa-step-txt {min-width:0; flex:1 1 auto;}
.mpa-step-t {display:block; font-size:13px; font-weight:800; color:#1A1614;}
.mpa-step-s {display:block; font-size:11px; color:#8C8378; margin-top:2px; line-height:1.45;}
.mpa-step-tag {flex-shrink:0; font-size:8.5px; font-weight:800; letter-spacing:.8px; text-transform:uppercase;
  padding:4px 9px; border-radius:99px; white-space:nowrap;}
.mpa-tag-inc {background:rgba(45,122,78,.09); color:#2D7A4E;}
.mpa-tag-opt {background:rgba(184,145,42,.10); color:var(--gold-600);}
.mpa-tag-pay {background:rgba(155,74,107,.10); color:#9B4A6B;}
.mpa-step-body {padding:0 16px 16px;}
.mpa-step .mpa-step-body {display:none;}
.mpa-step.on .mpa-step-body, .mpa-step.open .mpa-step-body {display:block; animation:tlFade .2s ease;}
.mpa-step.open:not(.on) {border-color:rgba(184,145,42,.28);}
.mpa-step-chev {flex-shrink:0; font-size:15px; color:var(--gold-600); transition:transform .2s;}
.mpa-step--fold.open .mpa-step-chev {transform:rotate(90deg);}
.mpa-step--later {opacity:.62;}
.mpa-step--later > .mpa-step-head {cursor:default;}
.mpa-step--later .mpa-step-body {display:none !important;}
.mpa-tag-later {background:#F1EFEA; color:#77706A; border:1px solid #E2DED6;}
.mpa-switch {flex-shrink:0; width:40px; height:22px; border-radius:99px; background:#E3E3E3; position:relative; cursor:pointer; transition:.2s; border:none; padding:0;}
.mpa-switch::after {content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:.2s;}
.mpa-step.on .mpa-switch {background:linear-gradient(135deg,var(--gold-primary),var(--gold-300));}
.mpa-step.on .mpa-switch::after {left:20px;}
.mpa-comm-recap {display:flex; align-items:center; gap:10px; margin-top:12px; padding:11px 14px;
  border:1px solid var(--gold-200); border-radius:12px; background:linear-gradient(120deg,#FBF6EA,#FEFCF6);
  font-size:12px; color:#5A5347;}
.mpa-comm-recap b {color:#1A1614;}
.mpa-comm-recap .mpa-comm-val {margin-left:auto; font-size:15px; font-weight:800; color:var(--gold-600); white-space:nowrap;}
.mpa-step1-brand {display:flex; align-items:center; gap:13px; padding:13px 15px;
  border:1px solid var(--gold-200); border-radius:12px; background:linear-gradient(120deg,#FBF6EA,#FEFCF6);}
.mpa-step1-brand img {width:34px; height:34px; flex-shrink:0;}
.mpa-step1-brand b {display:block; font-size:12.5px; color:#1A1614;}
.mpa-step1-brand small {display:block; font-size:11px; color:#8C8378; margin-top:2px; line-height:1.45;}
.mpa-mandat-note {margin-top:12px; padding:12px 14px; border:1px solid #E8E4DE; border-radius:12px; background:#FBFAF7;
  font-size:11.5px; color:#5A5347; line-height:1.6;}
.mpa-mandat-note b {color:#1A1614;}
.mpa-mandat-note ul {margin:6px 0 0; padding-left:16px;}
.mpa-mandat-note li {margin-bottom:3px;}
.mpa-hint {font-size:11px; color:#8C8378; line-height:1.5; margin:-2px 0 8px;}
.mpa-pub-grid {display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media(max-width:640px){.mpa-pub-grid {grid-template-columns:1fr;}}
.mpa-pub-lbl {display:block; font-size:11.5px; font-weight:600; color:#444; margin-bottom:5px;}
.mpa-pub-dot {width:5px; height:5px; border-radius:50%; background:#DC2626; display:inline-block; margin-left:4px; vertical-align:middle;}
.mpa-sel {width:100%; max-width:100%; padding:10px 12px; border-radius:9px; border:1.5px solid rgba(0,0,0,.08);
  background:#fff; font-family:inherit; font-size:13px; color:#1A1614; outline:none;}
.mpa-sel:focus {border-color:rgba(184,145,42,.45);}
.mpa-hint b {color:var(--gold-deep);}
.mpa-ag-search {margin-bottom:10px;}
.mpa-step-none {font-size:11.5px; color:#A09890; font-style:italic; padding:2px 0 6px;}
.mpa-bench {margin-top:14px; border:1px solid var(--gold-200); border-radius:12px; background:linear-gradient(120deg,#FBF6EA,#FEFCF6); padding:13px 15px;}
.mpa-bench-head {display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;}
.mpa-bench-t {font-size:9.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--gold-600);}
.mpa-bench-scope {font-size:11px; color:#8C8378;}
.mpa-bench-body {margin-top:10px;}
.mpa-bench-range {display:flex; align-items:baseline; gap:6px;}
.mpa-bench-range b {font-size:20px; font-weight:800; color:#1A1614;}
.mpa-bench-range span {font-size:11.5px; color:#6B6660;}
.mpa-bench-gauge {margin-top:9px;}
.mpa-bench-track {position:relative; height:6px; border-radius:99px; background:#EDE6D6; overflow:visible;}
.mpa-bench-fill {position:absolute; inset:0; border-radius:99px; background:linear-gradient(90deg,var(--gold-200),var(--gold-primary));}
.mpa-bench-you {position:absolute; top:-4px; width:14px; height:14px; border-radius:50%; background:#fff; border:3px solid var(--gold-600); transform:translateX(-50%); box-shadow:0 1px 4px rgba(0,0,0,.2);}
.mpa-bench-bounds {display:flex; justify-content:space-between; margin-top:5px; font-size:10px; font-weight:700; color:#A09890;}
.mpa-bench-stats {display:flex; gap:16px; flex-wrap:wrap; margin-top:10px; font-size:11px; color:#6B6660;}
.mpa-bench-stats b {color:#1A1614; font-weight:800;}
.mpa-bench-verdict {margin-top:9px; font-size:11.5px; font-weight:700; padding:7px 11px; border-radius:8px;}
.mpa-bench-verdict.low {background:rgba(181,66,60,.08); color:#B5423C;}
.mpa-bench-verdict.mid {background:rgba(45,122,78,.09); color:#2D7A4E;}
.mpa-bench-verdict.high {background:rgba(184,145,42,.10); color:var(--gold-600);}
.mpa-bench-mode {margin-left:auto; font-size:8.5px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; padding:3px 9px; border-radius:99px;}
.mpa-bench-mode.sal {background:rgba(45,122,78,.10); color:#2D7A4E;}
.mpa-bench-mode.fac {background:rgba(155,74,107,.10); color:#9B4A6B;}
.mpa-bench-note {margin-top:8px; font-size:10px; color:#A09890; font-style:italic; line-height:1.45;}
.mpa-agview-btn {margin-left:8px;}
.agv-sec {margin-bottom:14px;}
.agv-t {font-size:9.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:var(--gold-500); margin-bottom:6px;}
.agv-grid {display:grid; grid-template-columns:1fr 1fr; gap:7px 14px;}
.agv-i {font-size:12.5px; color:#4A453E;}
.agv-i b {display:block; font-size:9.5px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#A09890; margin-bottom:2px;}
.agv-maison {display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #F0EDE3; border-radius:11px; background:#FBF9F4;}
.agv-maison-av {width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--gold-primary),var(--gold-200)); display:flex; align-items:center; justify-content:center; font-size:15px;}
.agv-maison b {display:block; font-size:12.5px; color:#1A1614;}
.agv-maison em {font-style:normal; font-size:11px; color:#9B4A6B; font-weight:600;}
.agv-comm {display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--gold-200); border-radius:12px;
  background:linear-gradient(120deg,#FBF6EA,#FEFCF6); font-size:12px; color:#5A5347;}
.agv-comm .v {margin-left:auto; font-size:19px; font-weight:800; color:var(--gold-600); white-space:nowrap;}
.agv-tags {display:flex; flex-wrap:wrap; gap:6px;}
.agv-tag {font-size:11px; font-weight:700; color:var(--gold-deep); background:#FBF6EA; border:1px solid var(--gold-200); padding:4px 9px; border-radius:99px;}
.agv-msg {font-size:12.5px; color:#4A453E; line-height:1.55; background:#FBF9F4; border:1px solid #F0EDE3; border-radius:10px; padding:10px 13px; font-style:italic; white-space:pre-line;}
.agv-masked {border:1px dashed var(--gold-200); border-radius:11px; padding:11px 13px; background:#FDFCF8;}
.agv-masked ul {margin:6px 0 0; padding-left:16px;}
.agv-masked li {font-size:11.5px; color:#6B6660; margin-bottom:3px;}
.agv-none {font-size:12px; color:#A09890; font-style:italic;}
.mpa-step {margin-bottom:11px !important;}
.mpa-step-head {padding:11px 13px !important;}
.mpa-step-body {padding:0 13px 12px !important;}
.mpa-step-num {width:23px; height:23px; font-size:10px;}
.mpa-step-t {font-size:12.5px;}
.mpa-step-s {font-size:10.5px;}
.mpa-step-tag {font-size:8px; padding:3px 8px;}
.mm-block {padding:10px 11px !important;}
.mm-label {font-size:13.5px !important; margin:14px 0 7px !important;}
.mm-sublabel {font-size:9px; margin-bottom:5px;}
.mm-row {gap:5px;}
.mm-pill, .mpa-pill {padding:5px 11px !important; font-size:10.5px !important;}
.mpa-poste-pill {font-size:9.5px !important; padding:5px 10px !important;}
.mm-tpl {padding:10px 12px !important; margin-bottom:6px !important;}
.mm-tpl-txt {font-size:11.5px;}
.mm-agrid {grid-template-columns:repeat(auto-fill, minmax(158px, 1fr)) !important; gap:8px !important;}
.mm-agcard {padding:8px 10px !important;}
.mm-aglogo {width:31px; height:31px; font-size:13px;}
.mm-agbody b {font-size:11.5px;}
.mm-annbar {padding:11px 15px !important; gap:14px !important;}
.mm-annbar-photo {width:52px; height:52px;}
.mm-annbar-title {font-size:17px;}
.mm-annbar-facts {gap:18px; margin-left:24px;}
.mm-preview-btn {padding:6px 12px; font-size:9.5px;}
.mpa-domaine-card {flex:0 0 104px !important; width:104px !important; height:104px !important; padding:6px !important; gap:4px !important;}
.mpa-domaine-photo {height:57px !important; flex:0 0 57px !important;}
.mpa-domaine-label {font-size:8px !important; padding:2px 4px !important;}
.mpa-domaine-track {gap:8px; padding:3px 2px 8px;}
.mpa-carousel-arrow {width:27px; height:27px; font-size:15px;}
.mpa-entries {gap:9px !important; margin-bottom:18px !important;}
.mpa-entry-card {padding:11px 13px !important; gap:11px !important;}
.mpa-bench {padding:11px 13px; margin-top:11px;}
.mpa-bench-range b {font-size:18px;}
.mpa-bench-stats {gap:13px; font-size:10.5px;}
.mpa-mandat-note {padding:10px 12px; font-size:11px; margin-top:10px;}
.mpa-comm-recap {padding:9px 12px; margin-top:10px; font-size:11.5px;}
.mpa-comm-recap .mpa-comm-val {font-size:14px;}
.mpa-step1-brand {padding:11px 13px; gap:11px;}
.mpa-step1-brand img {width:30px; height:30px;}
.mm-fwd-banner {padding:11px 14px !important; gap:12px !important;}
.mm-places .mm-input {padding:9px 4px !important;}
.mpa-hint {font-size:10.5px;}
.mpa-inline-custom {padding:8px 11px !important; font-size:12.5px !important;}
.mpa-wiz {max-width:1200px; margin:0 auto;}
.mpa-stepper {display:flex; align-items:center; gap:6px; margin:0 0 16px; flex-wrap:wrap;}
.mpa-stepitem {display:flex; align-items:center; gap:7px; padding:6px 10px; border-radius:99px; border:1px solid transparent;
  background:none; cursor:pointer; font-family:inherit; transition:.18s;}
.mpa-stepitem:hover {background:#FBF7EC;}
.mpa-stepitem[disabled] {opacity:.45; cursor:not-allowed;}
.mpa-stepitem[disabled]:hover {background:none;}
.mpa-stepdot {width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:9.5px; font-weight:800; background:#F3EFE4; color:var(--gold-600); flex-shrink:0; transition:.18s;}
.mpa-steplab {font-size:11px; font-weight:700; color:#8C8378; white-space:nowrap;}
.mpa-stepitem.on .mpa-stepdot {background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-300) 40%,var(--gold-200) 70%,var(--gold-200) 100%); color:#2b2317;}
.mpa-stepitem.on .mpa-steplab {color:#1A1614;}
.mpa-stepitem.done .mpa-stepdot {background:#2D7A4E; color:#fff;}
.mpa-stepline {flex:1 1 14px; min-width:10px; height:1px; background:rgba(0,0,0,.08);}
.mpa-wiz-cols {display:flex; gap:18px; align-items:flex-start;}
.mpa-wiz-main {flex:1 1 auto; min-width:0;}
.mpa-screen[hidden] {display:none;}
.mpa-screen {animation:tlFade .2s ease;}
.mpa-rail {flex:0 0 292px; width:292px; position:sticky; top:86px; align-self:flex-start;}
.mpa-rail-t {font-size:9px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#A09890; margin-bottom:7px;}
.mpa-rail .mm-annbar {flex-direction:column; align-items:stretch; gap:10px !important; padding:13px !important;}
.mpa-rail .mm-annbar-facts {margin-left:0; gap:12px;}
.mpa-rail .mm-annbar-photo {width:100%; height:96px; border-radius:11px;}
.mpa-rail .mm-annbar-main {min-width:0;}
.mpa-rail .mm-annbar-title {font-size:15px;}
.mpa-rail .mm-preview-btn {width:100%; justify-content:center; margin:0 0 5px;}
.mpa-rail .mpa-agview-btn {margin-left:0;}
.mpa-rail .mpa-bench {margin-top:12px;}
.mpa-rail .mpa-bench-stats {flex-direction:column; gap:4px;}
.mpa-wiznav {display:flex; align-items:center; gap:12px; margin-top:4px; padding:13px 0 6px;}
.mpa-btn-next {margin-left:auto; padding:11px 22px; border-radius:10px; border:none; cursor:pointer; font-family:inherit;
  font-size:12.5px; font-weight:800; color:#fff;
  background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-300) 40%,var(--gold-200) 70%,var(--gold-200) 100%);
  box-shadow:0 2px 10px rgba(184,145,42,.28); transition:.18s;}
.mpa-btn-next:hover {transform:translateY(-1px); box-shadow:0 4px 16px rgba(184,145,42,.4);}
.mpa-btn-next[disabled] {background:#E8E4DE; color:#A09890; box-shadow:none; cursor:not-allowed; transform:none;}
.mpa-btn-back {padding:11px 18px; border-radius:10px; border:1px solid #E8E4DE; background:#fff; cursor:pointer;
  font-family:inherit; font-size:12px; font-weight:700; color:#6B6660;}
.mpa-btn-back:hover {border-color:var(--gold-primary); background:#FBF7EC;}
.mpa-wiznav-miss {font-size:11px; color:#B5423C; font-weight:600; line-height:1.4;}
.mpa-invalid {border-color:#B5423C !important; box-shadow:0 0 0 3px rgba(181,66,60,.10) !important;}
.mpa-row-invalid {outline:2px dashed rgba(181,66,60,.35); outline-offset:3px; border-radius:10px;}
@media (max-width:1080px){
.mpa-wiz-cols {flex-direction:column;}
.mpa-rail {position:static; width:100%; flex:1 1 auto;}
.mpa-rail .mm-annbar {flex-direction:row; align-items:center;}
.mpa-rail .mm-annbar-photo {width:52px; height:52px;}
}
@media (max-width:720px){
.mpa-wiz-cols {align-items:stretch;}
.mpa-entries {flex-wrap:wrap;}
.mpa-entry-card {flex:1 1 100%;}
.mpa-entry-card > div {min-width:0;}
.mpa-entry-card.mpa-active::before {display:none;}
.mpa-wiznav {flex-wrap:wrap;}
}
.mpa-gcard {border:1.5px solid rgba(0,0,0,.07); border-radius:13px; background:#fff; padding:14px 15px; margin-bottom:11px;}
.mpa-gcard:last-child {margin-bottom:0;}
.mpa-gcard-t {font-size:9.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  color:var(--gold-500); margin-bottom:11px; padding-bottom:6px; border-bottom:1px solid #F3EFE4;}
.mpa-gcard > div:last-child {margin-bottom:0 !important;}
.mpa-screen > div:first-child {margin-bottom:13px !important;}
.mpa-gcard .mm-block {border:none !important; background:none !important; padding:0 !important;}
.mpa-wiznav-miss {color:#8C8378 !important;}
.mpa-wiznav-miss.warn {color:var(--gold-600) !important;}
.mpa-publish-guard {margin-bottom:10px; padding:11px 13px; border:1px solid rgba(181,66,60,.3); border-radius:11px;
  background:rgba(181,66,60,.05); font-size:11.5px; color:#B5423C; line-height:1.5;}
.mpa-publish-guard ul {margin:5px 0 0; padding-left:16px;}
.mpa-publish-guard li {margin-bottom:2px;}
.global-back-btn {position: fixed;
          top: 76px;
          left: 18px;
          z-index: 1100;
          display: inline-flex;
          align-items: center;
          gap: 7px;
          height: 32px;
          padding: 0 14px 0 12px;
          border-radius: 100px;
          background: rgba(255, 255, 255, 0.96);
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          border: 1px solid rgba(0, 0, 0, 0.08);
          color: #242424;
          font-family: 'Inter', system-ui, sans-serif;
          font-size: 11.5px;
          font-weight: 700;
          letter-spacing: 0.2px;
          cursor: pointer;
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
          transition: all 0.18s ease;}
.global-back-btn:hover {background: #fff;
          border-color: rgba(184, 145, 42, 0.45);
          color: var(--gold-800);
          transform: translateY(-1px);
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);}
.global-back-btn:active {transform: translateY(0);}
@media (max-width: 640px){
.global-back-btn {top: 66px;
            left: 10px;
            height: 28px;
            font-size: 10.5px;
            padding: 0 10px 0 8px;}
}
.mpa-domaine-carousel {display:flex; align-items:center; gap:8px;}
.mpa-carousel-arrow {flex-shrink:0; width:30px; height:30px; border-radius:50%; border:1.5px solid rgba(0,0,0,.08);
  background:#fff; color:var(--gold-600); font-size:16px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:.15s; font-family:inherit;}
.mpa-carousel-arrow:hover {border-color:var(--gold-primary); background:#FBF7EC;}
.mpa-poste-line {display:flex; align-items:center; gap:8px;}
.mpa-poste-track {display:flex; align-items:center; gap:6px; flex:1 1 auto; min-width:0;
  overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none; padding:2px 0;}
.mpa-poste-track::-webkit-scrollbar {display:none;}
.mpa-poste-track .mm-pill, .mpa-poste-track .mpa-pill {flex:0 0 auto;}
.mpa-poste-pill {font-size:10px; padding:6px 11px;}
.mpa-poste-search {flex:0 0 33%; max-width:33%; min-width:160px;}
.mpa-poste-empty {font-size:11.5px; color:#A09890; font-style:italic; white-space:nowrap;}
.mpa-domaine-card--new {border-style:dashed;}
.mpa-domaine-card--new .mpa-domaine-plus {flex:0 0 65px; height:65px; display:flex; align-items:center; justify-content:center;
  font-size:30px; line-height:1; color:var(--gold-primary); background:#FBF7EC; border-radius:9px;}
.mpa-domaine-card--new.on {border-style:solid;}
.mpa-preview-btn {display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:999px;
  border:1.5px solid rgba(184,145,42,.35); background:#fff; color:var(--gold-deep); font-size:11.5px;
  font-weight:700; cursor:pointer; transition:.15s; font-family:inherit;}
.mpa-preview-btn:hover {border-color:var(--gold-primary); background:#FBF7EC;}
.mpa-cal-wrap {position:relative;}
.mpa-cal-input {width:100%; display:flex; align-items:center; justify-content:space-between; padding:10px 12px;
  border-radius:8px; border:1.5px solid rgba(0,0,0,.08); background:#fff; font-size:13px;
  font-family:inherit; color:#292929; cursor:pointer; transition:.15s;}
.mpa-cal-input:hover {border-color:var(--gold-primary);}
.mpa-cal-icon {opacity:.55; font-size:13px;}
.mpa-cal-pop {display:none; position:absolute; top:calc(100% + 6px); left:0; width:280px; background:#fff;
  border:1px solid #EBEBEB; border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.14); padding:14px; z-index:40;}
.mpa-cal-pop.show {display:block; animation:tlFade .15s ease;}
.mpa-cal-head {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:12.5px; font-weight:700; color:#1A1614;}
.mpa-cal-nav {width:26px; height:26px; border-radius:50%; border:1px solid rgba(0,0,0,.08); background:#fff; cursor:pointer; font-size:14px; color:var(--gold-600); font-family:inherit;}
.mpa-cal-nav:hover {border-color:var(--gold-primary); background:#FBF7EC;}
.mpa-cal-week {display:grid; grid-template-columns:repeat(7,1fr); text-align:center; font-size:9.5px; font-weight:800; color:#A09890; margin-bottom:4px;}
.mpa-cal-grid {display:grid; grid-template-columns:repeat(7,1fr); gap:2px;}
.mpa-cal-day {aspect-ratio:1; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:12px; cursor:pointer; border:none; background:none; font-family:inherit; color:#292929;}
.mpa-cal-day:hover {background:#FBF7EC;}
.mpa-cal-day.mute {color:#D4D0C8; pointer-events:none; cursor:default;}
.mpa-cal-day.today {font-weight:800; color:var(--gold-deep);}
.mpa-cal-day.selected {background:linear-gradient(135deg,var(--gold-200) 0%,var(--gold-100) 50%,var(--gold-200) 100%); color:var(--gold-800); font-weight:800;}
.mpa-cal-today {width:100%; margin-top:10px; padding:8px; border-radius:8px; border:1px solid rgba(184,145,42,.3); background:#fff; color:var(--gold-deep); font-size:11px; font-weight:700; cursor:pointer; font-family:inherit;}
.mpa-cal-today:hover {background:#FBF7EC;}
.mpa-exp-custom {width:100%; padding:10px 12px; border-radius:8px; border:1.5px solid rgba(0,0,0,.08); font-size:13px; font-family:inherit; outline:none; background:#fff; margin-top:8px;}
.mpa-exp-custom:focus {border-color:var(--gold-primary);}
@keyframes _statusPulse_xmxt2_1 { 
  0%, 58% { box-shadow: rgba(37, 195, 99, 0.22) 0px 0px 0px 0px; }
  78%, 100% { box-shadow: rgba(37, 195, 99, 0) 0px 0px 0px 9px; }
}
@keyframes augPulse { 0%,100%{opacity:1;transform:scale(1);} 50%{opacity:.35;transform:scale(.7);} }
@keyframes recapIn { from{opacity:0; transform:translate(-50%,-42%) scale(.97);} to{opacity:1; transform:translate(-50%,-46%) scale(1);} }
@keyframes tlSheen { to{ left:135%; } }
@keyframes tlPillShine { 0%{ left:-60%; } 42%{ left:130%; } 100%{ left:130%; } }
@keyframes augBar { 0%,100%{height:10px} 50%{height:38px} }
@keyframes tlFade { from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:none;} }

/* ------------------------------------------------------------------
   B3 tache 026 — appendice de PORTAGE, et rien d'autre.

   La maquette ecrit ces regles en styles INLINE, sur chaque balise. La
   convention du projet interdit le CSS inline dans le code livre : les
   declarations sont donc reprises ICI, valeur par valeur, sans une seule
   modification. Le rendu est identique au pixel ; seule change la place
   ou la regle est ecrite.

   Source de chaque bloc : `app/views/mockups/recruiter/publish_offer.html.erb`,
   numero de ligne en commentaire.
   ------------------------------------------------------------------ */

/* l.628 et l.679 — les deux conteneurs de page */
.mpa-head-wrap {max-width:1200px; margin:0 auto; padding:22px 24px 0;}
.page-recruiter-publish-offer .mpa-wiz {max-width:1200px; margin:0 auto; padding:0 24px 34px;}

/* l.630-632 — fil d'Ariane */
.mpa-crumb {font-size:11px; color:rgb(136,136,136); margin-bottom:8px;}
.mpa-crumb-sep {opacity:.4;}
.mpa-crumb-here {color:rgb(26,26,26); font-weight:600;}

/* l.633-636 — surtitre, titre, accroche */
.mpa-eyebrow {font-size:9px; font-weight:700; color:rgb(196,165,89); letter-spacing:1.5px;
  text-transform:uppercase; margin-bottom:6px;}
.mpa-h1 {font-family:"Playfair Display",Georgia,serif; font-size:28px; font-weight:700; margin:0 0 6px;}
.mpa-lead {font-size:13px; color:rgb(136,136,136); margin-bottom:24px;}

/* l.714-718 — en-tete d'une etape */
.mpa-screen-head {display:flex; align-items:center; gap:9px; margin-bottom:12px;}
.mpa-screen-num {font-size:10px; font-weight:800; color:rgb(196,165,89);}
.mpa-screen-t {font-size:13px; font-weight:700;}
.mpa-screen-rule {flex:1 1 0%; height:1px; background:rgba(0,0,0,.05);}

/* l.1032 (input) et l.1117 (textarea) — champs de saisie */
.mpa-inp {width:100%; padding:8px 11px; border-radius:8px; border:1.5px solid rgba(0,0,0,.08);
  font-size:13px; font-family:Inter,sans-serif; outline:none; background:rgb(255,255,255);
  transition:border-color .2s;}
.mpa-ta {width:100%; padding:8px 11px; border-radius:8px; border:1.5px solid rgba(0,0,0,.08);
  font-size:13px; font-family:Inter,sans-serif; outline:none; background:rgb(255,255,255);
  transition:border-color .2s; min-height:85px; resize:vertical;}

/* AJOUT de la tache : la maquette compose UNE offre, AC27.1 en demande
   plusieurs. La rangee d'ajout emprunte les valeurs de `.mpa-wiznav`. */
.mpa-add-row {display:flex; align-items:center; gap:12px; margin-top:4px; padding:13px 0 6px; flex-wrap:wrap;}
.mpa-add-row .mpa-hint {margin:0;}
/* `.mpa-visual-clear` naît `display:none` dans la maquette (elle ne l'allume
   qu'avec `.show` sur le retrait d'un visuel). Réemployée ici comme bouton
   « Retirer ce poste », elle doit être visible par défaut ; l'attribut `hidden`
   du contrôleur Stimulus garde le dernier mot quand il n'y a qu'un poste. */
.mpa-gcard-t .mpa-visual-clear {float:right; display:inline-block;}
.mpa-gcard-t .mpa-visual-clear[hidden] {display:none;}
.mpa-recap-line {font-size:11.5px; color:#1A1614; padding:7px 0; border-bottom:1px solid rgba(0,0,0,.05);}
.mpa-recap-line:last-child {border-bottom:none;}
.mpa-recap-line b {display:block; font-size:9.5px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:#A09890; margin-bottom:3px;}

@media(max-width:640px){
  .mpa-head-wrap {padding:16px 14px 0;}
  .page-recruiter-publish-offer .mpa-wiz {padding:0 14px 26px;}
  .mpa-h1 {font-size:22px;}
  .mpa-add-row {padding:11px 0 6px;}
}

/* ------------------------------------------------------------------
   Recette Loic 28/09 — appendice des trois blocs portes apres coup :
   cartes d'entree, apercu du rail, etape 05. Meme methode que l'appendice
   de la tache 026 : les styles INLINE de la maquette, repris valeur par
   valeur, les dores passes aux jetons.
   ------------------------------------------------------------------ */

/* l.640-676 — les trois cartes d'entree */
.mpa-entry-ico {width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.mpa-entry-ico--dark {background:rgb(26,26,26);}
.mpa-entry-ico--soft {background:rgb(245,240,229);}
.mpa-entry-ico--avatar {border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px rgba(196,165,89,.4);}
.mpa-entry-ico--avatar img {width:100%; height:100%; object-fit:cover;}
.mpa-entry-t {font-size:13px; font-weight:700;}
.mpa-entry-s {font-size:11px; color:rgb(136,136,136);}
.mpa-entry-go {margin-left:auto; font-size:18px; color:rgb(204,204,204);}
.mpa-entry-active-tag {margin-left:auto; font-size:9px; font-weight:700; color:var(--gold-primary);
  padding:3px 8px; border-radius:4px; background:rgba(184,145,42,.08);}
.mpa-entry-tag {margin-left:auto;}
.mpa-entry-import:focus-visible {outline:2px solid var(--gold-primary); outline-offset:2px;}
.mpa-entry-import.is-analyzing {pointer-events:none; opacity:.75;}
/* AJOUT : Auguste redacteur arrive en Brique 4. Le dessin reste, le geste
   n'existe pas ; meme attenuation que les etapes differees de la Diffusion. */
.mpa-entry-card--later {opacity:.62; cursor:default;}
.mpa-entry-card--later:hover {border-color:rgba(0,0,0,.06); background:rgb(255,255,255);}

/* l.1399-1401 — le chapeau de l'apercu */
.mpa-annbar-lead {font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:1px;
  color:rgb(102,102,102); margin-bottom:8px;}
/* AJOUT : une carte par poste du lot, chacune titree quand il y en a plusieurs. */
.mpa-preview-item + .mpa-preview-item {margin-top:10px;}
.mpa-preview-rank {font-size:9.5px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  color:#A09890; margin-bottom:5px;}
.mpa-rail .mm-annbar-title {overflow-wrap:anywhere;}

/* l.1377-1388 — l'etape 05 : la regle doree, les deux gestes pleine largeur */
.mpa-verif-rule {height:1px; background:linear-gradient(90deg, transparent, rgba(184,145,42,.2), transparent); margin:12px 0;}
.mpa-final-publish {width:100%; padding:14px; border-radius:10px; border:none; color:rgb(255,255,255);
  font-size:14px; font-weight:700; cursor:pointer; margin-bottom:8px; text-align:center;}
.mpa-final-publish:disabled {opacity:.55; cursor:not-allowed; transform:none;}
.mpa-final-draft {width:100%; padding:12px; border-radius:10px; border:1.5px solid rgba(0,0,0,.08);
  background:rgb(255,255,255); color:rgb(136,136,136); font-size:12px; font-weight:600; cursor:pointer; text-align:center;}
/* AJOUT : la liste des verifications, qui remplace la reference interne sans
   colonne. Pastille verte quand la regle est tenue, doree quand elle ne
   l'est pas, neutre quand la ligne informe. */
.mpa-verif-list {display:flex; flex-direction:column; gap:10px;}
.mpa-verif {display:flex; align-items:flex-start; gap:10px; font-size:12px; color:#1A1614;}
.mpa-verif b {display:block; font-size:12px; font-weight:700;}
.mpa-verif-s {display:block; font-size:11px; color:#8C8378; line-height:1.5; margin-top:1px;}
.mpa-verif-s[hidden] {display:none;}
.mpa-verif-dot {width:8px; height:8px; border-radius:50%; flex-shrink:0; margin-top:5px; background:#D4D0C8;}
.mpa-verif.is-ok .mpa-verif-dot {background:#2D7A4E;}
.mpa-verif.is-warn .mpa-verif-dot {background:var(--gold-primary);}
.mpa-verif-txt {min-width:0;}
.mpa-publish-guard[hidden] {display:none;}
.mpa-publish-guard {margin-top:12px;}
.mpa-publish-guard ul {list-style:disc;}
/* l.1406 et l.1414-1427 : la maquette ecrit « BROUILLON », « LIEU »,
   « CONTRAT » en capitales dans le texte. Les libelles passent par l'i18n en
   casse normale, la capitale revient ici. */
.mpa-rail .mm-annbar-open, .mpa-rail .mm-annbar-fact small {text-transform:uppercase;}

/* #4561 (Tatianna 06/10) — étape 02 : rémunération en montant fixe ou en
   fourchette (deux pastilles, puis un ou deux champs), et langues en
   pastilles à choix multiple avec leur drapeau (référentiel de l'onboarding). */
.mpa-salary-modes {margin-bottom:8px;}
.mpa-salary-inputs {display:flex; align-items:center; gap:8px;}
.mpa-salary-inputs .mpa-inp {flex:1 1 0; min-width:0;}
.mpa-salary-inputs [hidden] {display:none;}
.mpa-salary-dash {color:var(--n-500); flex:0 0 auto;}
.mpa-salary-unit {margin:6px 0 0;}
.mpa-langs {margin-top:4px;}
.mpa-lang-pill {display:inline-flex; align-items:center; gap:6px;}
/* `.fl` est aussi une règle globale de landing.css (colonne, marge de 26 px) : on la neutralise ici, comme l'onboarding. */
.mpa-lang-pill .fl {display:block; margin:0; width:18px; height:13px; border-radius:2px; flex-shrink:0; box-shadow:0 0 0 1px var(--n-200);}
.mpa-langs .mpa-inline-custom[hidden] {display:none;}

/* #4560 (Tatianna 06/10) — « Continuer » vit sous la carte du poste (dans la
   colonne de saisie) ; « Ajouter un poste » prend son ancienne place, à
   droite sous l'aperçu, son explication avant lui. Sur mobile, la barre suit
   l'aperçu et le bouton prend la largeur pour rester une cible de 44 px. */
.mpa-add-bar {justify-content:flex-end;}
.mpa-add-bar[hidden] {display:none;}
.mpa-add-bar .mpa-hint {text-align:right;}
@media (max-width:640px){
  .mpa-add-bar {justify-content:stretch;}
  .mpa-add-bar .mpa-hint {text-align:left;}
  .mpa-add-bar .mpa-btn-back {width:100%; min-height:44px; text-align:center; justify-content:center;}
}

/* #4564 (Tatianna 07/10) — « Modifier une offre » au dessin du tunnel. Les
   blocs repris de l'ancien formulaire (visuels, pitch, portée, erreurs)
   gardent leurs règles `rpj-*` de `recruiter_post_job.css` ; elles lisent les
   variables de `.page-recruiter-post-job`, posées ici pour la page d'édition. */
.page-recruiter-position-edit {
  --border-line:#E8E0D0; --bg-subtle:#F2EDE3; --bg-card:#fff; --ink:#1A1810;
  --text-muted:#7A7060; --text-light:#A8998A; --gold-deep:var(--gold-700);
}
.page-recruiter-position-edit .mpa-edit-back {margin:12px 0 22px;}
.page-recruiter-position-edit .mpa-edit-back .mpa-btn-back {display:inline-flex; text-decoration:none; color:inherit; font-size:12px; font-weight:600;}
.page-recruiter-position-edit > .rpj-mod-notice,
.page-recruiter-position-edit > .rpj-form-errors {margin:0 0 14px;}
.page-recruiter-position-edit .rpj-visuals {margin:6px 0 10px;}
.page-recruiter-position-edit .mpa-visual-drop {cursor:pointer;}
.page-recruiter-position-edit .mpa-visual-drop .rpj-visual-filename {display:block; font-size:11px; font-weight:700; color:var(--gold-700);}
.page-recruiter-position-edit .mpa-edit-check {display:flex; align-items:center; gap:8px; margin-top:8px; font-size:12px; color:#5A5347;}
.page-recruiter-position-edit .mpa-edit-pills .mpa-inline-custom {margin-top:8px;}
.page-recruiter-position-edit .mpa-edit-pitch .rpj-pitch-block {margin-top:0;}
.page-recruiter-position-edit .mpa-edit-pitch .rpj-pitch-block > label {display:block; font-size:12px; font-weight:600; color:#444; margin-bottom:4px;}
.page-recruiter-position-edit .mpa-edit-reach {margin-top:14px;}
.page-recruiter-position-edit .mpa-pub-grid[hidden] {display:none;}