/* =====================================================================
   MOVELY — Les pages « application » : portail de connexion, espace
   compte (mon-compte.html), Movely Affaires.
   Chargée après console.css (jetons de couleur, champs, boutons).
   Grille de 4 px ; textes 34/40, 28/34, 17/24, 15/20, 13/18 ; une seule
   couleur d'accent, l'or clair ; cibles de 44 px au moins.
   ===================================================================== */
:root{ --ease:cubic-bezier(.2,.8,.2,1); --verre:rgba(16,21,31,.82); --ligne:rgba(255,255,255,.08); }

/* ---------- Portail de connexion ---------- */
body.cx{background:var(--noir)}
.cx-page{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr}
.cx-visuel{position:relative;height:220px;overflow:hidden}
.cx-visuel > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;animation:cx-zoom 18s var(--ease) both}
.cx-visuel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.15) 0%,rgba(6,8,12,.35) 55%,var(--noir) 100%)}
.cx-visuel-txt{position:absolute;left:16px;right:16px;bottom:16px;z-index:1}
.cx-logo img{height:28px;width:auto;display:block}
.cx-promesse{margin:8px 0 0;max-width:30ch;font-family:"Fraunces",serif;font-size:1.15rem;line-height:1.35;color:#fff}
@keyframes cx-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.cx-main{position:relative;width:100%;max-width:440px;margin:0 auto;padding:8px 16px 48px}
.cx-retour{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--txt-doux);text-decoration:none;font-size:.9375rem}
.cx-retour .ic{width:20px;height:20px}
.cx-etape{opacity:0;transform:translateY(12px);transition:opacity .35s var(--ease),transform .45s var(--ease)}
.cx-etape.on{opacity:1;transform:none}
.cx-etape h1{margin:8px 0 8px;font-family:"Fraunces",serif;font-weight:500;font-size:2.125rem;line-height:1.18;color:#fff}
.cx-sous{margin:0 0 24px;font-size:1.0625rem;line-height:1.5;color:var(--txt-doux)}
.cx-sous b{color:#fff;font-weight:600;overflow-wrap:anywhere}
.cx-sous small{display:block;margin-top:8px;font-size:.8125rem;color:var(--txt-faible)}
.cx-label{display:block;margin-bottom:8px;font-size:.8125rem;font-weight:600;color:var(--txt-doux)}
.cx-champ{width:100%;height:56px;padding:0 16px;border-radius:14px;border:1px solid var(--bord2);background:rgba(255,255,255,.05);font-size:1.0625rem;color:#fff}
.cx-champ:focus{outline:none;border-color:var(--or-clair);box-shadow:0 0 0 4px rgba(232,201,126,.15)}
.cx-case{display:flex;gap:12px;align-items:flex-start;margin:16px 0 0;font-size:.875rem;line-height:1.45;color:var(--txt-doux);cursor:pointer}
.cx-case input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--or)}
.cx-go{width:100%;height:52px;margin-top:20px;font-size:1rem}
.cx-msg{min-height:20px;margin:12px 0 0;font-size:.875rem;color:#f3d29a}
.cx-msg:empty{min-height:0;margin:0}
.cx-atouts{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--ligne)}
.cx-atouts li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ligne)}
.cx-tuile{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(203,162,75,.14)}
.cx-tuile .ic{stroke:var(--or-clair);width:20px;height:20px}
.cx-atouts b{display:block;font-weight:600;color:#fff;font-size:.9375rem}
.cx-atouts span{display:block;font-size:.8125rem;color:var(--txt-faible)}
.cx-pied{margin:24px 0 0;font-size:.875rem;color:var(--txt-faible)}
.cx-cases{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;cursor:text}
.cx-cases span{height:60px;border-radius:14px;border:1px solid var(--bord2);background:rgba(255,255,255,.05);display:grid;place-items:center;
  font-family:"Fraunces",serif;font-size:1.75rem;color:#fff;transition:border-color .15s,transform .2s var(--ease)}
.cx-cases span.pleine{border-color:rgba(232,201,126,.6);transform:translateY(-2px)}
.cx-cases span.ici{border-color:var(--or-clair);box-shadow:0 0 0 4px rgba(232,201,126,.15)}
.cx-cases span.ici::after{content:"";width:2px;height:28px;background:var(--or-clair);animation:cx-caret 1s steps(1) infinite}
@keyframes cx-caret{50%{opacity:0}}
.cx-code-champ{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;font-size:16px}
.cx-aide{margin:20px 0 0;font-size:.875rem;line-height:1.5;color:var(--txt-faible)}
.cx-liens{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px}
.cx-fin{text-align:center;padding-top:40px}
.cx-coche{width:88px;height:88px;margin:0 auto 16px}
.cx-coche svg{width:100%;height:100%;fill:none;stroke:var(--or-clair);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.cx-coche circle{stroke-dasharray:151;stroke-dashoffset:151;opacity:.5}
.cx-coche path{stroke-dasharray:40;stroke-dashoffset:40}
.cx-coche.on circle{animation:cx-trait .6s var(--ease) forwards}
.cx-coche.on path{animation:cx-trait .4s .45s var(--ease) forwards}
@keyframes cx-trait{to{stroke-dashoffset:0}}
.cx-fin .o-gestes{justify-items:center}
.cx-avatar{width:72px;height:72px;margin:16px 0 8px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#E8C97E,#A9822F);
  font-family:"Fraunces",serif;font-size:2rem;color:#120d02}
.cx-secoue{animation:cx-secoue .45s var(--ease)}
@keyframes cx-secoue{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}
@media(min-width:900px){
  .cx-page{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cx-visuel{height:auto;min-height:100vh;position:sticky;top:0}
  .cx-visuel::after{background:linear-gradient(90deg,rgba(6,8,12,.1) 40%,var(--noir) 100%),linear-gradient(180deg,transparent 60%,rgba(6,8,12,.6))}
  .cx-visuel-txt{left:48px;bottom:48px}
  .cx-promesse{font-size:1.5rem}
  .cx-main{align-self:center;padding:48px 32px}
}
@media(prefers-reduced-motion:reduce){
  .cx-visuel > img{animation:none}
  .cx-etape{transition-duration:.01s}
  .cx-cases span.ici::after{animation:none}
  .cx-coche.on circle,.cx-coche.on path{animation-duration:.2s;animation-delay:0s}
}

/* ---------- Espace compte (mon-compte.html) ----------
   Téléphone : barre en haut, onglets en bas (zone du pouce), feuilles qui
   montent du bas. Ordinateur (1024 px et plus) : onglets à gauche, contenu
   centré, feuilles en fenêtre. */
body.mc{background:var(--noir);padding-bottom:calc(84px + env(safe-area-inset-bottom))}
body.mc-fige{overflow:hidden}
.mc-barre{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;
  background:rgba(6,8,12,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--ligne)}
.mc-logo img{height:24px;width:auto;display:block}
.mc-titre{flex:1;min-width:0;text-align:center;font-weight:600;font-size:1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-reserver{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#E8C97E,#CBA24B);
  color:#120d02 !important;font-weight:700;font-size:.875rem;text-decoration:none}
.btn-reserver .ic{width:16px;height:16px;stroke-width:2.2}
.mc-onglets{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);
  padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(10,14,21,.92);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-top:1px solid var(--ligne)}
.mc-onglets a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border-radius:12px;
  color:var(--txt-faible);text-decoration:none;font-size:.6875rem;font-weight:600;transition:color .2s}
.mc-onglets a .ic{width:24px;height:24px;transition:transform .25s var(--ease)}
.mc-onglets a.on{color:var(--or-clair)}
.mc-onglets a.on .ic{transform:translateY(-1px) scale(1.06)}
.mc-onglets a:active .ic{transform:scale(.9)}
.mc-pastille{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--or-clair);color:#120d02;font-style:normal;font-size:.6875rem;font-weight:700;display:grid;place-items:center}
.mc-vue{max-width:640px;margin:0 auto;padding:16px 16px 32px;outline:none}
.mc-vue.entree > *{animation:mc-entree .45s var(--ease) both}
.mc-vue.entree > *:nth-child(2){animation-delay:.04s}
.mc-vue.entree > *:nth-child(3){animation-delay:.08s}
.mc-vue.entree > *:nth-child(4){animation-delay:.12s}
.mc-vue.entree > *:nth-child(n+5){animation-delay:.16s}
@keyframes mc-entree{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.mc-chargement{display:grid;gap:12px;padding-top:24px}
.mc-squelette{height:20px;width:60%;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1),rgba(255,255,255,.05));background-size:200% 100%;animation:mc-lueur 1.2s infinite}
.mc-squelette.court{width:35%}
.mc-squelette.haut{height:180px;width:100%;border-radius:20px}
@keyframes mc-lueur{to{background-position:-200% 0}}

.mc-salut{padding:8px 0 16px}
.mc-date{margin:0;font-size:.8125rem;font-weight:600;color:var(--txt-faible);text-transform:none}
.mc-salut h1{margin:2px 0 0;font-family:"Fraunces",serif;font-weight:500;font-size:2.125rem;line-height:1.15;color:#fff}
.mc-invite{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;text-align:left;margin-bottom:16px;padding:12px 16px;border-radius:16px;
  border:1px solid rgba(232,201,126,.35);background:rgba(203,162,75,.08);color:var(--txt);cursor:pointer}
.mc-invite b{font-weight:600;color:#fff}
.mc-invite span{grid-column:1;font-size:.8125rem;color:var(--txt-doux)}
.mc-invite .ic{grid-row:1 / span 2;grid-column:2;stroke:var(--or-clair)}

.mc-prochaine{position:relative;overflow:hidden;border-radius:24px;min-height:220px;margin-bottom:12px;cursor:pointer;
  border:1px solid rgba(232,201,126,.25);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.mc-prochaine-fond{position:absolute;inset:0;background:url("photos/q3-nuit-frontal.webp") center 62%/cover no-repeat;transform:scale(1.04);animation:mc-respire 16s ease-in-out infinite alternate}
.mc-prochaine-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.35) 0%,rgba(6,8,12,.72) 45%,rgba(6,8,12,.94) 100%)}
@keyframes mc-respire{to{transform:scale(1.12)}}
.mc-prochaine-txt{position:relative;padding:20px}
.mc-quand{margin:10px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;color:var(--txt-doux);font-size:.9375rem}
.mc-quand b{font-family:"Fraunces",serif;font-weight:500;font-size:2.25rem;line-height:1.1;color:#fff}
.mc-prochaine.vide .mc-quand b{font-size:1.5rem}
.mc-trajet{margin:8px 0 0;font-size:1.0625rem;font-weight:600;line-height:1.4;color:#fff;overflow-wrap:anywhere}
.mc-sous{margin:6px 0 0;font-size:.875rem;color:var(--txt-doux)}
.mc-sous b{color:#fff;font-weight:600}
.mc-gestes{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mc-gestes.colonne{flex-direction:column}
.mc-gestes.colonne .o-btn{width:100%}
.mc-bouton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--bord2);
  background:rgba(255,255,255,.08);color:#fff;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;backdrop-filter:blur(8px)}
.mc-bouton.or{background:linear-gradient(180deg,#E8C97E,#CBA24B);border-color:transparent;color:#120d02}
.mc-bouton:active,.mc-tuile:active,.mc-course:active,.mc-ligne.cliquable:active,.mc-action:active{transform:scale(.98)}
.mc-lien-plus{display:block;width:100%;min-height:44px;margin:0 0 8px;background:none;border:0;color:var(--or-clair);font-weight:600;cursor:pointer}

.mc-raccourcis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 24px}
.mc-tuile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border-radius:16px;border:1px solid var(--bord);background:var(--carte);
  color:var(--txt);text-decoration:none;cursor:pointer;font:inherit;transition:transform .15s}
.mc-tuile b{font-size:.75rem;font-weight:600;text-align:center}
.mc-icone{position:relative;flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(203,162,75,.14)}
.mc-icone .ic{width:22px;height:22px;stroke:var(--or-clair)}
.mc-icone i{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--or-clair);color:#120d02;font-style:normal;font-size:.6875rem;font-weight:700;display:grid;place-items:center}
.mc-icone.petite{width:36px;height:36px;border-radius:10px}
.mc-icone.petite .ic{width:18px;height:18px}
.mc-icone.grande{width:64px;height:64px;border-radius:20px;margin:0 auto 12px}
.mc-icone.grande .ic{width:30px;height:30px}

.mc-groupe{margin-bottom:24px}
.mc-h2{margin:24px 4px 8px;font-size:.8125rem;font-weight:600;color:var(--or-clair)}
.mc-groupe .mc-h2{margin-top:0}
.mc-liste{background:var(--carte);border:1px solid var(--bord);border-radius:16px;overflow:hidden}
.mc-ligne{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px 16px;text-align:left;background:none;border:0;color:var(--txt);font:inherit;text-decoration:none}
.mc-liste > .mc-ligne + .mc-ligne,.mc-liste > .mc-course + .mc-course{box-shadow:inset 0 1px 0 var(--ligne)}
.mc-ligne > div{flex:1;min-width:0}
.mc-ligne b{display:block;font-weight:600;color:#fff;font-size:.9375rem;line-height:22px;overflow-wrap:anywhere}
.mc-ligne span{display:block;font-size:.8125rem;line-height:18px;color:var(--txt-faible)}
.mc-ligne.cliquable{cursor:pointer;transition:background .15s,transform .15s}
.mc-ligne.cliquable:hover{background:rgba(255,255,255,.03)}
button.mc-liste.mc-ligne{border:1px solid var(--bord)}
.mc-etiquette{font-size:.75rem !important;color:var(--txt-faible) !important}
.mc-vide-txt{font-style:normal;font-weight:400;color:var(--txt-faible)}
.mc-chev{flex:none;stroke:var(--txt-faible);width:18px;height:18px}
.mc-jauge{display:block;height:4px;margin-top:8px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}
.mc-jauge i{display:block;height:100%;background:var(--or-clair);border-radius:2px}
.mc-sortir b{color:#f3d29a !important}
.mc-interrupteur{flex:none;width:51px;height:31px;border-radius:16px;background:rgba(255,255,255,.16);position:relative;transition:background .2s}
.mc-interrupteur i{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35);transition:transform .25s var(--ease)}
[aria-checked="true"] > .mc-interrupteur{background:#5fd39b}
[aria-checked="true"] > .mc-interrupteur i{transform:translateX(20px)}

.mc-segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;margin:4px 0 16px;border-radius:12px;background:rgba(255,255,255,.07)}
.mc-segment button{min-height:36px;border:0;border-radius:10px;background:none;color:var(--txt-doux);font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s,color .2s}
.mc-segment button[aria-selected="true"],.mc-segment button[aria-checked="true"]{background:rgba(255,255,255,.16);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.mc-segment.petit{margin:8px 0 0}
.mc-segment.petit button{min-height:32px;font-size:.8125rem}
.mc-course{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:72px;padding:12px 16px;background:none;border:0;
  color:var(--txt);text-align:left;font:inherit;cursor:pointer;transition:background .15s,transform .15s}
.mc-course:hover{background:rgba(255,255,255,.03)}
.mc-jour{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:52px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.6875rem;color:var(--txt-faible);text-transform:uppercase;letter-spacing:.04em}
.mc-jour b{font-family:"Fraunces",serif;font-weight:500;font-size:1.25rem;line-height:1;color:#fff;letter-spacing:0}
.mc-course-txt{min-width:0}
.mc-course-txt b{display:block;font-weight:600;color:#fff;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-course-txt > span:not(.puce){display:block;font-size:.8125rem;color:var(--txt-faible);margin:2px 0 4px}
.mc-prix{font-family:"Fraunces",serif;font-size:1.0625rem;color:var(--or-clair);white-space:nowrap}
.mc-vide{text-align:center;padding:32px 16px}
.mc-vide b{display:block;font-size:1.0625rem;color:#fff;margin-bottom:6px}
.mc-vide span{display:block;color:var(--txt-faible);font-size:.9375rem;line-height:1.5;margin-bottom:16px}

/* Messages */
.mc-fil{list-style:none;margin:0;padding:0 0 96px;display:flex;flex-direction:column;gap:6px}
.mc-fil-jour{align-self:center;margin:12px 0 4px;font-size:.75rem;font-weight:600;color:var(--txt-faible)}
.mc-bulle{max-width:82%;display:flex;flex-direction:column;animation:mc-entree .3s var(--ease) both}
.mc-bulle p{margin:0;padding:10px 14px;border-radius:20px;font-size:.9375rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.mc-bulle span{font-size:.6875rem;color:var(--txt-faible);margin:3px 8px 0}
.mc-bulle.moi{align-self:flex-end;align-items:flex-end}
.mc-bulle.moi p{background:linear-gradient(180deg,#E8C97E,#D6B266);color:#120d02;border-bottom-right-radius:6px}
.mc-bulle.eux p{background:#1b2230;color:var(--txt);border-bottom-left-radius:6px}
.mc-composer{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:29;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;
  padding:8px 12px;background:rgba(6,8,12,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ligne)}
.mc-composer textarea{flex:1;min-width:0;min-height:44px;max-height:140px;padding:11px 16px;border-radius:22px;border:1px solid var(--bord2);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:16px;resize:none}
.mc-composer textarea:focus{outline:none;border-color:var(--or-clair)}
.mc-envoyer{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(180deg,#E8C97E,#CBA24B);display:grid;place-items:center;cursor:pointer}
.mc-envoyer .ic{stroke:#120d02;width:20px;height:20px}
.mc-ref{flex-basis:100%;display:inline-flex;align-items:center;gap:6px;width:auto;justify-content:flex-start;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(232,201,126,.35);
  background:rgba(203,162,75,.1);color:var(--or-clair);font-size:.8125rem;font-weight:600;cursor:pointer;max-width:max-content}
.mc-ref .ic{width:14px;height:14px}

/* Profil */
.mc-carte-id{display:flex;align-items:center;gap:16px;padding:16px;border-radius:20px;background:linear-gradient(160deg,rgba(203,162,75,.16),rgba(203,162,75,.04));border:1px solid rgba(232,201,126,.25)}
.mc-avatar{flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(160deg,#E8C97E,#A9822F);
  font-family:"Fraunces",serif;font-size:1.75rem;color:#120d02}
.mc-avatar img{width:100%;height:100%;object-fit:cover}
.mc-carte-id b{display:block;font-size:1.125rem;color:#fff;font-weight:600}
.mc-carte-id span{display:block;font-size:.8125rem;color:var(--txt-doux);overflow-wrap:anywhere}

/* La feuille */
.mc-voile{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.55);opacity:0;transition:opacity .3s var(--ease)}
.mc-voile.on{opacity:1}
.mc-feuille{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:88vh;display:flex;flex-direction:column;border-radius:24px 24px 0 0;
  background:#10151F;border:1px solid var(--bord2);border-bottom:0;box-shadow:0 -20px 60px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .38s var(--ease);
  padding-bottom:env(safe-area-inset-bottom)}
.mc-feuille.on{transform:none}
.mc-poignee{display:grid;place-items:center;height:24px;cursor:grab;touch-action:none}
.mc-poignee span{width:40px;height:5px;border-radius:3px;background:rgba(255,255,255,.25)}
.mc-feuille-tete{display:flex;align-items:center;gap:12px;padding:0 16px 8px}
.mc-feuille-tete h2{flex:1;min-width:0;margin:0;font-family:"Fraunces",serif;font-weight:500;font-size:1.375rem;line-height:1.25;color:#fff}
.mc-fermer{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.1);display:grid;place-items:center;cursor:pointer;color:var(--txt)}
.mc-fermer .ic{width:18px;height:18px}
.mc-feuille-corps{overflow:auto;padding:4px 16px 24px;overscroll-behavior:contain}
.mc-detail-tete .mc-trajet{margin-top:8px}
.mc-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.mc-actions .mc-action{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;background:none;border:0;color:var(--txt);font:inherit;font-size:.75rem;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s}
.mc-infos{margin:0;background:var(--carte);border:1px solid var(--bord);border-radius:16px;overflow:hidden}
.mc-infos div{display:grid;grid-template-columns:38% 1fr;gap:12px;padding:12px 16px}
.mc-infos div + div{box-shadow:inset 0 1px 0 var(--ligne)}
.mc-infos dt{font-size:.8125rem;color:var(--txt-faible)}
.mc-infos dd{margin:0;font-size:.9375rem;color:#fff;font-weight:500;overflow-wrap:anywhere}
.mc-remb{list-style:none;margin:0 0 12px;padding:10px 14px;border-radius:14px;background:rgba(95,211,155,.07);border:1px solid rgba(95,211,155,.22);font-size:.875rem;color:var(--txt-doux)}
.mc-remb b{display:block;color:#cfeedd}
.mc-remb a{color:var(--or-clair);font-weight:600}
.mc-note{margin:8px 0 0;padding:10px 12px;border-radius:12px;font-size:.875rem;color:#f0d9a8;background:rgba(232,176,75,.08);border:1px solid rgba(232,176,75,.26)}
.mc-p{margin:0 0 16px;font-size:.9375rem;line-height:1.55;color:var(--txt-doux)}
.mc-p b{color:#fff}
.mc-code{margin:0 0 16px;padding:16px;border-radius:16px;text-align:center;font-family:"Fraunces",serif;font-size:1.75rem;letter-spacing:.06em;color:var(--or-clair);background:rgba(203,162,75,.1);border:1px dashed rgba(203,162,75,.45)}
.mc-form .cx-go{margin-top:16px}
.mc-form.ligne{display:flex;gap:8px;margin-top:12px}
.mc-form.ligne .cx-champ{height:48px}
.mc-form.ligne .o-btn{flex:none}
.mc-atouts{margin:0 0 12px;padding-left:18px;font-size:.875rem;line-height:1.6;color:var(--txt-doux)}
.mc-formules{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.mc-formule{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;border:1px solid var(--bord2);background:rgba(255,255,255,.04);color:var(--txt);text-align:left;font:inherit;cursor:pointer}
.mc-formule:hover{border-color:var(--or-clair)}
.mc-formule span{font-family:"Fraunces",serif;font-size:1.375rem;color:var(--or-clair)}
.mc-formule small{font-size:.75rem;color:var(--txt-faible)}
.mc-resilier{margin-top:16px}

@media(min-width:1024px){
  body.mc{padding-bottom:0;padding-left:220px}
  body.mc .mc-barre{margin-left:-220px;padding-left:24px}   /* seulement dans l'espace, à côté de la colonne d'onglets */
  .mc-onglets{top:56px;bottom:0;right:auto;width:220px;display:flex;flex-direction:column;gap:4px;padding:16px 12px;border-top:0;border-right:1px solid var(--ligne);background:rgba(10,14,21,.6)}
  .mc-onglets a{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:0 12px;font-size:.9375rem}
  .mc-onglets a.on{background:rgba(203,162,75,.12)}
  .mc-pastille{position:static;margin-left:auto}
  .mc-vue{padding:24px 32px 48px}
  .mc-composer{left:220px;bottom:0;padding:12px max(24px,calc((100vw - 220px - 640px)/2))}
  .mc-feuille{left:50%;right:auto;bottom:auto;top:50%;width:min(560px,calc(100vw - 48px));max-height:84vh;border-radius:24px;border-bottom:1px solid var(--bord2);
    transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .32s var(--ease),opacity .25s}
  .mc-feuille.on{transform:translate(-50%,-50%);opacity:1}
  .mc-poignee{display:none}
  .mc-feuille-tete{padding-top:16px}
}
@media(max-width:359px){ .mc-raccourcis{grid-template-columns:repeat(2,minmax(0,1fr))} .mc-actions{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(prefers-reduced-motion:reduce){
  .mc-vue.entree > *,.mc-bulle{animation-duration:.01s;animation-delay:0s}
  .mc-prochaine-fond{animation:none}
  .mc-feuille,.mc-voile{transition-duration:.12s}
}

/* ---------- Movely Affaires (affaires.html) ---------- */
body.af-page{background:var(--noir)}
.af-barre .o-lien{font-weight:600;color:var(--or-clair);text-decoration:none}
.af-heros{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden}
.af-heros img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:cx-zoom 20s var(--ease) both}
.af-heros::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.1) 0%,rgba(6,8,12,.55) 50%,var(--noir) 100%)}
.af-heros-txt{position:relative;z-index:1;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 40px}
.af-sur{font-size:.8125rem;font-weight:600;color:var(--or-clair)}
.af-heros h1{margin:8px 0 12px;font-family:"Fraunces",serif;font-weight:500;font-size:2.25rem;line-height:1.15;color:#fff}
.af-heros p{margin:0;max-width:52ch;font-size:1.0625rem;line-height:1.5;color:var(--txt-doux)}
.af-gestes{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.af-bloc{max-width:720px;margin:0 auto;padding:32px 16px 8px}
.af-h2{margin:0 0 16px;font-family:"Fraunces",serif;font-weight:500;font-size:1.75rem;line-height:1.2;color:#fff}
.af-rail{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.af-rail::-webkit-scrollbar{display:none}
.af-cas{scroll-snap-align:start;border-radius:20px;overflow:hidden;background:var(--carte);border:1px solid var(--bord)}
.af-cas img{display:block;width:100%;height:180px;object-fit:cover}
.af-cas div{padding:16px}
.af-cas h3{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#fff}
.af-cas ul{margin:0;padding-left:18px;font-size:.875rem;line-height:1.6;color:var(--txt-doux)}
.af-points{display:flex;justify-content:center;gap:6px;margin-top:12px}
.af-points i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.25);transition:width .3s var(--ease),background .3s}
.af-points i.on{width:20px;background:var(--or-clair)}
.af-avantages{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.af-avantages li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--carte);border:1px solid var(--bord);font-size:.9375rem;line-height:1.45;color:var(--txt)}
.af-coche{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(95,211,155,.16);position:relative}
.af-coche::after{content:"";position:absolute;left:7px;top:4px;width:6px;height:11px;border:solid #5fd39b;border-width:0 2px 2px 0;transform:rotate(45deg)}
.af-formules{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.af-formule{padding:20px;border-radius:18px;background:var(--carte);border:1px solid var(--bord2)}
.af-formule h3{margin:0;font-size:1rem;color:var(--txt-doux);font-weight:600}
.af-prix{margin:8px 0 4px;font-family:"Fraunces",serif;font-size:2rem;color:var(--or-clair)}
.af-prix small{font-family:"Inter",sans-serif;font-size:.8125rem;color:var(--txt-faible);margin-left:6px}
.af-formule p:last-child{margin:0;font-size:.875rem;color:var(--txt-doux)}
.af-form-bloc{padding-bottom:48px}
.af-form .cx-label{margin-top:16px}
.af-form select.cx-champ{appearance:auto}
.af-zone{height:auto;min-height:110px;padding:14px 16px;resize:vertical;font:inherit;font-size:1rem}
.af-merci{text-align:center;padding:24px 0}
.af-merci h3{margin:0 0 8px;font-family:"Fraunces",serif;font-weight:500;font-size:1.5rem;color:#fff}
.af-pied{padding:24px 16px 40px;text-align:center;font-size:.8125rem;color:var(--txt-faible)}
.af-pied a{color:var(--txt-doux);display:inline-flex;align-items:center;min-height:44px;padding:0 6px}   /* cible tactile : 16 px de haut avant */
@media(min-width:900px){
  .af-heros{min-height:78vh}
  .af-heros h1{font-size:3rem}
  .af-rail{grid-auto-columns:calc(50% - 6px)}
}
/* Les liens d'apparence bouton gardent la couleur du texte (la règle .outil a les colorait en or). */
.mc-gestes .mc-bouton{color:#fff}
.mc-gestes .mc-bouton.or,.mc-vide .mc-bouton.or{color:#120d02}
.mc-raccourcis .mc-tuile,.mc-liste .mc-ligne,.mc-liste .mc-course{color:var(--txt)}
.mc-remb a{color:var(--or-clair)}
/* « .mc-ligne span » (texte secondaire) passait les tuiles d'icône en bloc : l'icône sortait du centre. */
.mc-ligne .mc-icone{display:grid}
.mc-ligne .mc-jour{display:flex}

/* La carte à tamponner dans l'espace client (15/10). */
.mc-tampons{display:flex;gap:4px;margin-top:8px}
.mc-tampons i{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(232,201,126,.4)}
.mc-tampons i.plein{border:0;background:var(--or-clair)}
.mc-grille-tampons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:320px;margin:4px 0 16px}
.mc-grille-tampons span{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1.5px dashed rgba(232,201,126,.35);
  font-family:"Fraunces",serif;font-weight:600;color:var(--or-clair)}
.mc-grille-tampons span.der{border-style:solid;font-family:"Inter",sans-serif;font-size:.75rem;font-weight:700}
.mc-grille-tampons span.plein{border:0;background:radial-gradient(circle at 35% 30%,#F0D48F,#CBA24B 70%);color:#120d02}
.mc-bouton.petit{min-height:36px;padding:0 14px;font-size:.8125rem;flex:none}
.mc-liste .mc-ligne .mc-bouton.petit{color:var(--txt)}
.mc-etiquette-ok{flex:none;font-size:.8125rem;font-weight:600;color:#5fd39b}

/* Les questions fréquentes au-dessus de la messagerie : un toucher, la réponse tout de suite. */
.mc-suggestions{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0 10px;margin:8px 0 0;-webkit-overflow-scrolling:touch}
.mc-suggestions::-webkit-scrollbar{display:none}
.mc-sugg{flex:none;min-height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--bord2);background:rgba(255,255,255,.04);
  color:var(--txt);font:inherit;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer}
.mc-sugg.on{border-color:var(--or);background:rgba(203,162,75,.14);color:#fff}
.mc-instant{margin-top:12px;animation:mc-instant .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes mc-instant{from{opacity:0;transform:translateY(8px)}}
.mc-instant-q{margin:0 0 6px auto;width:fit-content;max-width:80%;padding:8px 12px;border-radius:16px 16px 4px 16px;background:rgba(203,162,75,.2);color:#fff;font-size:.9375rem}
.mc-instant .mc-bulle{list-style:none}
.mc-instant-gestes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 4px}
.mc-lien{min-height:36px;padding:0;background:none;border:0;font:inherit;font-size:.8125rem;font-weight:600;color:var(--or-clair);cursor:pointer}
.mc-instant .mc-lien{color:var(--or-clair)}

/* Un élément marqué hidden reste caché, quel que soit le display de sa classe (piège récurrent, 15/10). */
[hidden]{display:none !important}

/* Sur grand écran, l'accueil de l'espace prend deux colonnes : la course et les gestes à gauche,
   les avantages (palier, carte à tamponner, points, crédit) à droite. Sur téléphone, les colonnes s'effacent. */
.mc-col-g,.mc-col-d{display:contents}
@media(min-width:1180px){
  .mc-vue[data-onglet="accueil"]{max-width:1040px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:28px;align-items:start}
  .mc-vue[data-onglet="accueil"] > .mc-salut,.mc-vue[data-onglet="accueil"] > .mc-invite{grid-column:1 / -1}
  .mc-vue[data-onglet="accueil"] .mc-col-g,.mc-vue[data-onglet="accueil"] .mc-col-d{display:block;min-width:0}
  .mc-vue[data-onglet="accueil"] .mc-col-d > .mc-groupe:first-child{margin-top:0}
  .mc-vue[data-onglet="courses"],.mc-vue[data-onglet="profil"]{max-width:760px}
}
.mc-ligne .mc-tampons{display:flex}
/* Le visage du chauffeur sur la carte de la prochaine course. */
.mc-chauffeur{display:flex;align-items:center;gap:10px}
.mc-chauffeur img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--or-clair)}
/* Movely Affaires : les avantages en une seule liste groupée (et non sept encadrés identiques). */
.af-avantages{gap:0;border-radius:18px;overflow:hidden;background:var(--carte);border:1px solid var(--bord)}
.af-avantages li{border:0;border-radius:0;background:none;padding:14px 16px}
.af-avantages li + li{border-top:1px solid var(--bord)}
@media(min-width:900px){
  .af-avantages{display:grid;grid-template-columns:1fr 1fr}
  .af-avantages li + li{border-top:0}
  .af-avantages li:nth-child(n+3){border-top:1px solid var(--bord)}
  .af-avantages li:nth-child(even){border-left:1px solid var(--bord)}
}
/* Les tuiles d'icône gardent leur centrage même dans un bloc où « span » passe en display:block. */
.cx-atouts .cx-tuile,.mc-vide .mc-icone{display:grid;place-items:center}
@media(min-width:768px){ .mc-suggestions{flex-wrap:wrap;overflow:visible} }   /* à la souris, pas de défilement caché : les questions passent à la ligne */
/* La photo de la prochaine course : 960 px suffisent jusqu'aux écrans 2x (79 Ko au lieu de 199), 1440 px pour les 3x (147 Ko). */
.mc-prochaine-fond{background-image:url("photos/q3-nuit-frontal-960.webp");background-image:image-set(url("photos/q3-nuit-frontal-960.webp") 1x,url("photos/q3-nuit-frontal-960.webp") 2x,url("photos/q3-nuit-frontal-1440.webp") 3x)}

/* Messages traduits automatiquement : l'original reste à un geste. */
.mc-original{margin-top:6px;font-size:.8125rem;opacity:.85}
.mc-original summary{cursor:pointer;list-style:none}
.mc-original summary::-webkit-details-marker{display:none}
.mc-original p{margin:6px 0 0}