/* Onboarding V2 : habillage posé sur onboarding.css.
   Ne modifie ni la taille des labels, ni l'espace label → contrôle, ni la hauteur des contrôles (docs/design/ONBOARDING_FORM_RULES.md).
   Les boutons « Définir plus tard » gardent leur style gris et centré.
   Aucune lueur ni halo animé autour des boutons et des blocs : ombres neutres et statiques uniquement. */
body[data-ui="v2"]{--v2-ink:#0a1230;--v2-blue:#0866ff;--v2-blue-2:#4f8dff;--v2-gold:#c9a96a;--v2-line:#dbe5f2;--v2-page:#f4f8ff;--v2-shadow:0 1px 2px rgba(10,30,80,.05),0 8px 20px -18px rgba(10,30,80,.35);--v2-ease:cubic-bezier(.2,.75,.2,1);--v2-spring:cubic-bezier(.34,1.56,.64,1)}
body[data-ui="v2"][data-view="onboarding"]{background:var(--v2-page)}

/* ——— Accueil ——— */
body[data-ui="v2"] .welcome-title-first{background:linear-gradient(100deg,var(--v2-blue),var(--v2-blue-2) 55%,#7aa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-ui="v2"] .welcome-content h1{color:var(--v2-ink)}
body[data-ui="v2"] .welcome-benefit{position:relative;border-radius:18px;padding:10px 14px 10px 10px;margin-left:-10px;transition:background .35s var(--v2-ease),box-shadow .35s var(--v2-ease),transform .35s var(--v2-ease)}
body[data-ui="v2"] .welcome-benefit:hover{background:rgba(255,255,255,.72);box-shadow:var(--v2-shadow);transform:translateX(4px)}
body[data-ui="v2"] .welcome-pico{animation:v2-float 6.5s ease-in-out infinite;filter:drop-shadow(0 30px 34px rgba(10,30,90,.14));translate:var(--v2-px,0) var(--v2-py,0);transition:translate .6s var(--v2-ease)}
@keyframes v2-float{50%{transform:translateY(-12px) rotate(-1.2deg)}}
.v2-snow{position:absolute;inset:calc(-1 * var(--onboarding-header-height)) 0 0;z-index:0;pointer-events:none}
body[data-ui="v2"] .welcome-content{z-index:1}

/* ——— Boutons ——— */
body[data-ui="v2"] .welcome-actions .welcome-primary,
body[data-ui="v2"] .onboarding-step-actions .onboarding-next,
body[data-ui="v2"] .onboarding-first-actions .onboarding-next,
body[data-ui="v2"] .onboarding-resume{border-color:transparent;background:linear-gradient(135deg,#1c78ff,#0656dc);box-shadow:0 1px 2px rgba(10,30,80,.14);transition:transform .25s var(--v2-ease),filter .25s}
body[data-ui="v2"] .welcome-actions .welcome-primary:hover,
body[data-ui="v2"] .onboarding-step-actions .onboarding-next:hover:not(:disabled),
body[data-ui="v2"] .onboarding-first-actions .onboarding-next:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}
body[data-ui="v2"] .welcome-actions .welcome-primary:active,
body[data-ui="v2"] .onboarding-step-actions .onboarding-next:active,
body[data-ui="v2"] .onboarding-first-actions .onboarding-next:active{transform:scale(.985)}
body[data-ui="v2"] .welcome-primary .welcome-icon,body[data-ui="v2"] .onboarding-next .welcome-icon{transition:transform .3s var(--v2-ease)}
body[data-ui="v2"] .welcome-primary:hover .welcome-icon,body[data-ui="v2"] .onboarding-next:hover .welcome-icon{transform:translateX(4px)}
body[data-ui="v2"] .onboarding-step-actions .onboarding-previous:not(.onboarding-later),
body[data-ui="v2"] .onboarding-first-actions .onboarding-previous,
body[data-ui="v2"] .welcome-actions .welcome-secondary{background:rgba(255,255,255,.78);border-color:var(--v2-line);box-shadow:0 1px 2px rgba(10,30,80,.04);transition:background .25s,border-color .25s,transform .25s var(--v2-ease)}
body[data-ui="v2"] .onboarding-step-actions .onboarding-previous:not(.onboarding-later):hover,
body[data-ui="v2"] .onboarding-first-actions .onboarding-previous:hover,
body[data-ui="v2"] .welcome-actions .welcome-secondary:hover{background:#fff;border-color:#a9c4f5;transform:translateY(-1px)}
body[data-ui="v2"] .onboarding-step-actions .onboarding-next:disabled{filter:saturate(.7) brightness(1.05)}

/* Barre d'actions : fondu vitré au lieu d'un aplat */
body[data-ui="v2"] .onboarding-training-form .onboarding-step-actions,
body[data-ui="v2"] .onboarding-objective-form .onboarding-step-actions{background:linear-gradient(to top,rgba(244,248,255,.97) 72%,rgba(244,248,255,0))}
@media(max-width:760px){
 body[data-ui="v2"] .onboarding-step-actions,body[data-ui="v2"] .onboarding-training-form .onboarding-step-actions{background:linear-gradient(to top,rgba(244,248,255,.98) 78%,rgba(244,248,255,0));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}

/* ——— Rail des étapes : roue de progression puis piste continue qui se remplit ——— */
body[data-ui="v2"] .onboarding-gauge-number{color:var(--v2-ink)}
body[data-ui="v2"] .onboarding-rail ol{position:relative;--v2-progress:0}
body[data-ui="v2"] .onboarding-rail li:not(:last-child)::after{display:none}
body[data-ui="v2"] .onboarding-rail ol::before,body[data-ui="v2"] .onboarding-rail ol::after{content:"";position:absolute;left:16px;top:22px;width:2px;border-radius:2px}
body[data-ui="v2"] .onboarding-rail ol::before{bottom:22px;background:#dde6f2}
body[data-ui="v2"] .onboarding-rail ol::after{height:calc((100% - 44px) * var(--v2-progress));background:linear-gradient(var(--v2-blue),var(--v2-blue-2));transition:height .9s var(--v2-ease)}
body[data-ui="v2"] .onboarding-marker{position:relative;z-index:1;background:#fff;border-color:#d4e0ee;box-shadow:0 1px 2px rgba(10,30,80,.05);transition:background .4s,border-color .4s,color .4s,transform .4s var(--v2-spring)}
body[data-ui="v2"] .onboarding-rail .is-complete .onboarding-marker{background:linear-gradient(135deg,#1c78ff,#0656dc);border-color:transparent;box-shadow:none}
body[data-ui="v2"] .onboarding-rail .is-current .onboarding-marker{background:linear-gradient(135deg,#1c78ff,#0656dc);border-color:transparent;box-shadow:0 0 0 3px #e5eeff}
body[data-ui="v2"] .onboarding-rail-link:hover .onboarding-marker{transform:scale(1.08)}
body[data-ui="v2"] .onboarding-rail li{transition:color .3s}

/* Progression mobile */
body[data-ui="v2"] .onboarding-mobile-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--v2-blue),var(--v2-blue-2));transition:width .8s var(--v2-ease)}
body[data-ui="v2"] .onboarding-mobile-progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--v2-blue),var(--v2-blue-2))}
body[data-ui="v2"] .onboarding-mobile-progress progress,body[data-ui="v2"] .onboarding-mobile-progress progress::-webkit-progress-bar{background:#dfe8f4}

/* ——— Titres ——— */
body[data-ui="v2"] .onboarding-form-region h1{color:var(--v2-ink)}
body[data-ui="v2"] .onboarding-eyebrow{color:#4c6493}
body[data-ui="v2"] .onboarding-eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:18px;height:2px;margin:0 8px 2px 0;border-radius:2px;background:linear-gradient(90deg,var(--v2-blue),var(--v2-gold))}

/* ——— Champs ——— */
body[data-ui="v2"] .onboarding-input-line,
body[data-ui="v2"] .onboarding-step select,
body[data-ui="v2"] .onboarding-step textarea,
body[data-ui="v2"] .onboarding-step input[type="date"],
body[data-ui="v2"] .onboarding-step input[type="text"].onboarding-control,
body[data-ui="v2"] .onboarding-training-stepper{border-color:var(--v2-line);background-color:rgba(255,255,255,.92);box-shadow:0 1px 2px rgba(10,30,80,.04);transition:border-color .25s,box-shadow .25s,background-color .25s}
body[data-ui="v2"] .onboarding-input-line:hover,
body[data-ui="v2"] .onboarding-step select:hover,
body[data-ui="v2"] .onboarding-step textarea:hover,
body[data-ui="v2"] .onboarding-training-stepper:hover{border-color:#b8cdee}
body[data-ui="v2"] .onboarding-input-line:focus-within,
body[data-ui="v2"] .onboarding-step select:focus,
body[data-ui="v2"] .onboarding-step textarea:focus,
body[data-ui="v2"] .onboarding-step input.onboarding-control:focus{border-color:var(--v2-blue);background-color:#fff;box-shadow:0 0 0 3px rgba(8,102,255,.16)}
body[data-ui="v2"] .onboarding-unit{background:linear-gradient(180deg,#f7faff,#eef4fc);border-left-color:var(--v2-line)}
body[data-ui="v2"] .onboarding-training-stepper button{transition:background .2s,color .2s}
body[data-ui="v2"] .onboarding-training-stepper button:hover{background:#eef4ff;color:var(--v2-blue)}
body[data-ui="v2"] .onboarding-training-stepper button:active .welcome-icon{transform:scale(.85)}
body[data-ui="v2"] .onboarding-training-stepper button .welcome-icon{transition:transform .15s}

/* ——— Cartes de choix ——— */
body[data-ui="v2"] .onboarding-goal-option,
body[data-ui="v2"] .onboarding-training-choice,
body[data-ui="v2"] .onboarding-import-option{position:relative;border-color:var(--v2-line);background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(10,30,80,.04);transition:border-color .3s,background .3s,transform .3s var(--v2-ease)}
body[data-ui="v2"] .onboarding-goal-option:hover,
body[data-ui="v2"] .onboarding-training-choice:hover,
body[data-ui="v2"] .onboarding-import-option:not(:disabled):hover{border-color:#a9c4f5;transform:translateY(-1px)}
body[data-ui="v2"] .onboarding-goal-option:has(input:checked),
body[data-ui="v2"] .onboarding-training-choice:has(input:checked){border-color:var(--v2-blue);background:linear-gradient(180deg,#f5f9ff,#e9f2ff);box-shadow:0 0 0 1px var(--v2-blue) inset}
body[data-ui="v2"] .onboarding-goal-option .onboarding-goal-icon{transition:background .3s,transform .4s var(--v2-spring)}
body[data-ui="v2"] .onboarding-goal-option:has(input:checked) .onboarding-goal-icon{transform:scale(1.08)}
body[data-ui="v2"] .onboarding-training-weekdays span{background:rgba(255,255,255,.92);border-color:var(--v2-line);transition:all .25s var(--v2-ease)}
body[data-ui="v2"] .onboarding-training-weekdays label:hover span{border-color:#a9c4f5;color:#2b4a85}
body[data-ui="v2"] .onboarding-training-weekdays input:checked+span{background:linear-gradient(135deg,#1c78ff,#0656dc);border-color:transparent;color:#fff}
body[data-ui="v2"] .onboarding-training-resuming input{transition:background .3s}
body[data-ui="v2"] .onboarding-training-resuming input::after{transition:transform .35s var(--v2-spring)}
.v2-pop{animation:v2-pop .45s var(--v2-spring)}
@keyframes v2-pop{0%{transform:scale(1)}40%{transform:scale(.97)}100%{transform:scale(1)}}

/* Accordéons */
body[data-ui="v2"] .onboarding-goal-details,
body[data-ui="v2"] .onboarding-training-details,
body[data-ui="v2"] .onboarding-settings{border-color:var(--v2-line);background:rgba(255,255,255,.88);transition:border-color .25s}
body[data-ui="v2"] .onboarding-goal-details summary::after,body[data-ui="v2"] .onboarding-training-details summary::after{transition:transform .3s var(--v2-ease)}

/* ——— Objectif : interprétation de Pico ——— */
body[data-ui="v2"] .onboarding-goal-original,body[data-ui="v2"] .onboarding-goal-proposal{border-color:var(--v2-line);box-shadow:var(--v2-shadow)}
body[data-ui="v2"] .onboarding-goal-proposal{background:linear-gradient(160deg,#f2f7ff,#e6f0ff 60%,#f6efe0)}
body[data-ui="v2"] .onboarding-goal-proposal img{animation:v2-float 5s ease-in-out infinite}
body[data-ui="v2"] .onboarding-step[data-goal-mode="loading"] .onboarding-goal-feedback{display:flex;align-items:center;gap:10px}
body[data-ui="v2"] .onboarding-step[data-goal-mode="loading"] .onboarding-goal-feedback::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid #cfe0ff;border-top-color:var(--v2-blue);animation:v2-spin .8s linear infinite;flex:none}
@keyframes v2-spin{to{transform:rotate(360deg)}}
body[data-ui="v2"] .onboarding-aside img{animation:v2-float 6.5s ease-in-out infinite;filter:drop-shadow(0 24px 26px rgba(10,30,90,.14))}

/* ——— Aperçus, synthèse, première action ——— */
body[data-ui="v2"] .onboarding-preview{background:linear-gradient(150deg,#f3f8ff,#e8f1ff 70%,#f7f0e2);border-color:#d6e3f6;box-shadow:var(--v2-shadow)}
body[data-ui="v2"] .onboarding-summary-card{background:rgba(255,255,255,.86);border-color:var(--v2-line);border-radius:18px;box-shadow:var(--v2-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s var(--v2-ease)}
body[data-ui="v2"] .onboarding-summary-card:hover{transform:translateY(-2px)}
body[data-ui="v2"] .onboarding-summary-card-icon{background:linear-gradient(135deg,var(--v2-blue),var(--v2-blue-2))}
body[data-ui="v2"] .onboarding-summary-notice{background:linear-gradient(120deg,#eef5ff,#f6f0e3);border-color:#d6e3f6}
body[data-ui="v2"] .onboarding-summary-pico,body[data-ui="v2"] .onboarding-ready-pico{animation:v2-float 5.5s ease-in-out infinite}
body[data-ui="v2"] .onboarding-first-action .onboarding-aside img{animation:v2-float 6s ease-in-out infinite}

/* ——— Pico compagnon ——— */
.v2-pico{display:none}
@media(min-width:761px){
 body[data-ui="v2"] .onboarding-rail .v2-pico{display:block;margin-top:34px}
 .v2-pico img{display:block;width:76px;height:auto;margin:0 0 10px 2px;filter:drop-shadow(0 16px 16px rgba(10,30,90,.14));animation:v2-float 6s ease-in-out infinite;transform-origin:50% 90%}
 .v2-pico.is-hopping img{animation:v2-hop .7s var(--v2-spring)}
 .v2-bubble{position:relative;padding:11px 13px;border-radius:14px 14px 14px 6px;background:rgba(255,255,255,.88);border:1px solid #dfe8f5;box-shadow:var(--v2-shadow);color:#3a4f7a;font-size:12.5px;line-height:1.45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
 .v2-bubble b{display:block;color:var(--v2-ink);font-size:12px;margin-bottom:2px}
}
@media(min-width:761px) and (max-height:760px){body[data-ui="v2"] .onboarding-rail .v2-pico{margin-top:18px}.v2-pico img{width:56px}.v2-bubble{font-size:12px;padding:9px 11px}}
@media(min-width:761px) and (max-height:700px){body[data-ui="v2"] .onboarding-rail .v2-pico{display:none}}
@keyframes v2-hop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-14px) scale(1.04,.96)}60%{transform:translateY(0) scale(.98,1.03)}100%{transform:none}}
.v2-tip{display:none}
@media(max-width:760px){
 body[data-ui="v2"] .v2-tip{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;padding:8px 12px 8px 8px;border-radius:14px;background:rgba(255,255,255,.8);border:1px solid #dfe8f5;color:#3a4f7a;font-size:12.5px;line-height:1.4}
 .v2-tip img{width:34px;height:34px;object-fit:contain;flex:none;animation:v2-float 6s ease-in-out infinite}
 .v2-tip.is-hopping img{animation:v2-hop .7s var(--v2-spring)}
}
.v2-pico[hidden],.v2-tip[hidden]{display:none!important}

/* Erreurs */
.v2-shake{animation:v2-shake .45s var(--v2-ease)}
@keyframes v2-shake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
body[data-ui="v2"] .onboarding-error:not([hidden]){padding:10px 12px;border-radius:12px;background:#fff3f2;border:1px solid #f4d2cf}

.v2-confetti{position:fixed;inset:0;width:100vw;height:100vh;z-index:200;pointer-events:none}

@media(prefers-reduced-motion:reduce){
 body[data-ui="v2"] .welcome-pico,.v2-pico img,.v2-tip img,body[data-ui="v2"] .onboarding-aside img,body[data-ui="v2"] .onboarding-goal-proposal img,body[data-ui="v2"] .onboarding-summary-pico,body[data-ui="v2"] .onboarding-ready-pico,body[data-ui="v2"] .onboarding-first-action .onboarding-aside img,.v2-pop,.v2-shake{animation:none!important}
 body[data-ui="v2"] *{transition-duration:.01ms!important}
 .v2-snow{display:none}
}
@media(forced-colors:active){.v2-snow{display:none}}