/* Conseils du courtier (dans la page) et aide au remplissage — complète fic.css (mêmes jetons). */

/* ---------- Conseils, intégrés au flux : ne recouvrent jamais rien ---------- */
.c-coach{--tone:var(--brand);margin:20px 0 0;padding:16px 18px;border-radius:14px;background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--tone);text-align:left}
.c-coach[hidden],.c-coach [hidden],.c-guide [hidden]{display:none!important}
.c-coach[data-tone="warn"]{--tone:#e0a526}
.c-coach[data-tone="gain"]{--tone:#3fbf7f}
.c-coach.is-new{animation:c-flash .9s var(--out)}
.c-coach__head{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.c-coach__ico{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--bg-2);color:var(--ink)}
.c-coach__ico svg{width:17px;height:17px}
.c-coach__kick{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.c-coach__n{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.c-coach__nav{display:flex;gap:4px}
.c-coach__nav button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--bg-2);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.c-coach__nav button:hover{background:var(--ink);color:#fff}
.c-coach__title{margin:0 0 4px;font:400 21px/1.2 var(--serif);letter-spacing:-.01em;color:var(--ink);text-align:left;text-transform:none}
.c-coach__text{margin:0;font-size:15px;line-height:1.55;color:var(--text)}
.c-coach__act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0 0}
.c-coach__do{min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:700 14.5px/1.2 var(--sans);cursor:pointer;transition:background .2s,color .2s}
.c-coach__do:hover{background:var(--brand);color:var(--ink)}
.c-coach__link{font-weight:700;font-size:15px;color:var(--brand-ink);text-decoration:underline;text-underline-offset:4px}
@keyframes c-flash{0%{box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--tone),0 0 0 0 var(--tone)}35%{box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--tone),0 0 0 5px color-mix(in srgb,var(--tone) 35%,transparent)}100%{box-shadow:0 0 0 1px var(--line),inset 4px 0 0 var(--tone),0 0 0 0 transparent}}

/* ---------- Aide au remplissage (sous le champ actif) ---------- */
.c-guide{margin:10px 0 4px;padding:12px 14px;border-radius:12px;background:#fff7f2;box-shadow:inset 3px 0 0 var(--brand);font-size:14.5px;line-height:1.5;color:var(--text);animation:c-in .25s var(--out)}
.c-guide__tip{display:flex;gap:8px;margin:0}
.c-guide__ico{flex:none;width:18px;height:18px;margin-top:1px;color:var(--brand-ink)}
.c-guide__ico svg{width:18px;height:18px}
.c-guide__tip+*{margin-top:10px}
.c-guide__chips{display:flex;flex-wrap:wrap;gap:6px}
.c-chip{min-height:36px;padding:6px 13px;border:1px solid rgba(22,22,26,.2);border-radius:999px;background:#fff;color:var(--ink);font:700 14px/1.2 var(--sans);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.c-chip:hover,.c-chip:focus-visible{border-color:var(--ink);background:var(--ink);color:#fff}
.c-chip.is-on{border-color:var(--ink);background:var(--ink);color:#fff}
.c-conv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;font-weight:600}
.c-conv input{width:130px;min-height:38px;padding:6px 10px;border:1px solid rgba(22,22,26,.22);border-radius:10px;background:#fff;font:700 15px var(--sans);color:var(--ink)}
.c-conv select{min-height:38px;padding:6px 8px;border:1px solid rgba(22,22,26,.22);border-radius:10px;background:#fff;font:600 14px var(--sans);color:var(--ink)}
.c-conv output{font-weight:800;color:var(--ink)}
.c-conv .c-chip{min-height:34px}
.c-ok{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:14px;font-weight:700;color:#1f8a54}
.c-ok--warn{color:var(--brand-ink)}
.c-ok svg{width:16px;height:16px;flex:none}

/* Champs déjà remplis du formulaire de demande */
.c-filled{border-color:#3fbf7f!important}
.c-meter{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:14px;font-weight:700;color:var(--muted)}
.c-meter__bar{flex:1;height:6px;border-radius:999px;background:var(--bg-2);overflow:hidden}
.c-meter__bar i{display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:#3fbf7f;transition:width .4s var(--out)}

@keyframes c-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:720px){.c-coach{padding:14px}.c-coach__title{font-size:19px}}
@media (prefers-reduced-motion:reduce){.c-coach.is-new,.c-guide{animation:none}.c-meter__bar i{transition:none}}
@media print{.c-guide{display:none!important}}

/* ---------- Animations (une seule fois, jamais en boucle) ---------- */
/* Apparition du conseil : la carte se déplie, l'ampoule s'allume */
.c-coach:not([hidden]){animation:c-rise .55s var(--out) both}
.c-coach:not([hidden]) .c-coach__ico{animation:c-bulb .9s .15s var(--out) both}
.c-coach:not([hidden]) .c-coach__body,.c-coach:not([hidden]) .c-coach__act{animation:c-up .5s var(--out) both}
.c-coach:not([hidden]) .c-coach__body{animation-delay:.08s}
.c-coach:not([hidden]) .c-coach__act{animation-delay:.16s}
/* Un nouveau conseil prioritaire : halo de la couleur du conseil + ampoule */
.c-coach.is-new{animation:c-flash .9s var(--out)}
.c-coach.is-new .c-coach__ico{animation:c-bulb .9s var(--out)}
/* Passage d'un conseil à l'autre : glissement latéral */
.c-coach:not([hidden]) .c-coach__body.is-right{animation:c-from-right .38s var(--out) both}
.c-coach:not([hidden]) .c-coach__body.is-left{animation:c-from-left .38s var(--out) both}
/* Points de navigation : le point actif s'allonge */
.c-coach__n{display:none}
.c-coach__head .c-coach__nav{margin-left:auto;align-items:center}
.c-coach__dots{display:flex;align-items:center;gap:5px;padding:0 4px}
.c-coach__dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(22,22,26,.2);cursor:pointer;transition:width .35s var(--out),background .25s}
.c-coach__dots button[aria-current="true"]{width:20px;background:var(--tone)}
.c-coach__dots button:hover{background:var(--ink)}
.c-coach__do{transition:background .2s,color .2s,transform .2s var(--out)}
.c-coach__do:hover{transform:translateY(-1px)}
.c-coach__do:active{transform:scale(.97)}

/* Aide au remplissage : le panneau se déroule, les pastilles arrivent en cascade */
.c-guide{animation:c-unfold .32s var(--out) both;transform-origin:top}
.c-guide.is-out{animation:c-fold .2s ease-in both}
.c-guide .c-chip{animation:c-pop .34s var(--out) both;animation-delay:calc(var(--i,0) * 45ms + 80ms)}
.c-guide__ico svg{animation:c-bulb .8s .1s var(--out) both;border-radius:50%}
.c-chip{transition:background .15s,color .15s,border-color .15s,transform .15s var(--out)}
.c-chip:hover{transform:translateY(-1px)}
.c-chip:active{transform:scale(.95)}
/* La valeur choisie atterrit dans le champ */
.c-landed{animation:c-land .6s var(--out)}
/* Coche qui se dessine */
.c-ok svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:c-draw .45s .05s var(--out) forwards}
.c-ok{animation:c-up .3s var(--out) both}
/* Jauge complète */
.c-meter.is-full b{color:#1f8a54}
.c-meter.is-done .c-meter__bar{animation:c-glow 1s var(--out)}

@keyframes c-rise{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes c-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes c-bulb{0%{transform:scale(.6) rotate(-14deg);background:var(--bg-2)}45%{transform:scale(1.15) rotate(6deg);background:color-mix(in srgb,var(--tone,var(--brand)) 45%,#fff)}100%{transform:none;background:var(--bg-2)}}
@keyframes c-from-right{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes c-from-left{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes c-unfold{from{opacity:0;transform:translateY(-6px) scaleY(.92)}to{opacity:1;transform:none}}
@keyframes c-fold{to{opacity:0;transform:translateY(-4px) scaleY(.95)}}
@keyframes c-pop{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
@keyframes c-land{0%{box-shadow:0 0 0 0 rgba(63,191,127,.55)}40%{box-shadow:0 0 0 6px rgba(63,191,127,.25);background:#f1fbf5}100%{box-shadow:0 0 0 0 transparent}}
@keyframes c-draw{to{stroke-dashoffset:0}}
@keyframes c-glow{0%{box-shadow:0 0 0 0 rgba(63,191,127,.6)}50%{box-shadow:0 0 0 6px rgba(63,191,127,.2)}100%{box-shadow:0 0 0 0 transparent}}

@media (prefers-reduced-motion:reduce){
  .c-coach,.c-coach *,.c-guide,.c-guide *,.c-landed,.c-ok,.c-ok svg path,.c-meter__bar{animation:none!important;transition:none!important}
  .c-ok svg path{stroke-dashoffset:0}
}