/* Hucial V261 — Feed-first, responsive mobile et lisibilité renforcée */
:root{
  --read-ink:#132724;
  --read-text:#203a35;
  --read-muted:#4a5f59;
  --read-teal:#0b6660;
  --read-teal-dark:#074b47;
  --read-gold:#704716;
  --read-line:rgba(31,74,68,.28);
  --read-line-strong:rgba(22,66,60,.44);
  --read-surface:rgba(255,255,255,.96);
  --read-surface-soft:#f5faf8;
  --read-focus:#006b63;
}

html,body{max-width:100%;overflow-x:hidden}
body{color:var(--read-text)!important}
main{width:100%;min-width:0}
main>*{min-width:0;max-width:100%}
p,li,label,small,.muted,.help,.subtle{color:var(--read-muted)!important}
a{color:var(--read-teal);text-underline-offset:.18em}
.eyebrow{color:var(--read-gold)!important;font-weight:900!important}
:is(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid var(--read-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(0,107,99,.18)!important;
}
input,textarea,select{
  border-color:var(--read-line-strong)!important;
  background:#fff!important;
  color:var(--read-ink)!important;
}
input::placeholder,textarea::placeholder{color:#65756f!important;opacity:1!important}
label{color:var(--read-text)!important}

/* En-tête compact et stable */
.header-inner{position:relative}
.brand-copy strong{color:var(--read-ink)!important}
.brand-copy small{color:var(--read-muted)!important}
.nav-toggle{color:var(--read-ink)!important;border:1px solid var(--read-line)!important;background:#e5f7f4!important}
.nav-toggle span:not(.sr-only){background:var(--read-ink)!important}

/* Feed réellement prioritaire */
.social-layout{min-width:0}
.social-main{min-width:0}
.feed-first-heading{
  display:flex;align-items:end;justify-content:space-between;gap:1rem;
  margin:0 0 .85rem;padding:.45rem .2rem .15rem;
}
.feed-first-heading h1{margin:.22rem 0 .32rem;font-size:clamp(1.9rem,5vw,3.35rem);color:var(--read-ink)!important}
.feed-first-heading p{margin:0;max-width:62ch;font-size:1rem}
.feed-first-jump{
  flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:.7rem 1rem;
  border:1px solid var(--read-line);border-radius:999px;background:#fff;color:var(--read-teal-dark)!important;
  font-weight:800;text-decoration:none!important;box-shadow:0 8px 24px rgba(27,91,84,.10)
}

/* Formulaire de publication visible, simple et incitatif */
.composer-card-primary{
  margin:0 0 1.2rem!important;border:2px solid rgba(24,116,107,.35)!important;
  background:linear-gradient(145deg,#fff,#f2fbf8)!important;
  box-shadow:0 18px 50px rgba(24,105,97,.14)!important;
}
.composer-card-primary::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;
  background:linear-gradient(180deg,#0b7c74,#75d8d0);border-radius:999px;pointer-events:none
}
.composer-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.2rem 1.2rem 0}
.composer-heading h2{margin:.2rem 0 .3rem;font-size:clamp(1.55rem,5vw,2.2rem);color:var(--read-ink)!important}
.composer-heading p{margin:0}
.composer-human-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:15px;background:#dff7f3;color:var(--read-teal-dark);font-size:1.35rem;font-weight:900}
.composer-card-primary form{padding-top:.8rem!important;background:transparent!important;box-shadow:none!important}
.composer-body-label{display:grid;gap:.05rem;margin-top:0;font-size:1rem}
.composer-body-label>span{font-size:1.08rem;font-weight:850;color:var(--read-ink)}
.composer-body-label small{font-weight:550}
.composer-card-primary textarea#post-body{
  min-height:132px;font-size:1.08rem!important;line-height:1.55;border-width:2px!important;
  border-color:rgba(15,103,96,.42)!important;background:#fff!important;resize:vertical
}
.composer-quick-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);gap:.8rem;align-items:end}
.composer-progress{display:flex;align-items:baseline;gap:.3rem;margin:.4rem 0;color:var(--read-muted);font-size:.86rem}
.composer-progress strong{font-size:1rem;color:var(--read-teal-dark)}
.composer-visibility{margin:0!important;font-size:.82rem}
.composer-visibility select{margin-top:.25rem}
.composer-advanced{margin:.9rem 0;border:1px solid var(--read-line);border-radius:18px;background:#f7fbfa;overflow:hidden}
.composer-advanced>summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:52px;padding:.75rem 1rem;cursor:pointer;color:var(--read-teal-dark);font-weight:850}
.composer-advanced>summary small{font-weight:550;text-align:right}
.composer-advanced-content{padding:.2rem 1rem 1rem;border-top:1px solid var(--read-line)}
.composer-footer{border-top:1px solid var(--read-line);padding-top:1rem!important}
.composer-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.composer-submit{background:linear-gradient(135deg,#08766e,#30aaa0)!important;color:#fff!important;border-color:#075e58!important;box-shadow:0 11px 28px rgba(8,118,110,.22)!important}
.composer-draft{background:#fff!important;color:var(--read-teal-dark)!important;border:1px solid var(--read-line-strong)!important;box-shadow:none!important}

/* Feed lisible et contenu sans débordement */
#feed{scroll-margin-top:88px;min-width:0}
.feed-heading{padding:.15rem 0 .35rem;border-bottom:1px solid var(--read-line)}
.feed-heading h2{color:var(--read-ink)!important}
.feed-mode,.visibility-badge{border-color:var(--read-line)!important;background:#e7f7f4!important;color:var(--read-teal-dark)!important}
.social-post{min-width:0;width:100%;border-color:var(--read-line)!important;background:var(--read-surface)!important;color:var(--read-text)!important}
.social-post :is(p,span,small,strong,a,button,label,summary){overflow-wrap:anywhere}
.social-post>header span:not(.visibility-badge),.social-post>footer{color:var(--read-muted)!important}
.post-body{color:var(--read-text)!important;font-size:1.04rem!important}
.conversation-contract,.conversation-status,.feed-explanation,.content-warning{border-color:var(--read-line)!important;color:var(--read-text)!important}
.human-feed-controls,.human-focus-card{border-color:var(--read-line)!important;background:#f7fbfa!important}
.feed-view-tabs,.circle-filters{max-width:100%;overflow-x:auto;scrollbar-width:thin}
.feed-view-tabs a,.circle-filters a{color:var(--read-teal-dark)!important;border-color:var(--read-line)!important;background:#fff}

/* Les blocs d’exploration restent secondaires, après le Feed */
.home-secondary-discovery{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--read-line)}
.home-secondary-discovery .hucial-home-hub{margin-top:0}
.home-secondary-discovery .social-hero{margin-top:1rem}
.home-action-card{color:var(--read-ink)!important;border-color:var(--read-line)!important;background:#fff!important}
.home-action-card small{color:var(--read-muted)!important;opacity:1!important}
.home-action-card.is-active{background:linear-gradient(135deg,#126e67,#65c9c1)!important;color:#fff!important}
.home-action-card.is-active small{color:#fff!important}

/* Navigation flottante moins envahissante et plus contrastée */
.hucial-flow-bar{border-color:rgba(29,79,72,.22)!important;background:rgba(255,255,255,.94)!important}
.hucial-flow-item{color:#425a54!important}
.hucial-flow-item:is(:hover,:focus-visible),.hucial-flow-item.is-active{color:#075e58!important;background:#dff5f1!important}
.hucial-flow-create{background:linear-gradient(145deg,#0d8178,#52c2b9)!important;color:#fff!important;border-color:rgba(8,91,84,.35)!important}
.hf-v91-suggestion{border-color:var(--read-line)!important;background:rgba(255,255,255,.97)!important;color:var(--read-ink)!important}
.hf-v91-suggestion span{color:var(--read-muted)!important}
.hf-v91-suggestion a{color:var(--read-teal-dark)!important;font-weight:850}

@media(max-width:1150px){
  .social-layout{grid-template-columns:minmax(0,1fr)!important}
  .social-main{order:1}
  .social-sidebar{order:2;position:static!important;display:flex!important;overflow-x:auto;max-width:100%;padding:.55rem!important}
  .social-sidebar>a{white-space:nowrap}
  .social-sidebar .wellbeing{display:none}
  .privacy-panel{order:3;position:static!important;grid-column:auto!important}
}

@media(max-width:780px){
  body{font-size:16px!important}
  .site-header{position:sticky!important;top:0;z-index:9500}
  .header-inner{
    min-height:62px;padding:.5rem max(.75rem,env(safe-area-inset-right)) .5rem max(.75rem,env(safe-area-inset-left))!important;
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:.65rem!important
  }
  .brand-lockup{min-width:0!important;max-width:calc(100% - 54px)}
  .brand-mark{width:40px!important;height:40px!important;flex:0 0 40px;border-radius:13px!important}
  .brand-mark img{width:40px!important;height:40px!important}
  .brand-copy{min-width:0}
  .brand-copy strong{font-size:1.03rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand-copy small{display:none!important}
  .nav-toggle{display:grid!important;flex:0 0 44px;width:44px!important;height:44px!important;margin-left:auto!important;padding:11px!important}
  .nav-shell{
    position:absolute!important;left:.65rem!important;right:.65rem!important;top:calc(100% + .4rem)!important;width:auto!important;
    max-height:calc(100dvh - 86px)!important;overflow:auto!important;padding:.85rem!important;border:1px solid var(--read-line)!important;
    border-radius:22px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 60px rgba(25,67,61,.22)!important
  }
  .nav-shell:not(.is-open){display:none!important}
  .nav-shell.is-open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .header-extra{display:none!important}
  main{margin:0 auto!important;padding:1rem max(.75rem,env(safe-area-inset-right)) 7rem max(.75rem,env(safe-area-inset-left))!important}
  .feed-first-heading{align-items:flex-start;flex-direction:column;padding:.1rem 0 .2rem;margin-bottom:.65rem}
  .feed-first-heading h1{font-size:clamp(1.8rem,9vw,2.55rem)!important;letter-spacing:-.045em!important}
  .feed-first-jump{display:none}
  .composer-heading{padding:1rem 1rem 0}
  .composer-card-primary form{padding:1rem!important}
  .composer-human-mark{width:40px;height:40px;flex-basis:40px}
  .composer-quick-row{grid-template-columns:1fr}
  .composer-visibility{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem}
  .composer-visibility select{margin:0!important}
  .composer-advanced>summary{align-items:flex-start;flex-direction:column;gap:.1rem}
  .composer-advanced>summary small{text-align:left}
  .composer-footer{align-items:stretch!important}
  .composer-actions{display:grid;grid-template-columns:1fr;width:100%}
  .composer-actions button{width:100%}
  .feed-heading{align-items:flex-start!important;gap:.5rem!important;margin-top:1.1rem!important}
  .feed-mode{white-space:normal}
  .social-post{padding:1rem!important;border-radius:22px!important}
  .social-post>header{display:grid!important;grid-template-columns:46px minmax(0,1fr);align-items:center!important}
  .social-post>header .visibility-badge{grid-column:1/-1;justify-self:start;margin-top:.3rem}
  .social-post>footer{width:100%}
  .reaction-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;width:100%}
  .reaction-form select{min-width:0;width:100%!important}
  .privacy-panel form{display:block!important}
  .home-secondary-discovery{margin-top:1.5rem}
  .home-secondary-discovery .social-hero{display:none!important}
  .home-hub-intro h1{font-size:1.7rem!important;line-height:1.08!important}
  .home-hub-actions{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.35rem}
  .home-action-card{flex:0 0 min(78vw,260px);min-height:96px!important;scroll-snap-align:start}
  .hf-v91-suggestion{left:.75rem!important;right:.75rem!important;bottom:calc(68px + env(safe-area-inset-bottom) + 18px)!important;max-width:none!important;padding:.7rem 2.4rem .7rem .85rem!important}
}

@media(max-width:430px){
  :root{--flow-bar-height:64px!important}
  .hucial-flow-bar{width:calc(100% - 14px)!important;height:64px!important;bottom:max(7px,env(safe-area-inset-bottom))!important;padding:4px 5px!important;grid-template-columns:1fr 1fr 58px 1fr 1fr!important;border-radius:22px!important}
  .hucial-flow-item{height:49px!important;border-radius:15px!important}
  .hucial-flow-item svg{width:21px!important;height:21px!important}
  .hucial-flow-item span{font-size:.6rem!important}
  .hucial-flow-create{width:50px!important;height:50px!important;margin-top:-20px!important;border-radius:18px!important}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom) + 12px)!important}
  .feed-first-heading p{font-size:.93rem}
  .composer-heading h2{font-size:1.55rem!important}
  .composer-card-primary textarea#post-body{min-height:120px}
  .composer-visibility{grid-template-columns:1fr}
  .social-post>header{grid-template-columns:42px minmax(0,1fr)}
  .avatar{width:42px!important;height:42px!important}
}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]){
    --read-ink:#f4faf8;--read-text:#e4efec;--read-muted:#b7c8c3;--read-teal:#83ddd5;--read-teal-dark:#a0ebe4;
    --read-gold:#e0bf82;--read-line:rgba(188,224,215,.22);--read-line-strong:rgba(188,224,215,.38);--read-surface:rgba(24,39,35,.96);--read-surface-soft:#1e312c
  }
  html:not([data-theme="light"]) input,html:not([data-theme="light"]) textarea,html:not([data-theme="light"]) select{background:#182a26!important;color:#f4faf8!important}
  html:not([data-theme="light"]) .composer-card-primary,html:not([data-theme="light"]) .social-post,html:not([data-theme="light"]) .home-action-card{background:linear-gradient(145deg,#203630,#182a26)!important}
  html:not([data-theme="light"]) .composer-advanced,html:not([data-theme="light"]) .human-feed-controls,html:not([data-theme="light"]) .human-focus-card{background:#1b2e29!important}
}

html[data-high-contrast="1"]{
  --read-ink:#071512;--read-text:#102923;--read-muted:#263e38;--read-line:rgba(0,36,31,.55);--read-line-strong:rgba(0,36,31,.78)
}
html[data-high-contrast="1"] :is(.composer-card-primary,.social-post,.home-action-card,input,textarea,select){border-width:2px!important}


/* V261.1 — Publications visibles immédiatement et surfaces flottantes coordonnées */
.feed-user-publications{margin-top:.55rem}
.feed-user-stream{display:grid;gap:1rem;min-width:0}
.feed-user-stream>.social-post:first-of-type{margin-top:.15rem}
.feed-after-publications,.feed-secondary-content{margin-top:1.35rem}
.feed-secondary-content>.living-feed-controls{margin-top:0}
body:has(.hucial-pwa-update) .hf-v91-suggestion{display:none!important}
.hucial-pwa-update{
  bottom:calc(var(--flow-bar-height,72px) + env(safe-area-inset-bottom) + 16px)!important;
  z-index:10020!important;
  border-color:rgba(116,220,210,.56)!important;
  background:rgba(7,20,42,.97)!important;
}

@media(max-width:780px){
  .composer-card-primary{margin-bottom:.75rem!important;box-shadow:0 12px 34px rgba(24,105,97,.12)!important}
  .composer-heading{padding:.78rem .9rem 0!important;align-items:center}
  .composer-heading h1{margin:.08rem 0 .12rem!important;font-size:1.35rem!important;line-height:1.08!important;color:var(--read-ink)!important}
  .composer-heading p{font-size:.88rem!important}
  .composer-human-mark{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:12px!important}
  .composer-card-primary form{padding:.75rem .9rem .85rem!important;gap:.55rem!important}
  .composer-body-label small{display:none}
  .composer-card-primary textarea#post-body{min-height:86px!important;max-height:220px;font-size:1rem!important;line-height:1.42!important;padding:.8rem!important}
  .composer-quick-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:end!important;gap:.65rem!important}
  .composer-progress{align-self:center;margin:0!important;white-space:nowrap;font-size:.75rem!important}
  .composer-progress strong{font-size:.88rem!important}
  .composer-visibility{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:.45rem!important;font-size:.76rem!important}
  .composer-visibility select{min-height:42px!important;padding-block:.45rem!important}
  .composer-advanced{margin:.45rem 0!important;border-radius:15px!important}
  .composer-advanced>summary{min-height:44px!important;padding:.55rem .75rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:.5rem!important}
  .composer-advanced>summary small{display:none!important}
  .composer-footer{padding-top:.65rem!important;gap:.5rem!important}
  .composer-footer>small{font-size:.74rem!important}
  .composer-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:.5rem!important;width:100%!important}
  .composer-actions button{min-height:46px!important;width:auto!important;padding:.65rem .85rem!important}
  .composer-draft{min-width:92px!important}
  .feed-heading{margin-top:.45rem!important;padding:.4rem .1rem .5rem!important}
  .feed-heading h2{font-size:1.38rem!important;margin:.12rem 0!important}
  .feed-heading .eyebrow{font-size:.7rem!important}
  .feed-mode{font-size:.72rem!important;padding:.35rem .55rem!important}
  .feed-user-stream{gap:.8rem}
  .feed-secondary-content{margin-top:1rem}
  .hucial-pwa-update{left:.75rem!important;right:.75rem!important;bottom:calc(68px + env(safe-area-inset-bottom) + 16px)!important;max-width:none!important;padding:.8rem!important;gap:.55rem!important;border-radius:20px!important}
  .hucial-pwa-update span{flex-basis:100%!important;font-size:.9rem!important;line-height:1.35!important}
  .hucial-pwa-update button{min-height:44px!important;flex:1 1 auto!important;padding:.6rem .8rem!important}
}

@media(max-width:430px){
  .composer-heading p{display:none!important}
  .composer-card-primary textarea#post-body{min-height:78px!important}
  .composer-quick-row{grid-template-columns:1fr!important}
  .composer-progress{justify-self:end;order:2}
  .composer-visibility{order:1;grid-template-columns:auto minmax(0,1fr)!important}
  .composer-footer>small{display:none!important}
  .feed-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .feed-mode{align-self:flex-start}
}

/* V261.2 — Feed compact, sans débordement et pleinement exposé à VoiceOver */
.social-layout,.social-main,.composer-card-primary,.feed-user-publications,.feed-user-stream,.feed-user-stream>.social-post{
  width:100%!important;max-width:100%!important;min-width:0!important
}
.social-main :is(h1,h2,h3,h4,p,span,small,label,summary){max-width:100%;overflow-wrap:anywhere}
.hf-context-nav{width:100%;max-width:100%;min-width:0;overscroll-behavior-inline:contain}
.hf-context-nav>*{flex:0 0 auto}

/* content-visibility retire les éléments hors écran de l’arbre d’accessibilité sur certains Safari/iOS. */
.feed-user-stream,.feed-user-publications .social-post,.voiceover-feed-post{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:auto!important
}
.feed-user-stream[role="feed"]{isolation:isolate}
.voiceover-feed-post{scroll-margin-top:84px;outline:none}
.voiceover-feed-post:focus{
  outline:3px solid var(--read-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px rgba(0,107,99,.16),0 16px 42px rgba(24,105,97,.13)!important
}
.post-author-heading{margin:0!important;font-size:1rem!important;line-height:1.25!important;letter-spacing:0!important}
.post-author-heading a{color:var(--read-ink)!important;text-decoration:none!important}
.post-author-heading a:is(:hover,:focus-visible){text-decoration:underline!important}
.feed-access-jump{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
.feed-access-jump:focus{
  position:relative!important;width:auto!important;height:auto!important;margin:.15rem 0 .55rem!important;padding:.65rem .85rem!important;
  clip:auto!important;overflow:visible!important;white-space:normal!important;display:inline-flex!important;border:2px solid var(--read-focus)!important;
  border-radius:12px!important;background:#fff!important;color:var(--read-teal-dark)!important;font-weight:850!important;z-index:2
}

/* Le bouton principal est dans la ligne d’action : les publications arrivent plus vite. */
.composer-progress{justify-content:flex-end!important;margin:.05rem 0!important}
.composer-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem}
.composer-primary-actions .composer-visibility{margin:0!important;min-width:0}
.composer-primary-actions .composer-submit{min-height:48px;min-width:116px;padding-inline:1.05rem}
.composer-advanced-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--read-line)}
.composer-advanced-actions small{max-width:42ch}

/* Aucune suggestion locale flottante sur l’accueil : le Feed et la navigation restent dégagés. */
body[data-route="social/index"] .hf-v91-suggestion{display:none!important}

@media(max-width:780px){
  .hf-context-nav{padding:.45rem .1rem!important;gap:.42rem!important;border-radius:0!important}
  .hf-context-nav strong{padding-left:.1rem;font-size:.88rem}
  .hf-context-nav a{padding:.42rem .68rem!important}
  .composer-card-primary{border-radius:20px!important}
  .composer-heading{padding:.65rem .75rem 0!important}
  .composer-heading .eyebrow{font-size:.62rem!important;letter-spacing:.11em!important}
  .composer-heading h1{font-size:1.28rem!important;line-height:1.1!important;letter-spacing:-.025em!important}
  .composer-card-primary form{padding:.6rem .75rem .7rem!important;gap:.38rem!important}
  .composer-body-label{margin:.2rem 0 .05rem!important}
  .composer-body-label>span{font-size:.92rem!important}
  .composer-card-primary textarea#post-body{
    height:76px!important;min-height:76px!important;max-height:112px!important;padding:.68rem .72rem!important;
    font-size:1rem!important;line-height:1.36!important;border-radius:16px!important
  }
  .composer-progress{font-size:.72rem!important;min-height:18px!important}
  .composer-primary-actions{grid-template-columns:minmax(0,1fr) auto!important;gap:.5rem!important}
  .composer-primary-actions .composer-visibility{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:.42rem!important;font-size:.74rem!important}
  .composer-primary-actions .composer-visibility select{min-height:44px!important;margin:0!important;padding:.5rem 2rem .5rem .65rem!important}
  .composer-primary-actions .composer-submit{min-height:44px!important;min-width:100px!important;padding:.55rem .8rem!important;border-radius:14px!important}
  .composer-advanced{margin:.35rem 0 0!important}
  .composer-advanced>summary{min-height:40px!important;padding:.48rem .7rem!important;font-size:.86rem!important}
  .composer-advanced-actions{align-items:stretch;flex-direction:column;margin-top:.75rem}
  .composer-advanced-actions .composer-draft{width:100%!important;min-height:44px!important}
  .feed-heading{margin-top:.35rem!important}
  .feed-user-stream>.social-post:first-of-type{margin-top:0!important}
  .social-post{overflow:visible!important}
}

@media(max-width:430px){
  main{padding-top:.55rem!important}
  .hf-context-nav{margin-bottom:.35rem!important}
  .hf-context-nav strong{font-size:.82rem!important}
  .composer-heading{padding:.55rem .65rem 0!important}
  .composer-heading .eyebrow,.composer-heading p,.composer-human-mark{display:none!important}
  .composer-heading h1{font-size:1.2rem!important;margin:0!important}
  .composer-card-primary form{padding:.5rem .65rem .6rem!important}
  .composer-body-label>span{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
  }
  .composer-card-primary textarea#post-body{height:70px!important;min-height:70px!important;max-height:100px!important}
  .composer-progress{font-size:.68rem!important}
  .composer-primary-actions{grid-template-columns:minmax(0,1fr) 94px!important}
  .composer-primary-actions .composer-visibility{grid-template-columns:1fr!important;gap:.1rem!important}
  .composer-primary-actions .composer-visibility>span{
    position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important
  }
  .composer-primary-actions .composer-submit{min-width:94px!important;padding-inline:.5rem!important}
  .composer-advanced>summary small{display:none!important}
  .feed-heading h2{font-size:1.22rem!important}
  .feed-heading .eyebrow{display:none!important}
  .feed-mode{font-size:.68rem!important}
  .voiceover-feed-post{padding:.85rem!important;border-radius:18px!important}
}
@media(max-width:430px){
  .composer-primary-actions .composer-visibility{order:0!important}
  .composer-primary-actions .composer-submit{order:1!important}
}


/* V261.3 — Finition 10/10 : mise à jour intégrée, Feed non masqué et lecture naturelle */
.hucial-pwa-update{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;max-width:100%!important;min-height:54px!important;margin:0 0 .55rem!important;padding:.42rem .48rem .42rem .7rem!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto 44px!important;align-items:center!important;gap:.45rem!important;
  border:1px solid rgba(30,103,95,.34)!important;border-radius:16px!important;background:linear-gradient(135deg,#eefaf7,#ffffff)!important;
  color:var(--read-ink)!important;box-shadow:0 8px 24px rgba(24,105,97,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  z-index:auto!important;overflow:hidden!important
}
.hucial-pwa-update::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#08766e,#6bd1c8)}
.hucial-pwa-update__copy{display:grid!important;gap:.02rem!important;min-width:0!important;line-height:1.15!important}
.hucial-pwa-update__copy strong{color:var(--read-ink)!important;font-size:.88rem!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hucial-pwa-update__copy small{color:var(--read-muted)!important;font-size:.7rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hucial-pwa-update button{min-height:44px!important;margin:0!important;border-radius:12px!important;font-size:.78rem!important;font-weight:850!important;line-height:1!important;box-shadow:none!important}
.hucial-pwa-update__apply{min-width:108px!important;padding:.55rem .72rem!important;border:1px solid #075e58!important;background:linear-gradient(135deg,#08766e,#32aaa0)!important;color:#fff!important}
.hucial-pwa-update__later{width:44px!important;min-width:44px!important;padding:0!important;border:1px solid var(--read-line)!important;background:#fff!important;color:var(--read-teal-dark)!important;font-size:1.35rem!important}
.hucial-pwa-update__later:is(:hover,:focus-visible){background:#e5f7f4!important}

/* Une publication commence toujours par son auteur et son contenu, puis ses réglages. */
.voiceover-feed-post>header{margin-bottom:.62rem!important}
.voiceover-feed-post>.mood-chip{margin:0 0 .52rem!important}
.voiceover-feed-post>.post-body,.voiceover-feed-post>.content-warning{margin:.2rem 0 .7rem!important}
.voiceover-feed-post>.conversation-contract,.voiceover-feed-post>.conversation-status{margin-top:.42rem!important}
.feed-user-publications{margin-top:.25rem!important}
.feed-heading{margin-top:.1rem!important;margin-bottom:.55rem!important}
.composer-card-primary{margin-bottom:.65rem!important}

@media(max-width:780px){
  .hucial-pwa-update{margin:.05rem 0 .48rem!important;padding:.36rem .4rem .36rem .62rem!important;grid-template-columns:minmax(0,1fr) 106px 44px!important;gap:.35rem!important;border-radius:14px!important}
  .hucial-pwa-update__copy strong{font-size:.82rem!important}
  .hucial-pwa-update__copy small{font-size:.65rem!important}
  .hucial-pwa-update button{min-height:42px!important}
  .hucial-pwa-update__apply{min-width:106px!important;padding-inline:.55rem!important}
  .composer-card-primary{margin-bottom:.5rem!important}
  .feed-heading{margin-top:.1rem!important;padding-top:.2rem!important}
}
@media(max-width:430px){
  .hucial-pwa-update{grid-template-columns:minmax(0,1fr) 98px 42px!important;min-height:50px!important;margin-bottom:.4rem!important}
  .hucial-pwa-update__copy small{display:none!important}
  .hucial-pwa-update__apply{min-width:98px!important;font-size:.74rem!important}
  .hucial-pwa-update__later{width:42px!important;min-width:42px!important}
  .composer-card-primary textarea#post-body{height:64px!important;min-height:64px!important;max-height:96px!important}
  .composer-card-primary form{padding-bottom:.52rem!important}
  .feed-heading{margin-bottom:.42rem!important}
}
@media(forced-colors:active){
  .hucial-pwa-update{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}
  .hucial-pwa-update__apply,.hucial-pwa-update__later{border:2px solid ButtonText!important}
}

/* V261.4 — Feed final : contenu prioritaire, navigation sans recouvrement, raccourcis mobiles complets */
.voiceover-feed-post{
  display:flex!important;
  flex-direction:column!important;
  gap:.72rem!important;
}
.voiceover-feed-post>*{order:5}
.voiceover-feed-post>.post-primary-content{order:1}
.voiceover-feed-post>.post-conversation-summary{order:2}
.post-primary-content{
  display:flex!important;
  flex-direction:column!important;
  gap:.58rem!important;
  min-width:0!important;
}
.post-primary-content>.post-author-block{order:1;display:flex!important;align-items:center!important;gap:.72rem!important;min-width:0!important;margin:0!important}
.post-primary-content>.post-body,.post-primary-content>.content-warning{order:2}
.post-primary-content>.mood-chip{order:3;align-self:flex-start;margin:0!important}
.post-primary-content .post-body{
  display:block!important;
  min-height:0!important;
  margin:.08rem 0!important;
  padding:0!important;
  color:var(--read-ink)!important;
  font-size:1.075rem!important;
  line-height:1.55!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}
.post-primary-content .post-body:empty{display:none!important}
.post-author-block>div:nth-child(2){min-width:0;display:grid;gap:.04rem}
.post-author-block>div:nth-child(2)>span{white-space:normal!important;overflow-wrap:anywhere}
.post-conversation-summary{
  margin:.12rem 0 0!important;
  border:1px solid var(--read-line)!important;
  border-radius:14px!important;
  background:var(--read-surface-soft)!important;
  overflow:hidden!important;
}
.post-conversation-summary>summary{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.65rem!important;
  padding:.62rem .78rem!important;
  color:var(--read-ink)!important;
  font-weight:850!important;
  cursor:pointer!important;
  list-style-position:inside!important;
}
.post-conversation-summary>summary small{color:var(--read-muted)!important;font-size:.72rem!important;font-weight:750!important}
.post-conversation-details{display:grid;gap:.42rem;padding:0 .68rem .68rem}
.post-conversation-details .conversation-contract,.post-conversation-details .conversation-status{margin:0!important;padding:.58rem .68rem!important}

/* L’espace final permet à chaque carte et à ses actions de défiler entièrement au-dessus de la barre fixe. */
.feed-user-stream{
  padding-bottom:calc(var(--flow-bar-height,64px) + env(safe-area-inset-bottom) + 5rem)!important;
}
.voiceover-feed-post{
  scroll-margin-bottom:calc(var(--flow-bar-height,64px) + env(safe-area-inset-bottom) + 2rem)!important;
}

@media(max-width:780px){
  .hf-context-nav{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
    overflow:visible!important;
    gap:.42rem!important;
    padding:.38rem 0 .55rem!important;
    border-bottom:1px solid var(--read-line)!important;
  }
  .hf-context-nav strong{
    grid-column:1/-1!important;
    padding:0 .1rem!important;
    white-space:normal!important;
  }
  .hf-context-nav a{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:42px!important;
    padding:.42rem .48rem!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  .post-primary-content>.post-author-block{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
  }
  .post-author-block .visibility-badge{grid-column:1/-1;justify-self:start;margin:0!important}
  .post-conversation-summary>summary small{display:none!important}
  main{padding-bottom:calc(var(--flow-bar-height,64px) + env(safe-area-inset-bottom) + 4.5rem)!important}
}

@media(max-width:430px){
  :root{--flow-bar-height:58px!important}
  .hucial-flow-bar{
    height:58px!important;
    grid-template-columns:1fr 1fr 52px 1fr 1fr!important;
    padding:3px 4px!important;
    border-radius:20px!important;
  }
  .hucial-flow-item{height:44px!important;border-radius:14px!important}
  .hucial-flow-item svg{width:19px!important;height:19px!important}
  .hucial-flow-item span{font-size:.58rem!important}
  .hucial-flow-create{width:46px!important;height:46px!important;margin-top:-17px!important;border-radius:16px!important}
  .feed-user-stream{padding-bottom:calc(58px + env(safe-area-inset-bottom) + 5.5rem)!important}
  .voiceover-feed-post{padding:.82rem!important;gap:.62rem!important}
  .post-primary-content .post-body{font-size:1.03rem!important;line-height:1.5!important}
  .post-conversation-summary>summary{min-height:43px!important;padding:.56rem .66rem!important;font-size:.88rem!important}
  .hf-context-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(forced-colors:active){
  .post-conversation-summary{border:2px solid CanvasText!important;background:Canvas!important}
}

/* Hucial V261.0.8 — fin de page premium sans vide ni recouvrement.
   Le dégagement est intégré au pied de page sombre au lieu d’être ajouté
   deux fois après celui-ci. Le dock reste accessible, les éléments VoiceOver
   gardent leur marge de défilement, et la fin de page ne montre plus de zone blanche. */
main#contenu:focus,
main#contenu:focus-visible,
.feed-user-stream[role="feed"]:focus,
.feed-user-stream[role="feed"]:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}
.voiceover-feed-post:focus,
.voiceover-feed-post:focus-visible{
  outline:none!important;
  box-shadow:inset 0 0 0 3px var(--read-focus),0 8px 26px rgba(7,75,71,.10)!important;
}
@media (max-width:780px){
  :root{
    --hucial-dock-clearance:calc(var(--flow-bar-height,64px) + env(safe-area-inset-bottom) + 72px);
    --hucial-footer-dock-space:calc(var(--flow-bar-height,64px) + env(safe-area-inset-bottom) + 22px);
  }
  html{scroll-padding-bottom:var(--hucial-dock-clearance)!important}
  body{padding-bottom:0!important}
  main{padding-bottom:1.25rem!important}
  body[data-authenticated="1"] .site-footer{
    margin-bottom:0!important;
    padding-bottom:var(--hucial-footer-dock-space)!important;
  }
  body[data-authenticated="0"] .site-footer{
    margin-bottom:0!important;
    padding-bottom:max(1.2rem,env(safe-area-inset-bottom))!important;
  }
  .feed-user-stream,
  [role="feed"][data-feed]{
    padding-bottom:1rem!important;
    scroll-padding-bottom:var(--hucial-dock-clearance)!important;
  }
  .feed-user-stream::after,
  [role="feed"][data-feed]::after{
    content:none!important;
    display:none!important;
    height:0!important;
  }
  .voiceover-feed-post,
  [role="feed"][data-feed] > [role="article"],
  .voiceover-feed-post :is(a,button,summary,input,select,textarea,[tabindex]:not([tabindex="-1"])),
  [role="feed"][data-feed] > [role="article"] :is(a,button,summary,input,select,textarea,[tabindex]:not([tabindex="-1"])){
    scroll-margin-bottom:var(--hucial-dock-clearance)!important;
  }
  .hucial-flow-bar{bottom:max(2px,env(safe-area-inset-bottom))!important}
}
@media (max-width:430px){
  :root{
    --hucial-dock-clearance:calc(var(--flow-bar-height,58px) + env(safe-area-inset-bottom) + 68px);
    --hucial-footer-dock-space:calc(var(--flow-bar-height,58px) + env(safe-area-inset-bottom) + 20px);
  }
  .hucial-flow-bar{
    height:56px!important;
    bottom:max(1px,env(safe-area-inset-bottom))!important;
    padding:2px 4px!important;
  }
  .hucial-flow-item{height:42px!important}
  .hucial-flow-create{width:44px!important;height:44px!important;margin-top:-15px!important}
}

/* Hucial V261.0.9 — menu mobile modal 10/10 : opaque, cohérent et VoiceOver. */
.nav-menu-head,.nav-modal-backdrop{display:none}
.theme-toggle-label{font-weight:800}
.header-search button svg{display:block}

@media(max-width:780px){
  .nav-modal-backdrop:not([hidden]){
    display:block!important;position:fixed!important;inset:0!important;z-index:10980!important;
    width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:rgba(8,31,28,.62)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important
  }
  .nav-shell{
    position:fixed!important;
    inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    z-index:11000!important;width:auto!important;max-width:720px!important;max-height:none!important;margin:0 auto!important;
    padding:0 1rem calc(1rem + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
    border:1px solid #8abbb5!important;border-radius:28px!important;
    background:#fbfdfc!important;color:#102b28!important;
    box-shadow:0 28px 90px rgba(5,35,31,.38),0 4px 18px rgba(5,35,31,.16)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate!important
  }
  .nav-shell:not(.is-open){display:none!important}
  .nav-shell.is-open{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}
  .nav-menu-head{
    display:flex!important;position:sticky!important;top:0!important;z-index:20!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;
    margin:0 -1rem!important;padding:1rem 1rem .85rem!important;border-bottom:1px solid #b9d6d1!important;
    background:#fbfdfc!important;box-shadow:0 8px 18px rgba(21,70,64,.06)!important
  }
  .nav-menu-title-wrap{display:grid!important;gap:.1rem!important;min-width:0!important}
  .nav-menu-eyebrow{color:#77501f!important;font-size:.68rem!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important}
  .nav-menu-head h2{margin:0!important;color:#102b28!important;font-size:1.38rem!important;line-height:1.08!important;letter-spacing:-.025em!important;outline:none!important}
  .nav-menu-close{
    display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;
    border:1px solid #5aaba3!important;border-radius:16px!important;background:#d7f4f0!important;color:#073f3a!important;
    font-size:1.75rem!important;font-weight:700!important;line-height:1!important;box-shadow:none!important
  }
  .nav-menu-close:is(:hover,:focus-visible){background:#bdebe5!important;border-color:#08766e!important;outline:3px solid #102b28!important;outline-offset:2px!important}
  .header-search{
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:center!important;gap:.5rem!important;
    width:100%!important;margin:.05rem 0 0!important;padding:.35rem!important;border:1px solid #8ebbb5!important;border-radius:20px!important;
    background:#fff!important;box-shadow:0 8px 20px rgba(28,77,71,.08)!important
  }
  .header-search input{
    width:100%!important;max-width:none!important;min-height:48px!important;padding:.68rem .82rem!important;border:0!important;border-radius:15px!important;
    background:#fff!important;color:#102b28!important;font-size:1rem!important;box-shadow:none!important
  }
  .header-search input::placeholder{color:#526965!important;opacity:1!important}
  .header-search button{
    display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;
    border:1px solid #08766e!important;border-radius:15px!important;background:#54c9c0!important;color:#052f2b!important;box-shadow:none!important
  }
  .header-search button:is(:hover,:focus-visible){background:#32aaa0!important;color:#fff!important;outline:3px solid #102b28!important;outline-offset:2px!important}
  .header-actions{display:block!important;width:100%!important}
  .theme-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;width:100%!important;height:auto!important;min-height:46px!important;
    padding:.62rem .85rem!important;border:1px solid #b8d2cd!important;border-radius:15px!important;background:#eef8f6!important;color:#17433f!important;box-shadow:none!important
  }
  .theme-toggle-icon{font-size:1.15rem!important}.theme-toggle-label{display:inline!important;font-size:.88rem!important}
  .account-nav{display:grid!important;gap:.72rem!important;width:100%!important;padding-bottom:.35rem!important}
  .nav-primary-actions{
    display:grid!important;position:static!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important;
    width:100%!important;padding:.55rem!important;border:1px solid #b8d2cd!important;border-radius:20px!important;background:#f3faf8!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important
  }
  .nav-primary-actions .nav-pill{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:.38rem!important;min-width:0!important;min-height:48px!important;
    padding:.62rem .45rem!important;border:1px solid #c5d8d4!important;border-radius:16px!important;background:#fff!important;color:#173d39!important;
    font-size:.82rem!important;font-weight:850!important;line-height:1.15!important;text-align:center!important;box-shadow:none!important
  }
  .nav-primary-actions .nav-pill[aria-current="page"]{border-color:#08766e!important;background:#49c1b8!important;color:#062f2b!important}
  .notification-badge{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;padding:0 .3rem!important;border-radius:999px!important;background:#04b9d2!important;color:#032f35!important;font-size:.72rem!important;font-weight:950!important}
  .nav-personal-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;margin:0!important}
  .nav-personal-block{
    display:grid!important;align-content:start!important;gap:.28rem!important;min-width:0!important;min-height:78px!important;margin:0!important;padding:.65rem .72rem!important;
    border:1px solid #cadbd8!important;border-radius:17px!important;background:#fff!important;box-shadow:none!important
  }
  .nav-personal-block.is-empty{min-height:68px!important;padding-block:.58rem!important}
  .nav-personal-block>strong{margin:0!important;color:#2a3f3b!important;font-size:.76rem!important;font-weight:950!important;letter-spacing:.08em!important}
  .nav-personal-links{display:flex!important;gap:.35rem!important;min-width:0!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important}
  .nav-personal-links::-webkit-scrollbar{display:none!important}
  .nav-personal-links a{min-height:38px!important;padding:.48rem .62rem!important;border:1px solid #b8d2cd!important;background:#eef8f6!important;color:#16433e!important;font-size:.78rem!important}
  .nav-personal-empty{display:block!important;color:#5f706d!important;font-size:.72rem!important;line-height:1.25!important;white-space:normal!important}
  .nav-categories{display:grid!important;grid-template-columns:1fr!important;gap:.62rem!important;width:100%!important}
  .nav-category{
    margin:0!important;border:1px solid #bfd4d0!important;border-radius:19px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important
  }
  .nav-category[open]{border-color:#80b6b0!important;background:#fff!important;box-shadow:0 10px 24px rgba(24,78,71,.08)!important}
  .nav-category summary{
    display:grid!important;grid-template-columns:30px minmax(0,1fr) 28px!important;align-items:center!important;gap:.62rem!important;
    min-height:68px!important;padding:.72rem .82rem!important;border-radius:18px!important;background:#fff!important;color:#183d39!important
  }
  .nav-category summary>span:first-child{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;color:#77501f!important;font-size:1rem!important;font-weight:900!important}
  .nav-category summary>span:nth-child(2){display:grid!important;gap:.12rem!important;min-width:0!important}
  .nav-category summary strong{color:#183d39!important;font-size:1rem!important;font-weight:950!important;line-height:1.15!important}
  .nav-category summary small{color:#526965!important;font-size:.74rem!important;font-weight:650!important;line-height:1.3!important}
  .nav-category summary::after{grid-column:3!important;margin:0!important;color:#77501f!important;font-size:1.35rem!important;text-align:center!important}
  .nav-category-grid{display:grid!important;grid-template-columns:1fr!important;gap:.38rem!important;padding:.12rem .55rem .65rem!important}
  .nav-item-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;min-height:54px!important;margin:0!important;
    border:1px solid #d1dfdc!important;border-radius:15px!important;background:#f9fcfb!important;overflow:hidden!important
  }
  .nav-item-row.is-current{border-color:#5ea9a2!important;background:#dff5f1!important}
  .nav-item-row>a{
    display:flex!important;align-items:center!important;min-width:0!important;min-height:54px!important;padding:.72rem .78rem!important;border-radius:0!important;
    color:#183d39!important;font-size:.9rem!important;font-weight:800!important;line-height:1.25!important;text-decoration:none!important
  }
  .nav-item-row>a:is(:hover,:focus-visible){background:#e8f7f4!important;color:#063f3a!important;outline:3px solid #102b28!important;outline-offset:-3px!important;transform:none!important}
  .nav-favorite-toggle{
    position:relative!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;margin:0 .3rem 0 0!important;
    padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;color:transparent!important;font-size:0!important;box-shadow:none!important
  }
  .nav-favorite-toggle::before{
    content:"☆";display:grid;place-items:center;width:34px;height:34px;border:1px solid #78b4ae;border-radius:12px;background:#dff5f1;color:#075e58;
    font-size:1.15rem;font-weight:900;line-height:1
  }
  .nav-favorite-toggle[aria-pressed="true"]::before{content:"★";border-color:#9b6c2d;background:#f7eddb;color:#76501d}
  .nav-favorite-toggle:is(:hover,:focus-visible){outline:3px solid #102b28!important;outline-offset:1px!important}
  .nav-logout{display:block!important;width:100%!important;margin:.1rem 0 .3rem!important}
  .nav-logout button{width:100%!important;min-height:48px!important;border:1px solid #a86059!important;border-radius:15px!important;background:#fff5f4!important;color:#7d332d!important;font-weight:900!important}
  body.hucial-menu-open .hucial-flow-bar,
  body.hucial-menu-open .hucial-pwa-update,
  body.hucial-menu-open .hf-v91-suggestion{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}

@media(max-width:390px){
  .nav-shell{padding-inline:.75rem!important;border-radius:24px!important}
  .nav-menu-head{margin-inline:-.75rem!important;padding-inline:.75rem!important}
  .nav-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nav-personal-strip{grid-template-columns:1fr!important}
  .nav-personal-block{min-height:62px!important}
}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .nav-shell,html:not([data-theme="light"]) .nav-menu-head{background:#172824!important;color:#f3faf8!important}
  html:not([data-theme="light"]) .nav-menu-head{border-color:#38534e!important}
  html:not([data-theme="light"]) .nav-menu-head h2,html:not([data-theme="light"]) .nav-category summary strong,html:not([data-theme="light"]) .nav-item-row>a{color:#f3faf8!important}
  html:not([data-theme="light"]) .header-search,html:not([data-theme="light"]) .header-search input,html:not([data-theme="light"]) .nav-primary-actions,html:not([data-theme="light"]) .nav-primary-actions .nav-pill,html:not([data-theme="light"]) .nav-personal-block,html:not([data-theme="light"]) .nav-category,html:not([data-theme="light"]) .nav-category summary,html:not([data-theme="light"]) .nav-item-row{background:#1d332e!important;color:#f3faf8!important;border-color:#45655e!important}
  html:not([data-theme="light"]) .nav-category summary small,html:not([data-theme="light"]) .nav-personal-empty{color:#bed0cc!important}
}

@media(prefers-reduced-motion:reduce){
  .nav-shell,.nav-modal-backdrop,.nav-category summary::after{transition:none!important;animation:none!important}
}


/* Hucial V261.0.10 — correctif définitif du menu mobile plein écran.
   Le panneau est porté directement sous <body> pour éviter tout découpage par l’en-tête sticky. */
@media(max-width:780px){
  html.hucial-menu-open,body.hucial-menu-open{
    overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important
  }
  body>.nav-modal-backdrop.hucial-nav-portal:not([hidden]){
    display:block!important;position:fixed!important;inset:0!important;z-index:2147483600!important;
    width:100vw!important;height:100dvh!important;min-height:100svh!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:rgba(7,28,25,.70)!important;
    -webkit-backdrop-filter:blur(7px) saturate(115%)!important;backdrop-filter:blur(7px) saturate(115%)!important;
    appearance:none!important
  }
  body>#primary-navigation.hucial-nav-portal{
    display:none!important;position:fixed!important;inset:0!important;z-index:2147483640!important;
    width:100vw!important;min-width:100vw!important;max-width:none!important;
    height:100dvh!important;min-height:100svh!important;max-height:100dvh!important;
    margin:0!important;padding:0 max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;
    border:0!important;border-radius:0!important;background:#fbfdfc!important;color:#102b28!important;
    box-shadow:none!important;clip:auto!important;clip-path:none!important;contain:none!important;transform:none!important;filter:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate!important
  }
  body>#primary-navigation.hucial-nav-portal.is-open{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important
  }
  body>#primary-navigation.hucial-nav-portal>.nav-menu-head{
    display:flex!important;position:sticky!important;top:0!important;z-index:50!important;flex:0 0 auto!important;
    align-items:center!important;justify-content:space-between!important;gap:1rem!important;
    min-height:calc(70px + env(safe-area-inset-top))!important;margin:0 max(-1rem,calc(-1 * env(safe-area-inset-right))) 0 max(-1rem,calc(-1 * env(safe-area-inset-left)))!important;
    padding:calc(.85rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .85rem max(1rem,env(safe-area-inset-left))!important;
    border:0!important;border-bottom:1px solid #b9d6d1!important;border-radius:0!important;background:#fbfdfc!important;
    box-shadow:0 8px 22px rgba(21,70,64,.09)!important
  }
  body>#primary-navigation.hucial-nav-portal .nav-menu-title-wrap{min-width:0!important;overflow:visible!important}
  body>#primary-navigation.hucial-nav-portal .nav-menu-head h2{
    display:block!important;max-width:none!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important
  }
  body>#primary-navigation.hucial-nav-portal .nav-menu-close{
    position:static!important;inset:auto!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-height:48px!important;
    margin:0!important;transform:none!important
  }
  body.hucial-menu-open :is(.hucial-flow-bar,.hucial-pwa-update,.hf-v91-suggestion,.hf-instant-back,.hf-quick-trigger,.hf-shortcut-dock,.hf-nav-progress){
    display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important
  }
  body.hucial-menu-open .site-header{z-index:1!important}
  body>#primary-navigation.hucial-nav-portal :is(.header-search,.header-actions,.account-nav,.nav-primary-actions,.nav-personal-strip,.nav-categories,.nav-category,.nav-category-grid,.nav-logout){
    flex:0 0 auto!important;max-height:none!important;overflow:visible!important
  }
  body>#primary-navigation.hucial-nav-portal .nav-categories{padding-bottom:.35rem!important}
}
@media(max-width:390px){
  body>#primary-navigation.hucial-nav-portal{
    padding-inline:max(.75rem,env(safe-area-inset-left))!important
  }
  body>#primary-navigation.hucial-nav-portal>.nav-menu-head{
    margin-inline:max(-.75rem,calc(-1 * env(safe-area-inset-left)))!important;
    padding-inline:max(.75rem,env(safe-area-inset-left))!important
  }
}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) body>#primary-navigation.hucial-nav-portal,
  html:not([data-theme="light"]) body>#primary-navigation.hucial-nav-portal>.nav-menu-head{background:#172824!important;color:#f3faf8!important}
}



.nav-public-welcome{display:none}
.nav-public-desktop-actions{display:flex;align-items:center;gap:.25rem}
/* Hucial V261.0.11 — accueil du menu déconnecté : hiérarchie, densité et accessibilité 10/10. */
@media(max-width:780px){
  .nav-public-desktop-actions{display:none!important}
  body>#primary-navigation.hucial-nav-portal.nav-shell-public{
    background:
      radial-gradient(circle at 92% 18%,rgba(78,202,192,.14),transparent 26%),
      radial-gradient(circle at 5% 78%,rgba(190,151,94,.10),transparent 30%),
      #fbfdfc!important;
  }
  body>#primary-navigation.hucial-nav-portal.nav-shell-public .header-search{
    margin-top:.8rem!important;
  }
  body>#primary-navigation.hucial-nav-portal.nav-shell-public .header-actions{
    display:flex!important;justify-content:flex-end!important;margin-top:-.15rem!important;
  }
  body>#primary-navigation.hucial-nav-portal.nav-shell-public .theme-toggle{
    width:auto!important;min-width:0!important;min-height:42px!important;padding:.52rem .78rem!important;
    border-color:#a8cbc6!important;border-radius:999px!important;background:#edf8f6!important;
    color:#17433f!important;font-size:.82rem!important;font-weight:850!important;
  }
  body>#primary-navigation.hucial-nav-portal.nav-shell-public .theme-toggle-icon{font-size:1rem!important}
  body>#primary-navigation.hucial-nav-portal.nav-shell-public .account-nav{
    flex:1 0 auto!important;display:flex!important;align-items:stretch!important;justify-content:center!important;
    width:100%!important;min-height:0!important;padding:.25rem 0 calc(1rem + env(safe-area-inset-bottom))!important;
  }
  .nav-public-welcome{
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;gap:1rem!important;
    width:min(100%,560px)!important;margin:auto!important;padding:clamp(1rem,4vh,2.4rem) 0!important;
  }
  .nav-public-intro{
    display:grid!important;gap:.42rem!important;padding:1.15rem 1.05rem!important;
    border:1px solid #bed8d3!important;border-radius:22px!important;background:rgba(255,255,255,.92)!important;
    box-shadow:0 16px 38px rgba(22,72,66,.09)!important;text-align:left!important;
  }
  .nav-public-kicker{
    color:#77501f!important;font-size:.72rem!important;font-weight:950!important;letter-spacing:.13em!important;text-transform:uppercase!important;
  }
  .nav-public-intro h3{
    margin:0!important;color:#102b28!important;font-size:clamp(1.35rem,6vw,1.82rem)!important;line-height:1.08!important;letter-spacing:-.035em!important;
  }
  .nav-public-intro p{
    margin:0!important;color:#425e59!important;font-size:.96rem!important;line-height:1.52!important;font-weight:590!important;
  }
  .nav-public-actions{display:grid!important;grid-template-columns:1fr!important;gap:.62rem!important;width:100%!important}
  .nav-public-actions>a{
    display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:54px!important;
    padding:.78rem 1rem!important;border-radius:17px!important;font-size:1rem!important;font-weight:950!important;line-height:1.2!important;
    text-align:center!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease!important;
  }
  .nav-public-login{
    border:1px solid #08766e!important;background:linear-gradient(135deg,#25aaa1,#62d7cd)!important;color:#052f2b!important;
    box-shadow:0 12px 28px rgba(34,159,150,.20)!important;
  }
  .nav-public-register{
    border:1px solid #b58a55!important;background:#fffaf2!important;color:#70491d!important;
    box-shadow:0 10px 24px rgba(135,91,42,.10)!important;
  }
  .nav-public-actions>a:is(:hover,:focus-visible){transform:translateY(-1px)!important;outline:3px solid #102b28!important;outline-offset:3px!important}
  .nav-public-trust{
    display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.45rem!important;
    margin:0!important;padding:0!important;list-style:none!important;
  }
  .nav-public-trust li{
    display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:.38rem .65rem!important;
    border:1px solid #c6d9d5!important;border-radius:999px!important;background:rgba(255,255,255,.78)!important;
    color:#3e5a55!important;font-size:.75rem!important;font-weight:800!important;
  }
  .nav-public-trust li::before{content:"";width:7px;height:7px;margin-right:.38rem;border-radius:50%;background:#4bc7bd;box-shadow:0 0 0 4px rgba(75,199,189,.12)}
}
@media(max-width:390px){
  .nav-public-welcome{gap:.72rem!important;padding-block:.75rem!important}
  .nav-public-intro{padding:.9rem!important;border-radius:19px!important}
  .nav-public-intro p{font-size:.89rem!important}
  .nav-public-actions>a{min-height:50px!important}
  .nav-public-trust{gap:.32rem!important}
  .nav-public-trust li{padding:.32rem .5rem!important;font-size:.68rem!important}
}
@media(min-width:540px) and (max-width:780px){
  .nav-public-actions{grid-template-columns:1fr 1fr!important}
}
@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) body>#primary-navigation.hucial-nav-portal.nav-shell-public{
    background:radial-gradient(circle at 90% 15%,rgba(78,202,192,.11),transparent 28%),#172824!important;
  }
  html:not([data-theme="light"]) .nav-public-intro{background:#1d332e!important;border-color:#45655e!important}
  html:not([data-theme="light"]) .nav-public-intro h3{color:#f3faf8!important}
  html:not([data-theme="light"]) .nav-public-intro p{color:#bed0cc!important}
  html:not([data-theme="light"]) .nav-public-register{background:#2b3027!important;color:#f3dfc2!important;border-color:#8e744e!important}
  html:not([data-theme="light"]) .nav-public-trust li{background:#1d332e!important;color:#d4e3df!important;border-color:#45655e!important}
}

/* Hucial V261.0.12 — Chats privés nouvelle génération : inbox, conversation, présence et VoiceOver. */
.chat-inbox-page,
.private-chat-page{
  --chat-ink:#102f2d;
  --chat-muted:#536d69;
  --chat-line:#b8d2cd;
  --chat-soft:#effaf8;
  --chat-aqua:#55d5ce;
  --chat-aqua-deep:#087c77;
  --chat-gold:#9b6a2f;
  color:var(--chat-ink)!important;
  font-family:inherit;
}
html:has(.chat-inbox-page) .site-footer,
html:has(.private-chat-page) .site-footer{display:none!important}
.chat-inbox-page{width:min(920px,calc(100% - 28px))!important;margin:24px auto 150px!important;display:grid;gap:18px}
.chat-inbox-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:26px 28px;border:1px solid var(--chat-line);border-radius:30px;background:linear-gradient(135deg,#fff 0%,#eefaf8 100%);box-shadow:0 18px 48px rgba(25,83,78,.1)}
.chat-inbox-header .eyebrow,.chat-dialog-header .eyebrow{margin:0 0 5px;color:var(--chat-gold);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}
.chat-inbox-header h1{margin:0;font-size:clamp(2rem,6vw,3.6rem);line-height:.98;letter-spacing:-.05em;color:var(--chat-ink)}
.chat-inbox-header p:last-child{margin:.65rem 0 0;color:var(--chat-muted);font-size:1.02rem}
.chat-new-button,.chat-start-button{min-height:50px;border:0;border-radius:999px;padding:0 22px;background:linear-gradient(135deg,#35c6bf,#8ce9e3);color:#082f2c;font-weight:900;box-shadow:0 10px 24px rgba(20,153,145,.2)}
.chat-inbox-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;border:1px solid var(--chat-line);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(30,78,75,.06)}
.chat-inbox-search label{margin:0}.chat-inbox-search input{width:100%;height:52px;border:0!important;background:#f5fbfa!important;color:var(--chat-ink)!important;border-radius:17px!important;padding:0 18px!important;font-size:1rem}
.chat-inbox-search button{width:52px;height:52px;overflow:hidden;text-indent:-999px;border-radius:17px;border:0;background:var(--chat-aqua);position:relative}
.chat-inbox-search button:after{content:'⌕';position:absolute;inset:0;display:grid;place-items:center;text-indent:0;font-size:1.45rem;color:#083d39;font-weight:900}
.chat-inbox-tabs{display:flex;gap:8px}.chat-inbox-tabs a{padding:10px 20px;border:1px solid var(--chat-line);border-radius:999px;text-decoration:none;color:var(--chat-ink);font-weight:800;background:#fff}.chat-inbox-tabs a.is-active{background:#dff8f5;border-color:#55cfc8;color:#075c57}
.chat-list-section{display:grid;gap:12px}.chat-list-heading{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px}.chat-list-heading h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.chat-list-heading span{color:var(--chat-muted);font-weight:750}
.chat-conversation-list{display:grid;gap:8px}.chat-row{border:1px solid #d4e4e1;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(24,68,65,.055);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.chat-row:hover,.chat-row:focus-within{transform:translateY(-1px);border-color:#64cfc8;box-shadow:0 14px 34px rgba(24,96,91,.11)}.chat-row.is-unread{border-color:#28bcb4;background:linear-gradient(90deg,#effcfb,#fff)}
.chat-row>a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;text-decoration:none;color:inherit;min-height:88px}
.chat-avatar-wrap{position:relative;width:max-content}.chat-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(145deg,#c79a60,#f2d9b7);color:#154b48;font-weight:950;font-size:1.2rem;border:3px solid #fff;box-shadow:0 7px 18px rgba(29,91,86,.14)}
.chat-presence-dot{position:absolute;right:0;bottom:1px;width:16px;height:16px;border-radius:50%;border:3px solid #fff;background:#9aa8a6}.chat-presence-dot.is-online{background:#18bf6a}.chat-presence-dot.is-away{background:#f2ad2e}.chat-presence-dot.is-hidden{background:#a6b1b0}.chat-presence-dot.is-group{background:#36bfc7}
.chat-row-content{min-width:0}.chat-row-topline{display:flex;gap:10px;align-items:center;justify-content:space-between}.chat-row-topline h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;color:var(--chat-ink)}.chat-row-topline time{color:#6b817d;font-size:.82rem;white-space:nowrap}.chat-row-preview{margin:4px 0 2px;color:#4f6763;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-status{margin:0;font-size:.8rem;font-weight:800;color:#71837f}.chat-row-status.is-online{color:#058b4b}.chat-row-status.is-away{color:#a46a00}.chat-row-status.is-hidden{color:#6f7e7c}.chat-pin{font-size:.78rem}.chat-unread-badge{min-width:25px;height:25px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#11bdb5;color:#fff;font-size:.78rem;font-weight:950}
.chat-empty-state{padding:45px 24px;text-align:center;border:1px dashed var(--chat-line);border-radius:28px;background:#fbfefd}.chat-empty-state>div{font-size:2.4rem}.chat-empty-state h3{margin:.6rem 0 .2rem}.chat-empty-state p{margin:.2rem 0 1.2rem;color:var(--chat-muted)}
.chat-invitations,.chat-drafts{border:1px solid var(--chat-line);border-radius:24px;padding:18px;background:#fff}.chat-invitations h2{margin-top:0}.chat-invitation-card,.chat-drafts article{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #e5efed}.chat-invitation-actions{display:flex;gap:6px}.chat-invitation-actions form{margin:0}.chat-drafts summary{font-weight:900;cursor:pointer}
.chat-new-dialog,.chat-options-dialog,.chat-tools-dialog{border:0;padding:0;background:transparent;color:var(--chat-ink);width:min(620px,calc(100% - 24px));max-height:min(88dvh,850px);overflow:visible}.chat-new-dialog::backdrop,.chat-options-dialog::backdrop,.chat-tools-dialog::backdrop{background:rgba(4,28,26,.58);backdrop-filter:blur(8px)}
.chat-new-form,.chat-sheet{max-height:min(88dvh,850px);overflow:auto;padding:24px;border:1px solid var(--chat-line);border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(7,49,46,.3);display:grid;gap:15px}.chat-dialog-header,.chat-sheet>header{display:flex;justify-content:space-between;align-items:center;gap:18px}.chat-dialog-header h2,.chat-sheet h2{margin:0;font-size:1.65rem}.chat-dialog-close,.chat-sheet>header button{width:46px;height:46px;border:0;border-radius:16px;background:#c7f2ef;color:#093d39;font-size:1.6rem;font-weight:900}.chat-new-form label,.chat-sheet label{display:grid;gap:7px;font-weight:800}.chat-new-form input,.chat-new-form select,.chat-new-form textarea,.chat-sheet input,.chat-sheet select,.chat-sheet textarea{width:100%;color:var(--chat-ink)!important;background:#f8fcfb!important;border:1.5px solid #a9c9c4!important;border-radius:16px!important;padding:12px 14px!important}.chat-new-advanced summary,.chat-option-details summary{cursor:pointer;font-weight:900;padding:12px 0}

.private-chat-page{width:min(980px,100%)!important;margin:0 auto!important;min-height:100dvh;background:linear-gradient(180deg,#f3fbfa 0%,#fff 30%);padding:0 18px calc(190px + env(safe-area-inset-bottom))!important}
.private-chat-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 4px;background:rgba(248,253,252,.94);border-bottom:1px solid #c7dcd8;backdrop-filter:blur(18px)}
.private-chat-back{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#fff;border:1px solid #c8dcd8;color:#0d5b56;font-size:1.5rem;font-weight:800}.private-chat-person{display:flex;align-items:center;gap:10px;min-width:0}.private-chat-person .chat-avatar{width:48px;height:48px}.private-chat-person h1{margin:0;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--chat-ink)}.private-chat-live-status{display:flex;gap:7px;margin:2px 0 0;font-size:.8rem;font-weight:800;color:#607772}.private-chat-live-status .is-online{color:#058a4b}.private-chat-live-status .is-away{color:#9a6706}.private-chat-live-status [data-chat-typing]{color:#087c77}.private-chat-options-button{min-height:42px;border:1px solid #9cc7c1;border-radius:999px;background:#fff;color:#075f59;padding:0 14px;font-weight:900}
.private-chat-alert{margin:10px 0;padding:10px 14px;border-radius:14px;background:#fff4da;color:#6d4b00;font-weight:800}
.private-chat-messages{display:flex!important;flex-direction:column;gap:9px;min-height:calc(100dvh - 260px)!important;max-height:none!important;overflow:visible!important;padding:18px 2px 30px!important;scroll-padding-bottom:190px}
.private-chat-empty{margin:auto;text-align:center;color:#607672}.private-chat-empty span{font-size:2.3rem}.private-chat-empty p{margin:.5rem 0 .2rem;font-weight:900;font-size:1.2rem}.private-chat-empty small{font-size:.9rem}
.private-chat-page .message-item{max-width:min(78%,680px);scroll-margin-bottom:190px}.private-chat-page .message-item header{padding:0 8px 4px}.private-chat-page .message-item header strong{color:#244743;font-size:.78rem}.private-chat-page .message-item header time{color:#687e7a;opacity:1}.private-chat-page .message-bubble{border:1px solid #d3e0de!important;background:#fff!important;color:#183b37!important;border-radius:20px 20px 20px 6px!important;box-shadow:0 6px 18px rgba(21,68,64,.07)!important}.private-chat-page .message-item.is-mine .message-bubble{background:linear-gradient(135deg,#4ccdc6,#91e8e2)!important;border-color:#36bdb5!important;color:#083b37!important;border-radius:20px 20px 6px 20px!important}.private-chat-page .message-kind{display:none}.private-chat-page .message-item footer{color:#657a76}.private-chat-page .message-menu>div{background:#fff!important;color:var(--chat-ink)!important;border-color:#bfd4d0!important}
.private-chat-typing-line{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(174px + env(safe-area-inset-bottom));z-index:51;width:min(940px,calc(100% - 38px));padding:6px 18px;color:#087b75;font-size:.83rem;font-weight:850;pointer-events:none}
.private-chat-composer{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom));z-index:50;width:min(940px,calc(100% - 22px));padding:8px;border:1px solid #bed6d1;border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 15px 45px rgba(19,65,61,.22);backdrop-filter:blur(18px)}
.private-chat-composer form{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:end;gap:7px;position:relative}.chat-add-button{width:44px;height:44px;border:0;border-radius:50%;background:#e3f8f6;color:#08716b;font-size:1.55rem}.private-chat-reply-field{margin:0}.private-chat-reply-field textarea{display:block;width:100%;min-height:44px!important;max-height:132px;resize:none;overflow-y:auto;border:1.5px solid #b4d1cc!important;border-radius:22px!important;background:#f7fbfa!important;color:#153d39!important;padding:10px 14px!important;line-height:1.35}.private-chat-send-button{min-height:44px;border:0;border-radius:999px;background:#3dc8c0;color:#083c38;font-weight:950;padding:0 16px}.private-chat-count{position:absolute;right:10px;bottom:-23px;font-size:.67rem;color:#6e817e}.private-chat-paused{position:sticky;bottom:100px;padding:16px;border-radius:18px;background:#fff4dc;color:#624500}
.chat-sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.chat-option-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.chat-option-actions form{margin:0}.chat-option-actions button{width:100%;min-height:52px;border:1px solid #add0cb;border-radius:17px;background:#f5fbfa;color:#124b46;font-weight:900}.chat-option-details{border-top:1px solid #dceae8}.chat-option-details form{display:grid;gap:11px;padding:4px 0 12px}.chat-message-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chat-tools-dialog hr{border:0;border-top:1px solid #dce9e7;margin:16px 0}

@media(max-width:700px){
  html:has(.private-chat-page) .site-header{display:none!important}
  .chat-inbox-page{width:100%!important;margin:0 auto 130px!important;padding:12px 14px!important;gap:14px}
  .chat-inbox-header{padding:18px 18px;border-radius:24px;align-items:center}.chat-inbox-header h1{font-size:2.25rem}.chat-inbox-header p:last-child{font-size:.92rem}.chat-new-button{font-size:0;width:50px;padding:0}.chat-new-button:after{content:'+';font-size:1.7rem}
  .chat-row>a{grid-template-columns:55px minmax(0,1fr) auto;padding:11px 10px;gap:10px;min-height:76px}.chat-avatar{width:52px;height:52px}.chat-row-preview{font-size:.9rem}.chat-row-status{font-size:.76rem}.chat-inbox-tabs a{flex:1;text-align:center}
  .chat-invitations,.chat-drafts{border-radius:20px;padding:14px}.chat-invitation-card{align-items:flex-start;flex-direction:column}.chat-invitation-actions{width:100%}.chat-invitation-actions form{flex:1}.chat-invitation-actions button{width:100%}
  .chat-new-dialog,.chat-options-dialog,.chat-tools-dialog{width:100%;max-width:none;margin:auto 0 0;max-height:92dvh}.chat-new-form,.chat-sheet{border-radius:28px 28px 0 0;max-height:92dvh;padding:20px 16px}
  .private-chat-page{padding:0 10px calc(196px + env(safe-area-inset-bottom))!important}.private-chat-header{margin:0 -10px;padding:9px 10px}.private-chat-options-button{font-size:.82rem;padding:0 11px}.private-chat-person .chat-avatar{width:44px;height:44px}.private-chat-messages{min-height:calc(100dvh - 235px)!important;padding-top:12px!important}.private-chat-page .message-item{max-width:86%}.private-chat-composer{bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 14px);border-radius:25px}.private-chat-typing-line{bottom:calc(166px + env(safe-area-inset-bottom));width:calc(100% - 22px)}.private-chat-send-button{font-size:.85rem;padding:0 12px}.chat-option-actions{grid-template-columns:1fr 1fr}.chat-message-options-grid{grid-template-columns:1fr}
}
@media(max-width:390px){.chat-inbox-header h1{font-size:2rem}.chat-row-topline h3{font-size:1rem}.chat-row>a{grid-template-columns:50px minmax(0,1fr) auto}.chat-avatar{width:48px;height:48px}.private-chat-send-button{font-size:0;width:44px;padding:0}.private-chat-send-button:after{content:'➤';font-size:1rem}.private-chat-options-button{font-size:0;width:44px;padding:0}.private-chat-options-button:after{content:'•••';font-size:1rem}.chat-option-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.chat-row{transition:none}}


/* Hucial V261.0.13 — Chats privés compacts, appels directs, fichiers visibles et conversation plein écran. */
html:has(.chat-inbox-page) .hf-v91-suggestion,
html:has(.private-chat-page) .hf-v91-suggestion,
html:has(.private-chat-page) .hucial-flow-bar,
html:has(.private-chat-page) [data-human-flow-bar],
html:has(.private-chat-page) .hucial-pwa-update{display:none!important}
body:has(.private-chat-page){overflow:hidden!important;overscroll-behavior:none!important}
.private-chat-page{height:100dvh!important;min-height:0!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;background:linear-gradient(180deg,#eef9f7 0%,#fff 26%)!important}
.private-chat-header{position:relative!important;top:auto!important;flex:0 0 auto!important;display:block!important;margin:0!important;padding:max(8px,env(safe-area-inset-top)) 12px 8px!important;background:rgba(250,254,253,.98)!important;border-bottom:1px solid #bfd5d1!important;box-shadow:0 8px 22px rgba(18,69,65,.08)!important;backdrop-filter:blur(20px)!important}
.private-chat-header-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px}
.private-chat-person h1{font-size:1.08rem!important;font-weight:950!important;letter-spacing:-.02em!important}
.private-chat-live-status{min-height:20px!important;margin:0!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.private-chat-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.chat-call-form{margin:0!important}.chat-call-button{width:100%;min-height:42px;border:1px solid #9ccbc5;border-radius:15px;background:#fff;color:#075d57;font-weight:900;box-shadow:0 4px 12px rgba(14,81,76,.06)}.chat-call-button:active{transform:scale(.985)}
.private-chat-alert{flex:0 0 auto!important;margin:8px 12px 0!important}
.private-chat-messages{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:14px 12px 22px!important;scroll-padding:20px!important;display:flex!important;gap:6px!important;background:linear-gradient(180deg,rgba(238,249,247,.55),rgba(255,255,255,.92))!important}
.private-chat-page .message-item{align-self:flex-start!important;width:auto!important;max-width:min(78%,680px)!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;scroll-margin:18px!important}
.private-chat-page .message-item.is-mine{align-self:flex-end!important}
.private-chat-page .message-cluster{display:grid;gap:3px}
.private-chat-page .message-meta{display:flex!important;align-items:center!important;gap:7px!important;padding:0 6px!important;min-height:16px!important}
.private-chat-page[data-direct-chat="1"] .message-sender-name{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.private-chat-page .message-meta time{font-size:.68rem!important;color:#71847f!important}
.private-chat-page .message-item.is-mine .message-meta{justify-content:flex-end!important}
.private-chat-page .message-bubble{min-width:42px!important;padding:9px 13px!important;border-radius:18px 18px 18px 5px!important;box-shadow:0 4px 13px rgba(21,68,64,.07)!important}
.private-chat-page .message-item.is-mine .message-bubble{border-radius:18px 18px 5px 18px!important}
.private-chat-page .message-bubble:empty{display:none!important}.private-chat-page .message-bubble p{margin:0!important;font-size:1rem!important;line-height:1.38!important;overflow-wrap:anywhere!important}
.private-chat-page .message-reply-target{margin-inline:7px;padding:4px 8px;border-left:3px solid #45c5bd;color:#536c68;background:#f3faf9;border-radius:5px;font-size:.72rem}
.private-chat-page .message-media,.private-chat-page .message-attachment-v120,.private-chat-page .message-location-v120,.private-chat-page .message-temporary-v121{margin:2px 0 0!important;border-radius:16px!important;max-width:100%!important}
.private-chat-page .message-media audio,.private-chat-page .message-media video{max-width:100%!important}
.private-chat-page .message-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;min-height:22px!important;padding:0 4px!important}
.private-chat-page .message-state{font-size:.66rem!important;color:#6a7d79!important;white-space:nowrap!important}
.message-actions-menu{position:relative!important}.message-actions-menu>summary{list-style:none;width:28px;height:24px;display:grid;place-items:center;border-radius:999px;color:#546c68;cursor:pointer;font-weight:900}.message-actions-menu>summary::-webkit-details-marker{display:none}.message-actions-menu[open]>summary{background:#e6f6f4;color:#075f59}.message-actions-sheet{position:absolute;right:0;bottom:30px;z-index:20;min-width:210px;padding:10px;border:1px solid #bdd5d1;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(8,45,42,.2);display:grid;gap:8px}.message-item:not(.is-mine) .message-actions-sheet{left:0;right:auto}.message-actions-sheet form{margin:0;display:grid;gap:7px}.message-actions-sheet label{display:grid;gap:5px;font-size:.78rem}.message-actions-sheet select,.message-actions-sheet button{min-height:40px;border-radius:11px!important}
.private-chat-typing-line{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;flex:0 0 auto!important;width:auto!important;min-height:0!important;padding:5px 16px!important;background:#f4fbfa!important;border-top:1px solid #deece9!important;color:#087b75!important}
.private-chat-composer{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;flex:0 0 auto!important;width:100%!important;padding:8px 10px calc(9px + env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid #bcd4cf!important;border-radius:0!important;background:rgba(255,255,255,.99)!important;box-shadow:0 -8px 24px rgba(18,65,61,.1)!important;backdrop-filter:blur(18px)!important}
.private-chat-composer form{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
.chat-file-button{justify-self:start;min-height:36px;padding:0 12px;border:1px solid #abd0ca;border-radius:999px;background:#ecfaf8;color:#075e58;font-weight:900;font-size:.82rem}
.private-chat-compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px}
.private-chat-reply-field textarea{min-height:44px!important;max-height:116px!important;padding:10px 14px!important;font-size:1rem!important}
.private-chat-send-button{min-height:44px!important;padding:0 16px!important}
.private-chat-count{position:static!important;justify-self:end!important;margin:0 7px!important;font-size:.66rem!important}
html:has(.chat-inbox-page) .site-header{display:none!important}
.chat-inbox-page{width:min(760px,100%)!important;margin:0 auto 110px!important;padding:12px 14px!important;gap:11px!important}
.chat-inbox-header{padding:14px 16px!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(25,83,78,.07)!important;align-items:center!important}.chat-inbox-header h1{font-size:2rem!important}.chat-inbox-header p:last-child{margin-top:.4rem!important;font-size:.88rem!important;line-height:1.35!important}.chat-new-button{width:auto!important;min-width:46px!important;height:46px!important}
.chat-inbox-search{padding:6px!important;border-radius:19px!important;gap:6px!important}.chat-inbox-search input{height:46px!important;border-radius:14px!important;padding:0 14px!important}.chat-inbox-search button{width:46px!important;height:46px!important;border-radius:14px!important}.chat-inbox-search button:after{content:'⌕'!important}
.chat-inbox-tabs{gap:6px!important}.chat-inbox-tabs a{padding:8px 14px!important;font-size:.88rem!important}
.chat-list-heading h2{font-size:1.35rem!important}.chat-row{border-radius:20px!important}.chat-row>a{min-height:72px!important;padding:9px 10px!important;grid-template-columns:52px minmax(0,1fr) auto!important}.chat-avatar{width:50px!important;height:50px!important}.chat-row-preview{font-size:.88rem!important}.chat-row-status{font-size:.72rem!important}
@media(max-width:420px){.private-chat-call-actions{grid-template-columns:1fr 1fr}.chat-call-button{font-size:.78rem}.private-chat-options-button{font-size:.78rem!important;width:auto!important;padding:0 10px!important}.private-chat-options-button:after{content:none!important}.private-chat-page .message-item{max-width:84%!important}.chat-file-button{font-size:.78rem}.private-chat-send-button{font-size:.82rem!important;width:auto!important}.private-chat-send-button:after{content:none!important}.chat-inbox-header h1{font-size:1.85rem!important}}

/* Hucial V261.0.14 — conversation privée compacte, stable et réellement mobile. */
body.private-chat-active,
body:has(.private-chat-page){
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#f7fbfa!important
}
body.private-chat-active :is(.hf-instant-back,.hf-quick-trigger,.hf-shortcut-dock,.hf-nav-progress,.hf-quick-dialog,.hucial-flow-bar,.hucial-flow-sheet,.hf-v91-suggestion,.hucial-pwa-update,.hucial-flow-bar),
html:has(.private-chat-page) :is(.hf-instant-back,.hf-quick-trigger,.hf-shortcut-dock,.hf-nav-progress,.hf-quick-dialog,.hucial-flow-bar,.hucial-flow-sheet,.hf-v91-suggestion,.hucial-pwa-update){
  display:none!important
}
.private-chat-page{
  --chat-header-size:118px;
  --chat-composer-size:112px;
  height:var(--chat-viewport-height,100dvh)!important;
  min-height:var(--chat-viewport-height,100dvh)!important;
  max-height:var(--chat-viewport-height,100dvh)!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:linear-gradient(180deg,#edf8f6 0%,#fff 24%,#fbfdfc 100%)!important
}
.private-chat-header{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  margin:0!important;
  padding:max(7px,env(safe-area-inset-top)) 10px 7px!important;
  background:rgba(251,254,253,.98)!important;
  border-bottom:1px solid #c3d9d5!important;
  box-shadow:0 5px 16px rgba(17,72,67,.07)!important;
  backdrop-filter:blur(20px)!important
}
.private-chat-header-main{grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important}
.private-chat-back{width:40px!important;height:40px!important;font-size:1.3rem!important}
.private-chat-person{gap:8px!important}
.private-chat-person .chat-avatar{width:42px!important;height:42px!important}
.private-chat-person h1{font-size:1.03rem!important;line-height:1.1!important}
.private-chat-live-status{font-size:.74rem!important;min-height:17px!important}
.private-chat-options-button{min-height:38px!important;padding:0 12px!important;font-size:.76rem!important}
.private-chat-call-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:6px 0 0 50px!important;
  padding:0!important
}
.private-chat-call-actions .chat-call-form{
  display:block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.private-chat-call-actions .chat-call-button{
  width:auto!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 12px!important;
  border:1px solid #a7cdc7!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#075e58!important;
  box-shadow:none!important;
  font-size:.78rem!important;
  line-height:1!important;
  white-space:nowrap!important
}
.private-chat-call-actions .chat-call-button svg{flex:0 0 auto}
.private-chat-messages{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
  gap:3px!important;
  padding:10px 10px 14px!important;
  scroll-padding:14px 0 calc(var(--chat-composer-size) + 16px)!important;
  scrollbar-gutter:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:linear-gradient(180deg,rgba(237,248,246,.58),rgba(255,255,255,.96))!important
}
.private-chat-page .message-item,
.private-chat-page .message-cluster,
.private-chat-page .message-bubble{
  content-visibility:visible!important;
  contain:none!important;
  min-height:0!important;
  min-block-size:0!important;
  height:auto!important;
  block-size:auto!important
}
.private-chat-page .message-item{
  display:block!important;
  flex:0 0 auto!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:min(79%,680px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-margin-block:14px calc(var(--chat-composer-size) + 12px)!important
}
.private-chat-page .message-item.is-mine{align-self:flex-end!important}
.private-chat-page .message-cluster{display:grid!important;gap:1px!important;margin:0!important;padding:0!important}
.private-chat-page[data-direct-chat="1"] .message-meta{display:none!important}
.private-chat-page .message-meta{
  min-height:0!important;
  margin:0!important;
  padding:0 7px 2px!important;
  line-height:1!important
}
.private-chat-page .message-sender-name{font-size:.72rem!important}
.private-chat-page .message-bubble{
  min-width:40px!important;
  padding:8px 12px!important;
  border:1px solid #d0dfdc!important;
  border-radius:17px 17px 17px 5px!important;
  background:#fff!important;
  color:#153d39!important;
  box-shadow:0 3px 10px rgba(18,68,63,.06)!important
}
.private-chat-page .message-item.is-mine .message-bubble{
  border-color:#38bdb5!important;
  border-radius:17px 17px 5px 17px!important;
  background:linear-gradient(135deg,#4ccdc6,#91e8e2)!important;
  color:#083c38!important
}
.private-chat-page .message-bubble p{margin:0!important;font-size:.98rem!important;line-height:1.34!important}
.private-chat-page .message-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0 3px!important;
  line-height:1!important
}
.private-chat-page .message-time,
.private-chat-page .message-state{font-size:.64rem!important;color:#6b7f7a!important;white-space:nowrap!important}
.private-chat-page .message-state:empty{display:none!important}
.message-actions-menu{position:relative!important;margin:0!important;padding:0!important}
.message-actions-menu>summary{
  list-style:none!important;
  width:34px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  color:#506a66!important;
  cursor:pointer!important;
  font-weight:950!important;
  line-height:1!important
}
.message-actions-menu>summary::-webkit-details-marker{display:none!important}
.message-actions-menu[open]>summary{background:#e2f5f2!important;color:#075e58!important}
.message-actions-sheet{
  position:absolute!important;
  right:0!important;
  left:auto!important;
  bottom:34px!important;
  z-index:90!important;
  width:168px!important;
  min-width:168px!important;
  max-width:calc(100vw - 28px)!important;
  display:grid!important;
  gap:2px!important;
  padding:6px!important;
  border:1px solid #bad3cf!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(8,45,42,.2)!important
}
.message-item:not(.is-mine) .message-actions-sheet{left:0!important;right:auto!important}
.message-actions-sheet .message-action-form{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.message-actions-sheet .message-action-button{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#163f3b!important;
  box-shadow:none!important;
  font-size:.85rem!important;
  font-weight:800!important;
  text-align:left!important
}
.message-actions-sheet .message-action-button:hover,
.message-actions-sheet .message-action-button:focus-visible{background:#eaf8f6!important}
.message-actions-sheet .message-action-button.is-danger{color:#a22c35!important}
.private-chat-typing-line{
  flex:0 0 auto!important;
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:4px 14px!important;
  border-top:1px solid #e0ecea!important;
  background:#f5fbfa!important;
  color:#087a74!important;
  font-size:.76rem!important
}
.private-chat-composer{
  flex:0 0 auto!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  margin:0!important;
  padding:7px 9px calc(8px + env(safe-area-inset-bottom))!important;
  border:0!important;
  border-top:1px solid #bdd5d0!important;
  border-radius:0!important;
  background:rgba(255,255,255,.99)!important;
  box-shadow:0 -5px 18px rgba(17,66,62,.09)!important;
  backdrop-filter:blur(18px)!important
}
.private-chat-composer form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.private-chat-compose-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.chat-file-button{
  min-height:34px!important;
  padding:0 11px!important;
  border:1px solid #a9cec8!important;
  border-radius:999px!important;
  background:#eaf9f7!important;
  color:#075e58!important;
  font-size:.77rem!important;
  font-weight:900!important
}
.private-chat-count{position:static!important;margin:0 5px 0 0!important;font-size:.63rem!important;color:#6b7f7a!important}
.chat-reply-context{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:34px!important;
  padding:5px 8px 5px 11px!important;
  border-left:3px solid #3fc5bd!important;
  border-radius:9px!important;
  background:#eff9f8!important;
  color:#365f5b!important;
  font-size:.76rem!important
}
.chat-reply-context[hidden]{display:none!important}
.chat-reply-context button{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#dcefed!important;color:#0a5e59!important}
.private-chat-compose-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:7px!important}
.private-chat-reply-field{margin:0!important}
.private-chat-reply-field textarea{
  width:100%!important;
  min-height:42px!important;
  max-height:108px!important;
  padding:9px 13px!important;
  border:1.5px solid #b2d0cb!important;
  border-radius:21px!important;
  background:#f8fbfb!important;
  color:#153d39!important;
  font-size:.98rem!important;
  line-height:1.32!important;
  resize:none!important;
  overflow-y:auto!important
}
.private-chat-send-button{min-height:42px!important;padding:0 14px!important;border-radius:999px!important;font-size:.82rem!important}
@media(max-width:420px){
  .private-chat-page{--chat-composer-size:108px}
  .private-chat-call-actions{margin-left:47px!important;gap:5px!important}
  .private-chat-call-actions .chat-call-button{min-height:34px!important;padding:0 9px!important;font-size:.72rem!important}
  .private-chat-call-actions .chat-call-button svg{width:16px;height:16px}
  .private-chat-page .message-item{max-width:84%!important}
  .private-chat-composer{padding-inline:7px!important}
  .chat-file-button{font-size:.72rem!important}
  .private-chat-send-button{padding:0 11px!important}
}


/* Hucial V261.0.15 — finition définitive Chats privés : plein écran, densité, inbox compacte et VoiceOver. */
body.route-message-index,
body.route-message-view{background:#f7fbfa!important}
body.route-message-index :is(.site-header,.hucial-emotion-intro,.hf-context-nav,.hf-instant-back,.hf-quick-trigger,.hf-shortcut-dock,.hf-nav-progress,.hf-v91-suggestion,.hucial-pwa-update),
body.route-message-view :is(.site-header,.hucial-emotion-intro,.hf-context-nav,.hf-instant-back,.hf-quick-trigger,.hf-shortcut-dock,.hf-nav-progress,.hf-v91-suggestion,.hucial-pwa-update,.hucial-flow-bar,.hucial-flow-sheet){display:none!important}
body.route-message-index #contenu{padding:0!important;margin:0!important;min-height:100dvh!important}
body.route-message-view{overflow:hidden!important;overscroll-behavior:none!important}
body.route-message-view #contenu{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f7fbfa!important}

/* Inbox : le premier chat apparaît immédiatement, sans grand hero ni navigation contextuelle. */
body.route-message-index .chat-inbox-page{
  width:min(720px,100%)!important;
  margin:0 auto!important;
  padding:calc(10px + env(safe-area-inset-top)) 14px calc(126px + env(safe-area-inset-bottom))!important;
  gap:9px!important
}
body.route-message-index .chat-inbox-header{
  min-height:64px!important;
  align-items:center!important;
  padding:8px 4px 9px!important;
  border:0!important;
  border-bottom:1px solid #c5d9d5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
body.route-message-index .chat-inbox-header .eyebrow{font-size:.66rem!important;margin-bottom:2px!important}
body.route-message-index .chat-inbox-header h1{font-size:1.72rem!important;line-height:1.02!important;letter-spacing:-.035em!important}
body.route-message-index .chat-inbox-header p:last-child{margin:.25rem 0 0!important;font-size:.79rem!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:62ch!important}
body.route-message-index .chat-new-button{width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:0!important;font-size:0!important;border-radius:50%!important}
body.route-message-index .chat-new-button::after{content:'+'!important;font-size:1.55rem!important}
body.route-message-index .chat-inbox-search{padding:5px!important;gap:5px!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(30,78,75,.05)!important}
body.route-message-index .chat-inbox-search input{height:43px!important;padding:0 13px!important;border-radius:13px!important;font-size:.92rem!important}
body.route-message-index .chat-inbox-search button{width:43px!important;height:43px!important;display:grid!important;place-items:center!important;text-indent:0!important;border-radius:13px!important;color:#073f3b!important}
body.route-message-index .chat-inbox-search button::after{content:none!important}
body.route-message-index .chat-inbox-search button svg{display:block!important}
body.route-message-index .chat-inbox-tabs{gap:5px!important}
body.route-message-index .chat-inbox-tabs a{min-height:40px!important;display:grid!important;place-items:center!important;padding:0 14px!important;font-size:.82rem!important}
body.route-message-index .chat-list-heading{padding:2px 3px!important}
body.route-message-index .chat-list-heading h2{font-size:1.25rem!important}
body.route-message-index .chat-list-heading span{font-size:.78rem!important}
body.route-message-index .chat-conversation-list{gap:6px!important;padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
body.route-message-index .chat-row{border-radius:20px!important;scroll-margin-bottom:calc(112px + env(safe-area-inset-bottom))!important}
body.route-message-index .chat-row>a{grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important;min-height:70px!important;padding:9px 10px!important}
body.route-message-index .chat-avatar{width:48px!important;height:48px!important}
body.route-message-index .chat-row-topline h3{font-size:1rem!important}
body.route-message-index .chat-row-preview{margin:2px 0 1px!important;font-size:.86rem!important}
body.route-message-index .chat-row-status{font-size:.72rem!important}

/* Conversation : une seule application plein écran, sans chrome Hucial secondaire. */
body.route-message-view .private-chat-page{
  position:fixed!important;
  top:var(--chat-viewport-top,0px)!important;
  left:var(--chat-viewport-left,0px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--chat-viewport-width,100vw)!important;
  height:var(--chat-viewport-height,100dvh)!important;
  min-height:0!important;
  max-height:none!important;
  z-index:12000!important;
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#eef9f7 0%,#fff 22%,#fbfdfc 100%)!important
}
body.route-message-view .private-chat-header{flex:0 0 auto!important;padding:calc(7px + env(safe-area-inset-top)) 10px 7px!important;margin:0!important;border-radius:0!important}
body.route-message-view .private-chat-header-main{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important}
body.route-message-view .private-chat-call-actions{margin:5px 0 0 48px!important;gap:5px!important;flex-wrap:nowrap!important}
body.route-message-view .private-chat-call-actions .chat-call-button{min-height:32px!important;padding:0 9px!important;font-size:.7rem!important}
body.route-message-view .private-chat-options-button{min-height:36px!important;padding:0 10px!important;font-size:.74rem!important}
body.route-message-view .private-chat-messages{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:2px!important;
  margin:0!important;
  padding:10px 10px 9px!important;
  scroll-padding-block:12px!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important
}
body.route-message-view .private-chat-messages::before{content:'';display:block;margin-top:auto!important;flex:0 1 auto}
body.route-message-view .private-chat-page .message-item{max-width:min(80%,680px)!important;scroll-margin-block:10px!important}
body.route-message-view .private-chat-page .message-cluster{gap:0!important}
body.route-message-view .private-chat-page .message-bubble{padding:7px 11px!important;border-radius:17px 17px 17px 5px!important}
body.route-message-view .private-chat-page .message-item.is-mine .message-bubble{border-radius:17px 17px 5px 17px!important}
body.route-message-view .private-chat-page .message-bubble p{font-size:.96rem!important;line-height:1.3!important}
body.route-message-view .private-chat-page .message-footer{min-height:18px!important;gap:4px!important;padding:0 2px!important}
body.route-message-view .private-chat-page .message-time,
body.route-message-view .private-chat-page .message-state{font-size:.61rem!important}
body.route-message-view .private-chat-typing-line{flex:0 0 auto!important;padding:3px 12px!important;font-size:.72rem!important}
body.route-message-view .private-chat-composer{
  flex:0 0 auto!important;
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:6px 8px calc(7px + env(safe-area-inset-bottom))!important;
  border-top:1px solid #bdd5d0!important;
  background:rgba(255,255,255,.995)!important;
  box-shadow:0 -5px 18px rgba(17,66,62,.08)!important
}
body.route-message-view .private-chat-compose-toolbar{min-height:30px!important}
body.route-message-view .chat-file-button{min-height:32px!important;padding:0 10px!important;font-size:.72rem!important}
body.route-message-view .private-chat-compose-row{gap:6px!important}
body.route-message-view .private-chat-reply-field textarea{min-height:40px!important;max-height:104px!important;padding:8px 12px!important;font-size:.96rem!important}
body.route-message-view .private-chat-send-button{min-height:40px!important;padding:0 13px!important;font-size:.79rem!important}

/* Menu d’un message : petit popover ancré au bouton •••, jamais coupé par la zone défilable. */
body.route-message-view .message-actions-sheet{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  z-index:16000!important;
  width:172px!important;
  min-width:172px!important;
  max-width:calc(100vw - 24px)!important;
  padding:5px!important;
  gap:1px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.995)!important;
  box-shadow:0 14px 36px rgba(7,42,39,.25)!important;
  backdrop-filter:blur(18px)!important
}
body.route-message-view .message-actions-sheet .message-action-button{min-height:36px!important;padding:0 10px!important;font-size:.82rem!important;border-radius:8px!important}

/* Options du chat : lignes compactes, zones tactiles de 48 px, pas de cartes surdimensionnées. */
body.route-message-view .chat-options-dialog{width:min(520px,calc(100% - 18px))!important}
body.route-message-view .chat-options-dialog .chat-sheet{padding:18px!important;gap:10px!important;border-radius:26px!important}
body.route-message-view .chat-option-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #c5d9d5!important;
  border-radius:17px!important;
  background:#fff!important
}
body.route-message-view .chat-option-actions form{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.route-message-view .chat-option-actions form+form{border-top:1px solid #e1ecea!important}
body.route-message-view .chat-option-actions button{
  width:100%!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#123e3a!important;
  box-shadow:none!important;
  font-size:.9rem!important;
  font-weight:850!important;
  text-align:left!important
}
body.route-message-view .chat-option-actions button:focus-visible,
body.route-message-view .chat-option-actions button:hover{background:#eaf8f6!important}

@media(max-width:390px){
  body.route-message-index .chat-inbox-header p:last-child{display:none!important}
  body.route-message-index .chat-inbox-header{min-height:54px!important}
  body.route-message-view .private-chat-call-actions{margin-left:45px!important}
  body.route-message-view .private-chat-page .message-item{max-width:86%!important}
}

/* Hucial V261.0.16 — popover des messages porté sous body et strictement contenu dans le viewport. */
body.route-message-view .message-actions-sheet[data-hucial-portaled="1"]{
  position:fixed!important;
  inset:auto!important;
  left:var(--message-menu-left,12px)!important;
  top:var(--message-menu-top,12px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--message-menu-width,172px)!important;
  min-width:0!important;
  max-width:calc(100vw - 24px)!important;
  max-height:var(--message-menu-max-height,calc(100dvh - 24px))!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  transform:none!important;
  translate:none!important;
  z-index:2147483000!important;
  isolation:isolate!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important
}
body.route-message-view .message-actions-sheet[data-hucial-portaled="1"] .message-action-button{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important
}

/* Hucial PWA 261.0.17 — accueil public et inscription guidée */
.public-home-v17{display:grid;gap:clamp(1.4rem,4vw,3rem);width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,3vw,2.5rem) 0 2rem;color:#132f2c}
.public-home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1.2rem;align-items:stretch}
.public-home-hero-copy,.public-home-promise,.public-feed-preview,.public-home-benefits,.public-home-editorial{border:1px solid rgba(30,108,102,.22);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(238,250,248,.9));box-shadow:0 22px 65px rgba(28,91,86,.09);border-radius:34px}
.public-home-hero-copy{padding:clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;min-height:520px;overflow:hidden;position:relative}
.public-home-hero-copy::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-150px;bottom:-180px;background:radial-gradient(circle,rgba(89,215,205,.27),transparent 70%);pointer-events:none}
.public-home-kicker,.registration-kicker{display:block;color:#805b2c;font-size:.83rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.public-home-hero h1{font-size:clamp(2.65rem,7vw,5.8rem);line-height:.95;letter-spacing:-.065em;margin:.75rem 0 1.1rem;max-width:13ch}
.public-home-lead{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.62;color:#405c58;max-width:65ch}
.public-home-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.public-home-cta a,.public-feed-heading>a,.public-feed-bottom-cta>a{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.8rem 1.25rem;border-radius:999px;text-decoration:none!important;font-weight:850}
.public-home-primary,.public-feed-heading>a,.public-feed-bottom-cta>a{background:linear-gradient(135deg,#3fbeb5,#9be4de);border:1px solid #369d96;color:#103d39!important;box-shadow:0 12px 30px rgba(49,177,168,.22)}
.public-home-secondary{background:#fff;border:1px solid rgba(34,101,96,.24);color:#174e49!important}
.public-home-trust{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;gap:.55rem;flex-wrap:wrap}
.public-home-trust li{padding:.5rem .75rem;border-radius:999px;background:#eff9f7;border:1px solid rgba(44,130,122,.19);font-weight:750;color:#285d58;font-size:.92rem}
.public-home-trust li::before{content:"✓";margin-right:.42rem;color:#158078;font-weight:950}
.public-home-promise{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:520px;background:linear-gradient(155deg,#183a36,#274d47);color:#f6fbfa}
.public-home-promise img{filter:drop-shadow(0 14px 24px rgba(96,229,219,.18));margin-bottom:1rem}
.public-home-promise strong{font-size:1.55rem;line-height:1.15}.public-home-promise p{color:#d4e5e2;line-height:1.6}.public-home-promise-points{display:grid;gap:.6rem;width:100%;margin-top:1rem}.public-home-promise-points span{padding:.65rem;border:1px solid rgba(200,241,236,.16);border-radius:16px;background:rgba(255,255,255,.06)}
.public-feed-preview{padding:clamp(1.2rem,4vw,2.3rem)}
.public-feed-heading{display:flex;justify-content:space-between;gap:1.2rem;align-items:end;margin-bottom:1.25rem}.public-feed-heading h2,.public-benefits-intro h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:.35rem 0}.public-feed-heading p{max-width:72ch;color:#526a67;line-height:1.55}
.public-feed-stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.public-feed-post,.public-feed-empty{min-width:0;padding:1.05rem;border:1px solid rgba(39,103,98,.18);background:rgba(255,255,255,.93);border-radius:24px;box-shadow:0 10px 28px rgba(38,85,80,.06);scroll-margin:1rem}
.public-feed-post:focus-visible{outline:4px solid #0b7169;outline-offset:3px}
.public-feed-post-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center}.public-feed-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#d7b37d,#9b7139);color:#173d39;font-weight:950}.public-feed-post-head h3{margin:0;font-size:1.05rem}.public-feed-post-head p{margin:.12rem 0 0;color:#607673;font-size:.88rem}.public-feed-badge{padding:.35rem .55rem;border-radius:999px;background:#e8f7f5;color:#1c655f;font-weight:850;font-size:.78rem}.public-feed-post-title{margin:.9rem 0 .25rem;font-size:1.05rem}.public-feed-post-body,.public-feed-more p{line-height:1.58;color:#1c3734;overflow-wrap:anywhere}.public-feed-more{margin-top:.5rem}.public-feed-more summary{color:#136e67;font-weight:800;cursor:pointer}.public-feed-mood{display:inline-flex;margin-top:.7rem;padding:.42rem .65rem;border-radius:999px;background:#f0f5ef;border:1px solid rgba(54,103,79,.14);font-weight:750}.public-feed-bottom-cta{margin-top:1.2rem;padding:1rem 1.1rem;border-radius:22px;background:#153b37;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1rem}.public-feed-bottom-cta p{margin:.25rem 0 0;color:#d0e5e1}
.public-home-benefits{padding:clamp(1.2rem,4vw,2.3rem)}.public-benefits-intro{max-width:780px}.public-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.2rem}.public-benefits-grid article{padding:1.15rem;border-radius:24px;background:#fff;border:1px solid rgba(43,105,99,.16)}.public-benefits-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#ddf4f1;color:#176b64;font-weight:900}.public-benefits-grid h3{font-size:1.2rem;margin:.75rem 0 .35rem}.public-benefits-grid p{line-height:1.55;color:#526a67}.public-home-editorial{padding:1.3rem}

.registration-shell,.auth-guided-shell{width:min(900px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,3vw,2.4rem) 0 2rem;color:#173431}
.registration-intro,.auth-guided-panel{padding:clamp(1.25rem,4vw,2.3rem);border:1px solid rgba(37,102,97,.2);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,249,247,.92));box-shadow:0 18px 55px rgba(35,92,87,.08)}
.registration-intro h1,.auth-guided-panel h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1;letter-spacing:-.055em;margin:.55rem 0 .8rem}.registration-intro>p,.auth-guided-panel>p{font-size:1.08rem;line-height:1.6;color:#4d6662}.registration-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;list-style:none;padding:0;margin:1.2rem 0 0;counter-reset:step}.registration-steps li{padding:.65rem;border-radius:16px;background:#fff;border:1px solid rgba(41,109,103,.15);font-weight:800;text-align:center}
.registration-form{display:grid;gap:1rem;margin-top:1rem;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.registration-section{margin:0;padding:clamp(1rem,3vw,1.55rem);border:1px solid rgba(38,104,98,.18);border-radius:28px;background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(35,89,84,.06)}.registration-section legend{display:flex;align-items:center;gap:.55rem;font-size:1.3rem;font-weight:900;padding:0 .25rem}.registration-section legend span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#73d8d0;color:#123b37}.registration-section-lead{margin:.2rem 0 1rem;color:#536d69;line-height:1.5}
.guided-field{display:grid;gap:.42rem;margin-top:1rem}.guided-field>label,.guided-label>label,.guided-label>span{font-weight:850;font-size:1rem}.guided-label{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.guided-field input,.guided-field select{width:100%;min-height:52px;border:2px solid rgba(42,101,96,.32)!important;border-radius:18px!important;background:#fff!important;color:#183632!important;padding:.78rem .9rem!important;font-size:1rem}.guided-field input:focus,.guided-field select:focus{border-color:#13766e!important;outline:3px solid rgba(40,176,166,.23)!important;outline-offset:2px}.help-bubble{position:relative}.help-bubble summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff5f2;border:1px solid #83c9c3;color:#105f58;font-weight:950;cursor:pointer}.help-bubble summary::-webkit-details-marker{display:none}.help-bubble[open]>div{position:absolute;right:0;z-index:30;width:min(330px,calc(100vw - 3rem));padding:.8rem;border-radius:16px;background:#173a36;color:#fff;box-shadow:0 18px 42px rgba(17,54,50,.22);line-height:1.45;margin-top:.45rem}.help-text{margin:.25rem 0 0;color:#526b67;line-height:1.5}.field-live-status{min-height:1.2em;margin:.1rem 0 0;font-weight:750;color:#26655f}.field-live-status.is-error{color:#9b2830}.field-live-status.is-success{color:#176c55}
.birth-date-selects{display:grid;grid-template-columns:.7fr 1.25fr 1fr;gap:.65rem}.birth-date-selects label{font-size:.84rem;color:#506965}.birth-date-selects select{margin-top:.25rem}.guardian-guidance{margin-top:1rem;border:1px solid rgba(39,105,99,.17);border-radius:20px;background:#f8fcfb}.guardian-guidance>summary{padding:.9rem 1rem;font-weight:850;cursor:pointer}.guardian-guidance>div{padding:0 1rem 1rem}
.secret-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center}.secret-toggle{min-width:96px!important;min-height:52px!important;padding:.6rem .8rem!important;background:#e2f6f3!important;color:#145e58!important;border:1px solid #7ccac3!important;box-shadow:none!important}.password-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;list-style:none;padding:0;margin:.55rem 0 0}.password-checklist li{color:#667975;font-size:.9rem}.password-checklist li::before{content:"○";margin-right:.35rem}.password-checklist li.is-valid{color:#176c55;font-weight:800}.password-checklist li.is-valid::before{content:"✓"}.registration-submit{display:grid;gap:.75rem;padding:1rem 1.2rem;border-radius:24px;background:#173c38;color:#fff;text-align:center}.registration-submit p{margin:0;color:#d2e5e2;line-height:1.5}.registration-submit button{min-height:54px}.registration-submit a{color:#a9e7e2}.registration-error,.registration-success{margin-top:1rem;padding:1rem 1.15rem;border-radius:20px}.registration-error{background:#fff0f1;border:1px solid #e3a2a8;color:#70252b}.registration-error p,.registration-success p{margin:.3rem 0 0}.registration-success{background:#eaf8f1;border:1px solid #8fcab0;color:#1e5b45}
.auth-guided-shell{max-width:620px}.auth-guided-panel{display:grid;gap:.9rem}.auth-guided-form{display:grid;gap:.75rem;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.auth-guided-form>button{min-height:54px}.auth-guided-links{display:flex;gap:.75rem;justify-content:space-between;flex-wrap:wrap}.auth-guided-links a{font-weight:800;color:#146a63}

@media(max-width:760px){
 .public-home-v17,.registration-shell,.auth-guided-shell{width:min(100% - 1rem,1180px);padding-top:.5rem}
 .public-home-hero{grid-template-columns:1fr}.public-home-hero-copy,.public-home-promise{min-height:auto;border-radius:26px}.public-home-hero-copy{padding:1.2rem}.public-home-hero h1{font-size:clamp(2.5rem,12vw,4rem)}.public-home-promise{padding:1.2rem}.public-home-cta{display:grid}.public-home-cta a{width:100%}.public-home-trust{display:grid;grid-template-columns:1fr 1fr}.public-feed-heading{align-items:start;display:grid}.public-feed-heading>a{width:100%}.public-feed-stream{grid-template-columns:1fr}.public-feed-bottom-cta{display:grid}.public-feed-bottom-cta>a{width:100%}.public-benefits-grid{grid-template-columns:1fr}
 .registration-intro,.auth-guided-panel{padding:1.1rem;border-radius:26px}.registration-steps{grid-template-columns:1fr}.registration-section{padding:1rem;border-radius:24px}.birth-date-selects{grid-template-columns:.7fr 1.25fr 1fr;gap:.4rem}.birth-date-selects select{padding:.65rem .4rem!important}.password-checklist{grid-template-columns:1fr}.help-bubble[open]>div{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:auto;z-index:3000}.secret-field{grid-template-columns:1fr auto}.secret-toggle{min-width:86px!important}.auth-guided-links{display:grid;text-align:center}
}
@media(max-width:420px){.public-home-trust{grid-template-columns:1fr}.birth-date-selects{grid-template-columns:1fr 1.4fr 1fr}.guided-field input,.guided-field select{font-size:16px}.public-feed-post-head{grid-template-columns:auto minmax(0,1fr)}.public-feed-badge{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.public-home-v17 *,.registration-shell *{scroll-behavior:auto!important;transition:none!important}}


/* Hucial PWA 261.0.18 — accueil public compact et inscription mineurs non bloquante */
.public-home-hero{grid-template-columns:1fr!important}
.public-home-hero-copy{min-height:auto!important;padding:clamp(1.25rem,4vw,2.8rem)!important}
.public-home-hero h1{max-width:16ch!important}
.public-home-feed-jump{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem;color:#126a63!important;font-weight:850;text-decoration:none!important;align-self:flex-start}
.public-home-feed-jump::after{content:"↓";font-size:1.1em}
.public-home-promise-compact{min-height:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(260px,.8fr);gap:1rem;text-align:left!important;align-items:center!important;padding:1.1rem 1.25rem!important}
.public-home-promise-compact img{margin:0!important}
.public-home-promise-compact p{margin:.25rem 0 0!important}
.public-home-promise-compact .public-home-promise-points{margin:0!important;grid-template-columns:1fr!important}
.registration-steps li{display:grid;gap:.12rem;align-content:center;min-height:72px}
.registration-steps li>span{font-size:.78rem;color:#55706c;font-weight:750}
.registration-steps li>strong{font-size:1rem;color:#173a36}
.registration-steps li>small{font-size:.75rem;color:#0b7169;font-weight:850}
.registration-steps li[aria-current="step"]{border-color:#158078;background:#e4f7f4;box-shadow:0 0 0 3px rgba(28,148,138,.12)}

@media(max-width:760px){
 .public-home-v17{gap:.8rem!important}
 .public-home-hero-copy{padding:1rem!important;border-radius:24px!important}
 .public-home-hero h1{font-size:clamp(2.35rem,11vw,3.35rem)!important;line-height:.94!important;margin:.55rem 0 .7rem!important}
 .public-home-lead{font-size:1rem!important;line-height:1.48!important;margin:.35rem 0!important}
 .public-home-cta{margin-top:.85rem!important;gap:.55rem!important}
 .public-home-cta a{min-height:48px!important;padding:.65rem 1rem!important}
 .public-home-trust{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:.4rem!important;margin-top:.75rem!important;padding-bottom:.25rem!important;scrollbar-width:none}
 .public-home-trust::-webkit-scrollbar{display:none}
 .public-home-trust li{white-space:nowrap!important;font-size:.82rem!important;padding:.42rem .58rem!important}
 .public-home-feed-jump{margin-top:.55rem!important;font-size:.9rem!important}
 .public-feed-preview{padding:1rem!important;border-radius:24px!important}
 .public-feed-heading{gap:.45rem!important;margin-bottom:.75rem!important}
 .public-feed-heading h2{font-size:2rem!important;margin:.2rem 0!important}
 .public-feed-heading p{font-size:.92rem!important;line-height:1.42!important;margin:.2rem 0!important}
 .public-feed-heading>a{min-height:46px!important;padding:.55rem .9rem!important}
 .public-feed-post{padding:.9rem!important;border-radius:20px!important}
 .public-home-promise-compact{grid-template-columns:auto minmax(0,1fr)!important;padding:1rem!important;border-radius:24px!important}
 .public-home-promise-compact .public-home-promise-points{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.35rem!important}
 .public-home-promise-compact .public-home-promise-points span{font-size:.78rem;text-align:center;padding:.45rem!important}
 .registration-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.35rem!important;position:sticky;top:calc(env(safe-area-inset-top) + .25rem);z-index:5;background:rgba(248,253,252,.94);padding:.35rem;border-radius:18px;backdrop-filter:blur(14px)}
 .registration-steps li{min-height:64px!important;padding:.45rem .3rem!important}
 .registration-steps li>span{font-size:.66rem!important}
 .registration-steps li>strong{font-size:.82rem!important}
 .registration-steps li>small{font-size:.63rem!important}
}
@media(max-width:390px){
 .registration-steps li>strong{font-size:.76rem!important}
 .registration-steps li>span{font-size:.61rem!important}
 .public-home-promise-compact .public-home-promise-points{grid-template-columns:1fr!important}
}


/* Hucial PWA 261.0.19 — conversion publique, date directe et secrets accessibles */
body[data-authenticated="0"][data-route="home/index"] :is(.hucial-emotion-intro,.hucial-emotion-illustration),
body[data-authenticated="0"][data-route="auth/register"] .hucial-emotion-intro,
body[data-authenticated="0"][data-route="auth/login"] .hucial-emotion-intro,
body[data-authenticated="0"][data-route="auth/recover"] .hucial-emotion-intro{display:none!important}
.public-home-v19 .public-feed-preview{scroll-margin-top:1rem}
.birth-date-selects input[data-birth-year]{margin-top:.25rem;appearance:textfield;-moz-appearance:textfield}
.birth-date-selects input[data-birth-year]::-webkit-inner-spin-button,
.birth-date-selects input[data-birth-year]::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}
.secret-field{position:relative!important;display:block!important}
.secret-field>input{padding-right:3.75rem!important}
.secret-toggle{position:absolute!important;right:.38rem!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:.58rem!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#e2f6f3!important;color:#145e58!important;border:1px solid #69bdb6!important;box-shadow:none!important}
.secret-toggle:hover{background:#ccefeb!important}.secret-toggle:focus-visible{outline:3px solid #0b7169!important;outline-offset:2px!important}
.secret-toggle-icon{width:23px;height:23px;fill:currentColor}.secret-eye-closed{display:none}.secret-toggle.is-revealed .secret-eye-open{display:none}.secret-toggle.is-revealed .secret-eye-closed{display:block}
.password-confirm-field{margin-top:1.15rem;padding-top:1rem;border-top:1px solid rgba(40,103,97,.14)}
.registration-submit{background:#103f3a!important;color:#fff!important}
.registration-submit p{color:#fff!important;font-weight:650!important}
.registration-submit a{color:#d9fffb!important;font-weight:850!important;text-decoration:underline!important;text-underline-offset:.2em}
.registration-shell{scroll-padding-bottom:12rem}
.registration-form :is(input,select,button,details,[tabindex]){scroll-margin-bottom:11rem}
@media(max-width:720px){
 .public-home-v19{gap:.62rem!important;padding-top:.3rem!important}
 .public-home-v19 .public-home-hero-copy{padding:.9rem!important;border-radius:22px!important}
 .public-home-v19 .public-home-hero h1{font-size:clamp(2.05rem,9.2vw,2.85rem)!important;line-height:.98!important;letter-spacing:-.052em!important;margin:.45rem 0 .55rem!important;max-width:14ch!important}
 .public-home-v19 .public-home-lead{font-size:.98rem!important;line-height:1.43!important;margin:.25rem 0!important}
 .public-home-v19 .public-home-cta{margin-top:.72rem!important;gap:.45rem!important}
 .public-home-v19 .public-home-cta a{min-height:46px!important;padding:.62rem .85rem!important}
 .public-home-v19 .public-home-trust{margin:.65rem 0 0!important;gap:.35rem!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .public-home-v19 .public-home-trust li{padding:.38rem .48rem!important;border-radius:14px!important;font-size:.76rem!important;line-height:1.28!important}
 .public-home-v19 .public-home-feed-jump{margin-top:.5rem!important;min-height:42px!important;padding:.45rem .55rem!important;border-radius:14px;background:#e6f7f4;align-self:stretch!important;justify-content:center!important;text-align:center!important}
 .public-home-v19 .public-feed-preview{padding:.85rem!important;border-radius:22px!important}
 .public-home-v19 .public-feed-heading{gap:.55rem!important;margin-bottom:.75rem!important}
 .public-home-v19 .public-feed-heading h2{font-size:clamp(1.75rem,8vw,2.35rem)!important;margin:.2rem 0!important}
 .public-home-v19 .public-feed-heading p{font-size:.92rem!important;line-height:1.42!important;margin:.2rem 0!important}
 .registration-shell{padding-bottom:calc(10rem + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(12rem + env(safe-area-inset-bottom))!important}
 .birth-date-selects{grid-template-columns:.65fr 1.12fr 1fr!important;gap:.42rem!important}
 .birth-date-selects :is(select,input){min-height:50px!important;padding:.62rem .55rem!important;font-size:.96rem!important}
 .secret-field>input{padding-right:3.45rem!important}
 .secret-toggle{right:.3rem!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
 .registration-submit{margin-bottom:calc(1rem + env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){
 .public-home-v19 .public-home-hero h1{font-size:2rem!important}
 .public-home-v19 .public-home-trust li{font-size:.72rem!important}
 .birth-date-selects{grid-template-columns:.62fr 1.05fr 1fr!important}
}

/* Hucial PWA 261.0.20 — inscription sans débordement et fin de page Safari */
body[data-authenticated="0"][data-route="auth/register"]{
  overflow-x:clip!important;
  max-width:100vw!important;
}
body[data-authenticated="0"][data-route="auth/register"] main{
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  padding-inline:clamp(.45rem,2.2vw,1rem)!important;
  overflow-x:clip!important;
}
body[data-authenticated="0"][data-route="auth/register"] :is(
  .registration-shell,
  .registration-intro,
  .registration-form,
  .registration-section,
  .guided-field,
  .guided-label,
  .birth-date-selects,
  .birth-date-selects label,
  .secret-field,
  .registration-submit
){
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-shell{
  width:min(900px,100%)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  overflow-x:clip!important;
  contain:none!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-form{
  width:100%!important;
  margin-inline:0!important;
  contain:none!important;
  transform:none!important;
  overflow:visible!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-section{
  width:100%!important;
  min-inline-size:0!important;
  overflow:visible!important;
  contain:none!important;
  transform:none!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-section legend{
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body[data-authenticated="0"][data-route="auth/register"] .guided-label{
  flex-wrap:wrap!important;
}
body[data-authenticated="0"][data-route="auth/register"] .guided-label :is(label,span){
  min-width:0!important;
  overflow-wrap:anywhere!important;
}
body[data-authenticated="0"][data-route="auth/register"] .guided-field :is(input,select,textarea),
body[data-authenticated="0"][data-route="auth/register"] .secret-field>input{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects{
  width:100%!important;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.18fr) minmax(0,.95fr)!important;
  gap:clamp(.35rem,1.6vw,.55rem)!important;
  align-items:end!important;
}
body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects label{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  margin:0!important;
  overflow:visible!important;
}
body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects :is(select,input){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-top:.28rem!important;
  padding-inline:clamp(.5rem,2vw,.75rem)!important;
  text-overflow:ellipsis!important;
}
body[data-authenticated="0"][data-route="auth/register"] .secret-field{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
body[data-authenticated="0"][data-route="auth/register"] .secret-field>input{
  padding-right:3.55rem!important;
}
body[data-authenticated="0"][data-route="auth/register"] .secret-toggle{
  right:.34rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  flex:0 0 42px!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-submit{
  width:100%!important;
  margin-inline:0!important;
  overflow:hidden!important;
  contain:none!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-submit :is(p,a,button){
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-submit button{
  width:100%!important;
  white-space:normal!important;
}
body[data-authenticated="0"][data-route="auth/register"] .password-checklist{
  min-width:0!important;
}

/* Réserve réelle au-dessus de la barre Safari, sans créer de largeur latérale. */
body[data-authenticated="0"][data-route="auth/register"] .registration-shell{
  padding-bottom:calc(11rem + env(safe-area-inset-bottom))!important;
  scroll-padding-bottom:calc(13rem + env(safe-area-inset-bottom))!important;
}
body[data-authenticated="0"][data-route="auth/register"] .registration-form :is(input,select,button,summary,a,[tabindex]){
  scroll-margin-block-end:calc(9rem + env(safe-area-inset-bottom))!important;
}
body[data-authenticated="0"][data-route="home/index"] .public-home-v19{
  max-width:100%!important;
  overflow-x:clip!important;
  padding-bottom:calc(9rem + env(safe-area-inset-bottom))!important;
  scroll-padding-bottom:calc(11rem + env(safe-area-inset-bottom))!important;
}
body[data-authenticated="0"][data-route="home/index"] .public-feed-post{
  scroll-margin-block-end:calc(8rem + env(safe-area-inset-bottom))!important;
}

@media(max-width:520px){
  body[data-authenticated="0"][data-route="auth/register"] .registration-intro,
  body[data-authenticated="0"][data-route="auth/register"] .registration-section{
    padding-inline:clamp(.8rem,4vw,1rem)!important;
  }
  body[data-authenticated="0"][data-route="auth/register"] .registration-submit{
    padding:.9rem!important;
    border-radius:22px!important;
  }
  body[data-authenticated="0"][data-route="auth/register"] .registration-submit p{
    font-size:.92rem!important;
    line-height:1.48!important;
  }
}

@media(max-width:360px){
  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects{
    grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  }
  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects label:last-child{
    grid-column:1/-1!important;
  }
  body[data-authenticated="0"][data-route="auth/register"] .registration-steps{
    grid-template-columns:1fr!important;
    position:static!important;
  }
}

/* Hucial PWA 261.0.21 — neutralisation du zoom automatique Safari sur l'inscription */
@media (max-width: 768px) {
  html {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] :is(input, select, textarea) {
    font-size: 16px !important;
    line-height: 1.35 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
    scale: 1 !important;
    zoom: 1 !important;
    touch-action: manipulation !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] :is(input, select, textarea):focus {
    font-size: 16px !important;
    transform: none !important;
    scale: 1 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects :is(select, input) {
    font-size: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-inline-size: 0 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-field > input {
    grid-area: 1 / 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-right: 3.65rem !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-toggle {
    grid-area: 1 / 1 !important;
    position: relative !important;
    inset: auto !important;
    justify-self: end !important;
    align-self: center !important;
    transform: none !important;
    margin-right: .38rem !important;
    z-index: 3 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-submit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-inline: clamp(.75rem, 4vw, 1rem) !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-submit :is(p, a, button) {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-shell {
    padding-bottom: calc(13rem + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(15rem + env(safe-area-inset-bottom)) !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-form :is(input, select, textarea, button, summary, a, [tabindex]) {
    scroll-margin-block-start: 8rem !important;
    scroll-margin-block-end: calc(11rem + env(safe-area-inset-bottom)) !important;
  }
}

/* Hucial PWA 261.0.22 — architecture mobile d'inscription sans zoom ni débordement */
@media (max-width: 768px) {
  html,
  body[data-authenticated="0"][data-route="auth/register"] {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    overflow-x: clip !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] main#contenu {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin-inline: 0 !important;
    padding-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right)) !important;
    overflow-x: clip !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] :where(
    .registration-shell,
    .registration-intro,
    .registration-form,
    .registration-section,
    .guided-field,
    .guided-label,
    .birth-date-selects,
    .birth-date-selects > label,
    .secret-field,
    .registration-submit
  ) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
    margin-inline: 0 !important;
    transform: none !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-shell {
    padding-inline: 0 !important;
    padding-block-end: calc(10rem + var(--registration-keyboard-offset, 0px) + env(safe-area-inset-bottom)) !important;
    overflow-x: clip !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-section {
    min-inline-size: 0 !important;
    overflow: visible !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .guided-field :is(input, select, textarea),
  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects :is(input, select) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    transform: none !important;
    zoom: 1 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects {
    display: grid !important;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.18fr) minmax(0, 1fr) !important;
    gap: .5rem !important;
    align-items: end !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects > label {
    display: grid !important;
    grid-template-rows: auto minmax(52px, auto) !important;
    gap: .28rem !important;
    overflow: visible !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects :is(input, select) {
    margin: 0 !important;
    padding-inline: .68rem !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-field > input {
    grid-column: 1 !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
    padding-inline: .9rem !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-inline-end: 0 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-toggle {
    position: static !important;
    grid-column: 2 !important;
    inline-size: 52px !important;
    min-inline-size: 52px !important;
    max-inline-size: 52px !important;
    block-size: auto !important;
    min-block-size: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 0 18px 18px 0 !important;
    border-inline-start: 1px solid #7ccac3 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-submit {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    padding: 1rem !important;
    overflow: hidden !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-submit :is(p, button, a) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 390px) {
  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects {
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr) !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects > label:last-child {
    grid-column: 1 / -1 !important;
  }
}

/* Hucial PWA 261.0.23 — correction structurelle finale de l'inscription iOS */
@media (max-width: 768px) {
  html {
    inline-size: 100%;
    max-inline-size: 100%;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] {
    position: relative !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    touch-action: pan-y !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] main#contenu {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin: 0 !important;
    padding-inline: 12px !important;
    overflow-x: hidden !important;
    contain: inline-size !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] :where(
    .registration-shell,
    .registration-intro,
    .registration-steps,
    .registration-form,
    .registration-section,
    .guided-field,
    .guided-label,
    .birth-date-selects,
    .birth-date-selects > label,
    .secret-field,
    .registration-submit
  ) {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin-inline: 0 !important;
    transform: none !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-shell {
    padding-inline: 0 !important;
    padding-block-end: calc(11rem + var(--registration-keyboard-offset, 0px) + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    contain: inline-size !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-intro,
  body[data-authenticated="0"][data-route="auth/register"] .registration-section,
  body[data-authenticated="0"][data-route="auth/register"] .registration-submit {
    padding-inline: clamp(.85rem, 4vw, 1.15rem) !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .42rem !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-steps li {
    min-inline-size: 0 !important;
    padding: .55rem .3rem !important;
    overflow-wrap: anywhere !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-steps :is(span, strong, small) {
    display: block !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-section {
    min-inline-size: 0 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .guided-label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: .55rem !important;
    align-items: center !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .guided-label > :first-child {
    min-inline-size: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] :is(input, textarea) {
    display: block !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    transform: none !important;
    zoom: 1 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
    align-items: end !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects > label {
    display: grid !important;
    grid-template-rows: auto 54px !important;
    gap: .28rem !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects > label:last-child {
    grid-column: 1 / -1 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects input {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    block-size: 54px !important;
    margin: 0 !important;
    padding: .72rem .85rem !important;
    appearance: textfield !important;
    -webkit-appearance: none !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects input::-webkit-inner-spin-button,
  body[data-authenticated="0"][data-route="auth/register"] .birth-date-selects input::-webkit-outer-spin-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    margin: 0 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-field {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 0 !important;
    align-items: stretch !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-field > input {
    position: static !important;
    grid-column: 1 !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    margin: 0 !important;
    padding: .78rem .85rem !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-inline-end: 0 !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .secret-toggle {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    inline-size: 48px !important;
    min-inline-size: 48px !important;
    max-inline-size: 48px !important;
    block-size: auto !important;
    min-block-size: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 0 18px 18px 0 !important;
    border-inline-start: 1px solid #69bdb6 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-submit {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    overflow: hidden !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-submit :is(p, button, a) {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-authenticated="0"][data-route="auth/register"] .registration-form :is(input, textarea, button, summary, a, [tabindex]) {
    scroll-margin-block-start: 7rem !important;
    scroll-margin-block-end: calc(10rem + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 360px) {
  body[data-authenticated="0"][data-route="auth/register"] .registration-steps {
    grid-template-columns: 1fr !important;
  }
}


/* Hucial PWA 261.0.24 — Feed multimédia, actions contextuelles et stabilité Safari */
body[data-route="social/index"],body[data-route="social/index"] main,body[data-route="social/index"] .social-layout,body[data-route="social/index"] .social-main{max-width:100%!important;min-width:0!important;overflow-x:clip!important}
body[data-route="social/index"] .composer-card-primary,body[data-route="social/index"] .composer-card-primary form,body[data-route="social/index"] .composer-card-primary form>*{box-sizing:border-box!important;max-width:100%!important;min-width:0!important}
body[data-route="social/index"] .composer-card-primary textarea#post-body{width:100%!important;max-width:100%!important;min-width:0!important;font-size:18px!important;line-height:1.5!important;transform:none!important;zoom:1!important;-webkit-text-size-adjust:100%!important}
.composer-media-fieldset{margin:.65rem 0;padding:.75rem;border:1px solid rgba(24,117,108,.24);border-radius:18px;min-width:0}.composer-media-fieldset legend{padding:0 .25rem;font-weight:850;color:#173e39}.composer-media-picker{display:inline-flex!important;align-items:center;gap:.45rem;margin:0!important;padding:.62rem .82rem;border:1px solid #44bdb5;border-radius:999px;background:linear-gradient(135deg,#62d7cf,#b4eee8);color:#123d39;font-weight:850;cursor:pointer}.composer-media-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.composer-media-input:focus+.form-help,.composer-media-picker:has(+.composer-media-input:focus){outline:3px solid #0b6e66;outline-offset:3px}.composer-media-status{margin:.45rem 0;color:#335e59;font-weight:750}.composer-media-preview{display:grid;gap:.7rem;margin:.6rem 0 0;padding:0;list-style:none}.composer-media-preview-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:.55rem .7rem;align-items:center;padding:.65rem;border:1px solid rgba(30,92,86,.18);border-radius:16px;background:rgba(255,255,255,.72)}.composer-media-preview-item>img,.composer-media-preview-item>video{grid-row:1/4;width:74px;height:74px;object-fit:cover;border-radius:12px;background:#e8f4f2}.composer-media-preview-item>div{display:grid;min-width:0}.composer-media-preview-item strong,.composer-media-preview-item small{overflow-wrap:anywhere}.composer-media-preview-item label,.composer-media-preview-item input,.composer-media-preview-item>small{grid-column:2}.composer-media-preview-item input{font-size:16px!important;min-height:44px!important;margin:0!important}.composer-media-clear{margin-top:.55rem;background:#fff;color:#174d47;border:1px solid rgba(23,77,71,.24)}
.post-author-block{position:relative}.post-actions-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:48px;min-height:48px;margin-left:auto;padding:.45rem .62rem;border-radius:16px;background:#d8f5f2;color:#173e39;border:1px solid rgba(20,105,97,.22);box-shadow:none}.post-actions-trigger-label{font-size:.76rem;font-weight:850}.post-media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.7rem 0}.post-media-item{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(28,91,84,.18);border-radius:18px;background:#f6fbfa}.post-media-item:first-child:last-child{grid-column:1/-1}.post-media-item img,.post-media-item video{display:block;width:100%;max-height:520px;object-fit:cover;background:#e9f4f2}.post-media-item video{aspect-ratio:16/9}.post-media-item figcaption{padding:.55rem .68rem;color:#345b57;font-size:.88rem;line-height:1.4;overflow-wrap:anywhere}
.post-actions-dialog{width:min(680px,calc(100% - 24px));max-width:680px;max-height:min(88dvh,860px);padding:0;border:1px solid rgba(26,92,85,.28);border-radius:28px;background:#fbfefd;color:#143a36;box-shadow:0 28px 90px rgba(15,52,48,.28);overflow:hidden}.post-actions-dialog::backdrop{background:rgba(11,38,35,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.post-actions-sheet{max-height:min(88dvh,860px);overflow:auto;padding:1rem}.post-actions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid rgba(28,91,84,.14)}.post-actions-head h2{margin:.15rem 0;font-size:1.55rem}.post-actions-head p{margin:.2rem 0;color:#526e6a}.post-actions-close{flex:0 0 auto;width:48px;height:48px;padding:0;border-radius:50%;font-size:1.55rem;background:#9ce4de;color:#153f3a}.post-actions-section{padding:.85rem 0;border-bottom:1px solid rgba(28,91,84,.14)}.post-actions-section:last-child{border-bottom:0}.post-actions-section h3{margin:0 0 .55rem;font-size:1.05rem}.post-actions-section form{display:grid;gap:.48rem;margin:0;padding:0;border:0;background:none;box-shadow:none}.post-actions-section label{margin:0;font-weight:800}.post-actions-section :is(select,textarea){width:100%;max-width:100%;font-size:16px!important}.post-reaction-grid,.post-external-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.post-reaction-grid button,.post-external-grid button{min-height:48px;background:#e8f7f5;color:#174941;border:1px solid rgba(23,73,65,.18);box-shadow:none}.post-reaction-grid button[aria-pressed="true"]{background:#55cfc6;color:#092f2b;outline:3px solid #0d6f67;outline-offset:2px}.post-external-grid button:disabled{opacity:.48;cursor:not-allowed}.post-actions-dialog small{color:#526e6a}
@media(max-width:720px){body[data-route="social/index"] .composer-primary-actions{grid-template-columns:minmax(0,1fr) auto!important}.composer-media-preview-item{grid-template-columns:58px minmax(0,1fr)}.composer-media-preview-item>img,.composer-media-preview-item>video{width:58px;height:58px}.post-media-gallery{grid-template-columns:1fr}.post-media-item{grid-column:1!important}.post-actions-dialog{position:fixed;inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px;width:auto;max-width:none;margin:0;border-radius:28px 28px 20px 20px}.post-actions-sheet{max-height:min(82dvh,760px);padding:.85rem}.post-reaction-grid,.post-external-grid{grid-template-columns:1fr 1fr}.post-actions-trigger-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.post-actions-trigger{margin-left:0}.post-author-block{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important}.post-author-block .visibility-badge{grid-column:2;justify-self:start}.post-actions-trigger{grid-column:3;grid-row:1/3;align-self:center}}
@media(max-width:390px){.post-reaction-grid,.post-external-grid{grid-template-columns:1fr}.composer-primary-actions .composer-submit{font-size:.9rem!important}.composer-media-fieldset{padding:.62rem}}
@media(prefers-reduced-motion:reduce){.post-actions-dialog,.post-actions-dialog::backdrop{scroll-behavior:auto!important}}


/* Hucial PWA 261.0.24 — verrouillage final du compositeur du Feed sur Safari iOS */
@media (max-width: 768px) {
  body[data-route="social/index"] {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    overflow-x: clip !important;
    -webkit-text-size-adjust: 100% !important;
    touch-action: pan-y !important;
  }
  body[data-route="social/index"] :is(main,.social-layout,.social-main,#composer,.composer-heading,.js-create-post,.composer-primary-actions,.composer-advanced,.composer-advanced-content,.feed-user-publications,.feed-user-stream,.social-post) {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    margin-inline: 0 !important;
  }
  body[data-route="social/index"] .js-create-post,
  body[data-route="social/index"] .js-create-post * {
    box-sizing: border-box !important;
    min-inline-size: 0 !important;
  }
  body[data-route="social/index"] .js-create-post :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea,button) {
    max-inline-size: 100% !important;
    font-size: 18px !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
  }
  body[data-route="social/index"] #post-body {
    display: block !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    margin-inline: 0 !important;
    resize: vertical !important;
    overflow-x: hidden !important;
    overflow-wrap: anywhere !important;
  }
  body[data-route="social/index"] .composer-primary-actions {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: .65rem !important;
    align-items: end !important;
  }
  body[data-route="social/index"] .composer-visibility,
  body[data-route="social/index"] .composer-visibility select {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
  }
  body[data-route="social/index"] .composer-submit {
    inline-size: auto !important;
    min-inline-size: 112px !important;
    white-space: normal !important;
  }
  body[data-route="social/index"] .composer-media-picker {
    inline-size: auto !important;
    min-block-size: 48px !important;
    white-space: normal !important;
  }
  body[data-route="social/index"] .post-author-block > * {
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
  }
  body[data-route="social/index"] .post-author-heading,
  body[data-route="social/index"] .post-author-heading a,
  body[data-route="social/index"] .post-body,
  body[data-route="social/index"] .post-counts {
    overflow-wrap: anywhere !important;
  }
}
@media (max-width: 390px) {
  body[data-route="social/index"] .composer-primary-actions {
    grid-template-columns: 1fr !important;
  }
  body[data-route="social/index"] .composer-submit {
    inline-size: 100% !important;
  }
}

.public-feed-post .post-media-gallery{margin:.75rem 0}.public-feed-post .post-media-item{background:#f7fbfa}.original-post .post-media-gallery{margin:.7rem 0}


/* Hucial 261.0.39 — saisie du Feed lisible sur Android, Chrome et WebView. */
body[data-route="social/index"] .composer-card-primary textarea#post-body{
  background-color:#ffffff!important;
  background-image:none!important;
  color:#111111!important;
  -webkit-text-fill-color:#111111!important;
  caret-color:#08766e!important;
  opacity:1!important;
  color-scheme:light!important;
}
body[data-route="social/index"] .composer-card-primary textarea#post-body::placeholder{
  color:#5b6866!important;
  -webkit-text-fill-color:#5b6866!important;
  opacity:1!important;
}
@media (prefers-color-scheme:dark){
  body[data-route="social/index"] .composer-card-primary textarea#post-body{
    background-color:#ffffff!important;
    color:#111111!important;
    -webkit-text-fill-color:#111111!important;
  }
}

/* Hucial 261.0.44 — saisie privée lisible sur Android, iOS et thème sombre. */
body[data-route="message/view"] #message-body,
body.route-message-view #message-body,
body[data-route="message/view"] .private-chat-reply-field textarea {
  background:#fff !important;
  background-color:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  caret-color:#08766e !important;
  color-scheme:light !important;
  opacity:1 !important;
  border-color:rgba(12,83,77,.34) !important;
}
body[data-route="message/view"] #message-body::placeholder,
body.route-message-view #message-body::placeholder {
  color:#586865 !important;
  -webkit-text-fill-color:#586865 !important;
  opacity:1 !important;
}
.chat-alert-setup{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:16px 18px;border:1px solid rgba(15,112,103,.2);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(21,76,72,.08)}
.chat-alert-setup[hidden],.chat-alert-enabled[hidden]{display:none!important}.chat-alert-setup strong{display:block;color:#143e3a}.chat-alert-setup p{margin:.3rem 0 0;color:#526b68}.chat-alert-setup button{min-height:44px;border:0;border-radius:999px;padding:0 18px;background:linear-gradient(135deg,#65d8d0,#b1ece8);color:#102f2d;font-weight:800}.chat-alert-enabled{margin:10px 0;color:#176b64;font-weight:700}
@media(max-width:600px){.chat-alert-setup{align-items:stretch;flex-direction:column}.chat-alert-setup button{width:100%}}

/* Hucial 261.0.44 — Feed simplifié et lecture d’écran non répétitive. */
.feed-post-simple{padding:20px;border-radius:28px;background:rgba(255,255,255,.94);border:1px solid rgba(34,91,86,.14);box-shadow:0 14px 34px rgba(26,72,69,.08)}
.feed-post-simple:focus{outline:none}.feed-post-simple-header{display:flex;align-items:center;gap:12px}.feed-post-author-copy{min-width:0;flex:1}.feed-post-author-copy h3{margin:0;font-size:1.03rem}.feed-post-author-copy p{margin:.25rem 0 0;color:#5b6e6b;font-size:.9rem}.feed-post-title{margin:14px 0 6px;font-size:1.2rem}.feed-post-simple .post-body{font-size:1.06rem;line-height:1.62;color:#152f2d}
.feed-simple-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(28,84,79,.12)}.feed-simple-actions form{margin:0}.feed-simple-actions button{width:100%;min-height:46px;border:1px solid rgba(23,102,94,.2);border-radius:16px;background:#f7fbfa;color:#17443f;font-weight:800;padding:8px 10px}.feed-simple-actions button[aria-pressed="true"]{background:#dcf7f3;border-color:#17877d}.feed-simple-actions button[aria-disabled="true"]{opacity:.55}.feed-action-count{font-variant-numeric:tabular-nums}
.feed-simple-comments{margin-top:12px}.feed-comments-existing{margin-bottom:10px}.feed-comments-existing summary{cursor:pointer;font-weight:750;color:#275f5a}.feed-comments-existing .social-comment{padding:12px 0;border-bottom:1px solid rgba(24,74,70,.1)}.feed-comments-existing .social-comment p{margin:.35rem 0}.feed-comments-existing time{font-size:.82rem;color:#637875}.feed-simple-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.feed-simple-comment-form textarea{min-height:46px;max-height:132px;resize:vertical;border:1px solid rgba(13,89,82,.3);border-radius:18px;padding:12px 14px;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;caret-color:#08766e!important;color-scheme:light!important}.feed-simple-comment-form textarea::placeholder{color:#60716f!important;-webkit-text-fill-color:#60716f!important;opacity:1}.feed-simple-comment-form button{min-height:46px;border:0;border-radius:16px;padding:0 17px;background:linear-gradient(135deg,#63d8d0,#aee9e5);color:#113e39;font-weight:850}
@media(max-width:560px){.feed-post-simple{padding:16px}.feed-simple-actions{grid-template-columns:1fr 1fr 1fr;gap:5px}.feed-simple-actions button{font-size:.86rem;padding:7px 4px}.feed-simple-comment-form{grid-template-columns:1fr auto}}
@media(max-width:390px){.feed-simple-actions{grid-template-columns:1fr}.feed-simple-actions button{text-align:left;padding-left:14px}}


/* Hucial 261.0.46 — publication multimédia fiable sur Android, Safari et PWA */
body[data-route="social/index"] .composer-media-picker{
  display:flex!important;align-items:center;justify-content:center;gap:.5rem;
  width:100%;min-height:48px;box-sizing:border-box;cursor:pointer;
}
body[data-route="social/index"] .composer-media-input{
  position:static!important;width:100%!important;height:auto!important;
  overflow:visible!important;clip:auto!important;clip-path:none!important;
  white-space:normal!important;margin:.55rem 0 0!important;padding:.45rem!important;
  border:1px solid rgba(24,117,108,.3)!important;border-radius:14px!important;
  background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;
  font-size:16px!important;color-scheme:light!important;
}
body[data-route="social/index"] .composer-media-input::file-selector-button{
  min-height:40px;margin-right:.65rem;padding:.45rem .75rem;border:1px solid #44bdb5;
  border-radius:999px;background:#dff8f5;color:#123d39;font-weight:800;cursor:pointer;
}
body[data-route="social/index"] .composer-media-input::-webkit-file-upload-button{
  min-height:40px;margin-right:.65rem;padding:.45rem .75rem;border:1px solid #44bdb5;
  border-radius:999px;background:#dff8f5;color:#123d39;font-weight:800;
}
body[data-route="social/index"] .composer-media-input:focus-visible{outline:3px solid #08766e!important;outline-offset:3px!important;}

/* Hucial 261.0.52 — Feed mobile sans recouvrement, en-tête stable et sélecteur média unique. */
body[data-route="social/index"]{
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}
body[data-route="social/index"] .feed-app-shell{
  width:100%;
  height:100dvh;
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  background:inherit;
}
body[data-route="social/index"] .feed-app-shell>.site-header{
  position:relative!important;
  inset:auto!important;
  grid-row:1;
  width:100%;
  z-index:80!important;
  flex:none;
}
body[data-route="social/index"] .feed-app-scroll{
  grid-row:2;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scroll-padding-block:1rem;
}
body[data-route="social/index"] .feed-app-scroll main#contenu{
  min-height:auto!important;
  margin-top:1rem!important;
  padding-bottom:1.25rem!important;
}
body[data-route="social/index"] .feed-app-scroll .site-footer{
  margin-bottom:0!important;
  padding-bottom:max(1.25rem,env(safe-area-inset-bottom))!important;
}
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  grid-row:3;
  width:min(calc(100% - 16px),620px)!important;
  height:64px!important;
  margin:8px auto max(8px,env(safe-area-inset-bottom))!important;
  padding:4px 6px!important;
  z-index:90!important;
  flex:none;
}
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-create{
  margin-top:0!important;
  transform:none!important;
}
body[data-route="social/index"] :is(.composer-card-primary,.composer-media-fieldset,.composer-primary-actions,.feed-user-stream,.feed-post-simple){
  scroll-margin-block:1rem;
}
body[data-route="social/index"] .composer-media-picker{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:.72rem 1rem!important;
  overflow:hidden!important;
  cursor:pointer!important;
  isolation:isolate;
}
body[data-route="social/index"] .composer-media-picker>span{
  position:relative;
  z-index:1;
  pointer-events:none;
}
body[data-route="social/index"] .composer-media-input{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:normal!important;
  cursor:pointer!important;
}
body[data-route="social/index"] .composer-media-input::file-selector-button,
body[data-route="social/index"] .composer-media-input::-webkit-file-upload-button{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
body[data-route="social/index"] .composer-media-picker:focus-within{
  outline:3px solid #08766e!important;
  outline-offset:3px!important;
}
@media(max-width:430px){
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar{
    height:58px!important;
    margin:6px auto max(6px,env(safe-area-inset-bottom))!important;
    padding:3px 5px!important;
  }
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-item{
    height:44px!important;
  }
  body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-create{
    width:46px!important;
    height:46px!important;
  }
}


/* Hucial 261.0.53 — coque mobile globale, dock non superposé et VoiceOver concis. */
.composer-brief-help{
  margin:.2rem 0 .55rem;
  color:#526b68;
  line-height:1.45;
}
.composer-media-help{
  margin:.55rem 0 0;
  border:0;
  background:transparent;
}
.composer-media-help>summary{
  min-height:44px;
  display:flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  padding:.45rem .7rem;
  border:1px solid rgba(20,105,97,.2);
  border-radius:999px;
  color:#245e58;
  background:#f6fbfa;
  font-weight:800;
  cursor:pointer;
}
.composer-media-help>p{
  margin:.55rem 0 0;
  color:#526b68;
  line-height:1.5;
}
.feed-cursor-status.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:780px){
  body.mobile-shell-active{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body.mobile-shell-active .feed-app-shell{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
    background:inherit!important;
  }
  body.mobile-shell-active .feed-app-shell>.site-header{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:100%!important;
    z-index:80!important;
    flex:none!important;
  }
  body.mobile-shell-active .feed-app-scroll{
    display:block!important;
    grid-row:2!important;
    min-width:0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-padding-block:1rem!important;
  }
  body.mobile-shell-active .feed-app-scroll main#contenu{
    min-height:auto!important;
    margin-top:1rem!important;
    padding-bottom:2rem!important;
  }
  body.mobile-shell-active .feed-app-scroll .site-footer{
    margin-bottom:0!important;
    padding-bottom:max(1.5rem,env(safe-area-inset-bottom))!important;
  }
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    grid-row:3!important;
    width:min(calc(100% - 16px),620px)!important;
    height:64px!important;
    margin:7px auto max(7px,env(safe-area-inset-bottom))!important;
    padding:4px 6px!important;
    z-index:90!important;
    flex:none!important;
  }
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-create{
    margin-top:0!important;
    transform:none!important;
  }
  body.mobile-shell-active :is(.hf-quick-trigger,.hf-instant-back,.hf-shortcut-dock){
    display:none!important;
  }
  body.mobile-shell-active :is(main,section,article,form,fieldset,dialog,[role="feed"],[role="article"]),
  body.mobile-shell-active :is(a,button,summary,input,select,textarea,[tabindex]:not([tabindex="-1"])){
    scroll-margin-bottom:1.25rem!important;
  }
  body.mobile-shell-active .nav-shell{
    padding-bottom:calc(2.5rem + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(5rem + env(safe-area-inset-bottom))!important;
  }
  body[data-route="social/index"] .composer-primary-actions{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body[data-route="social/index"] .composer-primary-actions .composer-visibility,
  body[data-route="social/index"] .composer-primary-actions .official-agent-audience{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.28rem!important;
    width:100%!important;
    min-width:0!important;
    padding:.8rem .9rem!important;
  }
  body[data-route="social/index"] .composer-primary-actions .official-agent-audience>*{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  body[data-route="social/index"] .composer-primary-actions .composer-submit{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
  }
  body[data-route="social/index"] .home-hub-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    gap:.7rem!important;
    padding-bottom:0!important;
  }
  body[data-route="social/index"] .home-action-card{
    width:100%!important;
    max-width:100%!important;
    min-height:96px!important;
    flex:none!important;
    scroll-snap-align:none!important;
  }
}

@media (max-width:430px){
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar{
    height:58px!important;
    margin:5px auto max(5px,env(safe-area-inset-bottom))!important;
    padding:3px 5px!important;
  }
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-item{
    height:44px!important;
  }
  body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-create{
    width:46px!important;
    height:46px!important;
  }
}

@supports not (height:100dvh){
  @media (max-width:780px){
    body.mobile-shell-active,
    body.mobile-shell-active .feed-app-shell{
      height:100vh!important;
      min-height:100vh!important;
    }
  }
}


/* Hucial 261.0.55 — Feed final, abonnements et finitions mobiles. */
.feed-post-simple-header{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.feed-post-author-copy{min-width:0!important}
.feed-post-author-copy h3{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;min-width:0}
.feed-follow-form{
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;align-self:center!important;
}
.feed-follow-form button{
  min-width:88px!important;min-height:42px!important;padding:.55rem .9rem!important;
  border:1px solid #16877e!important;border-radius:999px!important;
  background:linear-gradient(135deg,#57d0c7,#b8ece8)!important;color:#103d39!important;
  font-size:.88rem!important;font-weight:900!important;line-height:1!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.feed-follow-form.is-following button,
.feed-follow-form button[aria-pressed="true"]{
  background:#fff!important;border-color:#8fb8b3!important;color:#315d59!important;
}
.feed-simple-actions{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;align-items:stretch!important;
}
.feed-simple-actions form{height:100%!important;display:block!important}
.feed-simple-actions button{
  width:100%!important;height:100%!important;min-height:52px!important;
  border-radius:18px!important;padding:.7rem .55rem!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;
  font-size:.9rem!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;
  aspect-ratio:auto!important;
}
.feed-simple-comment-form{margin-top:.65rem!important;padding:.75rem!important;border-radius:20px!important}

@media(max-width:780px){
  body[data-route="social/index"] .social-sidebar{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.45rem!important;overflow:visible!important;width:100%!important;
  }
  body[data-route="social/index"] .social-sidebar>a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;min-height:46px!important;white-space:normal!important;text-align:center!important;
    line-height:1.2!important;padding:.65rem .55rem!important;
  }
  body[data-route="social/index"] .feed-view-tabs,
  body[data-route="social/index"] .circle-filters{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem!important;overflow:visible!important;max-width:100%!important;
  }
  body[data-route="social/index"] .feed-view-tabs a,
  body[data-route="social/index"] .circle-filters a{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;min-height:44px!important;white-space:normal!important;text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  .feed-simple-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.mobile-shell-active .feed-app-scroll{
    scroll-padding-bottom:2.5rem!important;
  }
  body.mobile-shell-active :is(main,section,article,form,fieldset,dialog,[role="feed"],[role="article"]),
  body.mobile-shell-active :is(a,button,summary,input,select,textarea,[tabindex]:not([tabindex="-1"])){
    scroll-margin-bottom:2.5rem!important;
  }
  .nav-personal-strip{grid-template-columns:1fr!important}
  .nav-personal-links{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}
  .nav-personal-links a{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
  .luxury-footer,.signature-footer{color:#fffaf4!important}
  .footer-luxury-copy p,.footer-luxury-meta,.footer-copyright small,.footer-extra,
  .footer-extra p,.signature-footer-links a{color:#e8ded5!important;opacity:1!important}
  .signature-footer-links a{text-decoration:underline!important;text-underline-offset:.22em!important}
}
@media(max-width:430px){
  .feed-post-simple-header{grid-template-columns:auto minmax(0,1fr)!important}
  .feed-follow-form{grid-column:2!important;justify-self:start!important}
  .feed-follow-form button{min-width:82px!important;min-height:40px!important;padding:.5rem .8rem!important}
  body[data-route="social/index"] .social-sidebar,
  body[data-route="social/index"] .feed-view-tabs,
  body[data-route="social/index"] .circle-filters{grid-template-columns:1fr 1fr!important}
  .feed-simple-actions{gap:6px!important}
  .feed-simple-actions button{min-height:50px!important;font-size:.86rem!important}
}


/* Feed mobile : chaque filtre occupe toute la largeur, sans valeur tronquée. */
@media(max-width:780px){
  body[data-route="social/index"] .human-feed-controls>form.feed-preferences-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:.8rem!important;
    width:100%!important;
  }
  body[data-route="social/index"] .feed-preferences-form>label,
  body[data-route="social/index"] .feed-preferences-form>button{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-route="social/index"] .feed-preferences-form select{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    text-overflow:clip!important;
  }
  body[data-route="social/index"] .feed-preferences-form .checkline{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:start!important;
  }
}

/* Engagement respectueux et préférences de notifications */
.notification-preferences{margin:1.2rem 0;padding:clamp(1rem,4vw,2rem);border:1px solid rgba(25,111,106,.2);border-radius:28px;background:rgba(255,255,255,.86)}
.notification-preferences-form{display:grid;gap:1rem}.notification-preferences-form fieldset{border:1px solid rgba(26,91,88,.16);border-radius:22px;padding:1rem;display:grid;gap:.75rem}.notification-preferences-form legend{font-weight:800;padding:0 .35rem}.notification-choice{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem;border-radius:16px;background:rgba(241,249,248,.75)}.notification-choice input{width:1.35rem;height:1.35rem;flex:0 0 auto}.notification-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.notification-time-grid label{display:grid;gap:.35rem;font-weight:700}.notification-time-grid input,.notification-time-grid select{width:100%;min-height:48px}.registration-email-choice{margin-top:1rem}.registration-email-choice .checkline{display:flex;align-items:flex-start;gap:.75rem}.registration-email-choice input{width:1.35rem;height:1.35rem;flex:0 0 auto}
@media(max-width:720px){.notification-time-grid{grid-template-columns:1fr}.notification-preferences{border-radius:22px;padding:1rem}.notification-choice{min-height:52px}}
