/* Assistant « Une question ? » : un petit tirage posé dans le coin de la page, avec la lumière rouge de la chambre noire. */
.aide{--a-paper:var(--paper,#F2EEE6);--a-paper-2:var(--paper-2,#E8E1D5);--a-ink:var(--ink,#1A1917);--a-ink-2:var(--ink-2,#47423B);--a-mute:var(--mute,#6A6358);--a-line:var(--line,#D2C9BB);--a-red:var(--safelight,#8A3A2C);
  position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;font-family:var(--f-body,"Hanken Grotesk",system-ui,sans-serif)}
html[data-env=preview] .aide,html[data-env=draft] .aide,html[data-env=vitrine] .aide{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
.aide__btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 16px;border-radius:999px;background:var(--a-ink);color:var(--a-paper);border:1px solid var(--a-ink);font:500 15px/1 var(--f-body,system-ui,sans-serif);cursor:pointer;box-shadow:0 10px 30px -12px rgba(26,25,23,.55);transition:transform .25s,background-color .25s}
.aide__btn:hover{transform:translateY(-2px)}
.aide__btn[aria-expanded=true]{visibility:hidden}
.aide__dot{width:8px;height:8px;border-radius:50%;background:#D07A52;box-shadow:0 0 0 4px rgba(208,122,82,.22);animation:aideLueur 2.8s ease-in-out infinite}
@keyframes aideLueur{50%{box-shadow:0 0 0 7px rgba(208,122,82,.08)}}
.aide__panel{position:absolute;right:0;bottom:0;width:min(400px,calc(100vw - 32px));max-height:min(620px,calc(100svh - 120px));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;background:var(--a-paper);color:var(--a-ink);border:1px solid var(--a-line);border-radius:14px;box-shadow:0 24px 60px -20px rgba(26,25,23,.45);overflow:hidden}
.aide__panel[hidden]{display:none}
.aide__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px 20px;border-bottom:1px solid var(--a-line)}
.aide__kicker{margin:0;font:500 11px/1.4 var(--f-mono,"IBM Plex Mono",monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--a-red)}
.aide__titre{margin:2px 0 0;font:400 28px/1.05 var(--f-display,"Instrument Serif",Georgia,serif)}
.aide__close{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--a-line);background:transparent;color:var(--a-ink);cursor:pointer;flex:none}
.aide__close:hover{border-color:var(--a-ink)}
.aide__fil{overflow-y:auto;padding:16px 20px;display:grid;gap:12px;align-content:start;overscroll-behavior:contain}
.aide__msg{max-width:92%;font-size:15px;line-height:1.55}
.aide__msg p{margin:0}
.aide__msg p+p{margin-top:8px}
.aide__msg--lui{justify-self:start;background:var(--a-paper-2);padding:12px 14px;border-radius:4px 12px 12px 12px}
.aide__msg--vous{justify-self:end;background:var(--a-ink);color:var(--a-paper);padding:10px 14px;border-radius:12px 4px 12px 12px}
.aide__q{font-weight:600}
.aide__src{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:13.5px}
.aide__src a{color:var(--a-ink);text-decoration:underline;text-underline-offset:3px}
.aide__src span{color:var(--a-mute);font:500 11px/1.9 var(--f-mono,monospace);text-transform:uppercase;letter-spacing:.06em}
.aide__msg a{color:inherit}
.aide__msg a[href^="tel:"]{white-space:nowrap}
.aide__chips{display:flex;flex-wrap:wrap;gap:8px}
.aide__chips button{border:1px solid var(--a-line);background:transparent;color:var(--a-ink);border-radius:999px;padding:8px 12px;font:inherit;font-size:13.5px;cursor:pointer;text-align:left}
.aide__chips button:hover{border-color:var(--a-ink)}
.aide__attente{display:inline-flex;gap:4px}
.aide__attente i{width:6px;height:6px;border-radius:50%;background:var(--a-mute);animation:aidePoint 1s infinite}
.aide__attente i:nth-child(2){animation-delay:.15s}.aide__attente i:nth-child(3){animation-delay:.3s}
@keyframes aidePoint{50%{opacity:.25}}
.aide__form{display:flex;gap:8px;padding:12px 12px 8px 16px;border-top:1px solid var(--a-line);background:var(--a-paper)}
.aide__form input{flex:1;min-width:0;min-height:44px;border:1px solid var(--a-line);border-radius:999px;padding:0 16px;background:#FBF9F5;color:var(--a-ink);font:inherit;font-size:16px}
.aide__form input:focus{outline:2px solid var(--a-red);outline-offset:1px;border-color:transparent}
.aide__form button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--a-ink);background:var(--a-ink);color:var(--a-paper);font:500 14px/1 var(--f-body,system-ui,sans-serif);cursor:pointer}
.aide__form button:disabled{opacity:.5;cursor:default}
.aide__note{margin:0;padding:0 16px 12px;font-size:12px;line-height:1.45;color:var(--a-mute)}
.aide__note a{color:inherit}
.aide :focus-visible{outline:2px solid var(--a-red);outline-offset:2px}
@media (max-width:520px){
  .aide__btn{padding:0 16px 0 14px}
  .aide__panel{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-height:calc(100svh - 80px)}
  html[data-env=preview] .aide__panel,html[data-env=draft] .aide__panel,html[data-env=vitrine] .aide__panel{bottom:calc(52px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - 124px)}
}
@media (prefers-reduced-motion:reduce){.aide__dot,.aide__attente i{animation:none}.aide__btn{transition:none}}
@media print{.aide{display:none}}