/* Hucial 261.0.215.59 — consolidated CSS bundle. Generated from validated 261.0.215.58 sources. */

/* ===== SOURCE: hucial-ui-v191.css | sha256:3ac2507e0d6bc59004fb4f363951482224efc8e5add7ad5bc8c142af3c8bcc6a ===== */
/* Hucial 261.0.191 — Accueil continu + repère latéral non masquant + menu essentiel + Pages mises en avant.
   Aucun emprunt de palette tierce : ivoire, cristal, sauge et encre Hucial uniquement. */

/* Accueil : le raccourci contextuel généré par l'ancien moteur est volontairement absent.
   Le dock fixe fournit déjà Accueil, Chat, Live, Jeux, Activité et Moi. */
body[data-route="social/index"] .hf-context-nav{display:none!important}

/* Feed : défilement naturel de la page, sans fenêtre interne qui enferme l'utilisateur. */
body[data-route="social/index"] .feed-user-stream{
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  padding:.15rem 0 .5rem!important;
  border-radius:0!important;
  scroll-snap-type:none!important;
  scrollbar-width:auto!important;
  overscroll-behavior-y:auto!important;
}
body[data-route="social/index"] .feed-user-stream>.social-post{
  scroll-snap-align:none!important;
  scroll-margin-top:clamp(8.2rem,17vw,10.1rem)!important;
}
body[data-route="social/index"] .feed-user-stream::-webkit-scrollbar{width:auto!important}
body[data-route="social/index"] .feed-user-stream::-webkit-scrollbar-track,
body[data-route="social/index"] .feed-user-stream::-webkit-scrollbar-thumb{background:initial!important;border:0!important}

/* Le gros panneau technique devient un repère compact et collant sous l'en-tête. */
body[data-route="social/index"] .hucial-feed-elevator{
  position:sticky!important;
  top:clamp(5rem,12vw,6rem)!important;
  z-index:38!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(88px,1.15fr) auto auto!important;
  gap:.38rem!important;
  align-items:center!important;
  margin:.28rem 0 .68rem!important;
  padding:.42rem .5rem!important;
  border:1px solid var(--h-line-strong)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,254,251,.95),rgba(234,249,246,.93))!important;
  box-shadow:0 9px 28px rgba(43,103,96,.12)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
body[data-route="social/index"] .feed-elevator-copy{gap:0!important;min-width:0!important}
body[data-route="social/index"] .feed-elevator-copy strong{font-size:.75rem!important;color:var(--h-ink)!important}
body[data-route="social/index"] .feed-elevator-copy span{font-size:.67rem!important;color:var(--h-muted)!important}
body[data-route="social/index"] .feed-elevator-copy small{font-size:.61rem!important;color:var(--h-muted)!important}
body[data-route="social/index"] .feed-elevator-page{
  min-height:38px!important;
  padding:.35rem .5rem!important;
  border-radius:12px!important;
  font-size:.68rem!important;
  background:rgba(255,255,255,.82)!important;
  color:var(--h-ink)!important;
}
body[data-route="social/index"] .feed-elevator-range input[type="range"]{min-height:38px!important;accent-color:#168f86!important}
body[data-route="social/index"] .feed-elevator-jump{
  grid-template-columns:auto 54px auto!important;
  gap:.25rem!important;
}
body[data-route="social/index"] .feed-elevator-jump label{font-size:.68rem!important}
body[data-route="social/index"] .feed-elevator-jump input{height:38px!important;min-height:38px!important;padding:.28rem .35rem!important;border-radius:11px!important}
body[data-route="social/index"] .feed-elevator-jump button{min-height:38px!important;padding:.32rem .5rem!important;border-radius:11px!important;font-size:.7rem!important}
body[data-route="social/index"] .hucial-feed-elevator.is-loading{opacity:.78!important}

body[data-route="social/index"] .feed-load-sentinel{
  min-height:78px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  margin:.4rem 0 1rem!important;
  padding:.7rem .8rem!important;
  border:1px dashed var(--h-line-strong)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.58)!important;
  color:var(--h-muted)!important;
}
body[data-route="social/index"] .feed-load-sentinel [data-feed-load-more]{
  min-height:40px!important;
  padding:.45rem .75rem!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

/* Tête du Feed : pas de jargon technique, seulement le titre, l'état et le filtre. */
body[data-route="social/index"] .feed-heading-next>div:first-child>p{display:none!important}
body[data-route="social/index"] .feed-heading-actions{display:flex!important;align-items:center!important;gap:.5rem!important}
body[data-route="social/index"] .feed-mode{font-size:.72rem!important;color:var(--h-muted)!important}

/* Menu : Hucial Pages devient le produit public mis en avant, sans ajouter un 7e onglet au dock. */
.hucial-pages-nav-feature{
  display:grid;
  gap:.68rem;
  margin:.1rem 0 .75rem;
  padding:1rem;
  border:1px solid var(--h-line-strong);
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 8%,rgba(112,216,209,.22),transparent 12rem),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,246,238,.9));
  box-shadow:var(--h-shadow-soft);
}
.hucial-pages-nav-feature .hucial-pages-nav-kicker{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#74532d}
.hucial-pages-nav-feature h3{margin:0;font-size:1.22rem;color:var(--h-ink)}
.hucial-pages-nav-feature p{margin:0;max-width:58ch;color:var(--h-muted);font-size:.88rem}
.hucial-pages-nav-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:.5rem}
.hucial-pages-nav-actions a{
  min-height:44px;display:flex;align-items:center;justify-content:center;padding:.58rem .7rem;border-radius:14px;
  border:1px solid var(--h-line-strong);text-decoration:none;font-weight:850;text-align:center;color:var(--h-ink);
  background:rgba(255,255,255,.82)
}
.hucial-pages-nav-actions a:first-child{background:linear-gradient(135deg,rgba(112,216,209,.78),rgba(186,239,232,.9));border-color:rgba(30,137,128,.34)}
.nav-primary-actions .nav-pill-pages{
  border-color:rgba(30,137,128,.38)!important;
  background:linear-gradient(145deg,rgba(112,216,209,.28),rgba(255,255,255,.92))!important;
  box-shadow:0 7px 20px rgba(31,123,114,.09)!important;
}
.nav-primary-actions .nav-pill-pages::after{content:"PHARE";font-size:.52rem;letter-spacing:.08em;font-weight:950;color:#74532d;margin-left:.18rem}

/* Les catégories sont volontairement plus courtes : les routes retirées du menu restent fonctionnelles. */
.nav-categories[data-nav-categories] .nav-category summary small{max-width:42ch}

@media(max-width:700px){
  body[data-route="social/index"] .hucial-feed-elevator{
    top:5.45rem!important;
    grid-template-columns:minmax(0,1fr) auto minmax(72px,1fr) auto!important;
    grid-template-areas:"copy prev range next" "jump jump jump jump"!important;
    padding:.42rem!important;
  }
  body[data-route="social/index"] .feed-elevator-copy{grid-area:copy!important}
  body[data-route="social/index"] [data-feed-prev]{grid-area:prev!important}
  body[data-route="social/index"] .feed-elevator-range{grid-area:range!important}
  body[data-route="social/index"] [data-feed-next]{grid-area:next!important}
  body[data-route="social/index"] .feed-elevator-jump{grid-area:jump!important;justify-content:end!important}
  body[data-route="social/index"] .feed-elevator-page span:not([aria-hidden="true"]){display:none!important}
  body[data-route="social/index"] .feed-elevator-page{width:40px!important;padding:.3rem!important}
  .hucial-pages-nav-actions{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  body[data-route="social/index"] .hucial-feed-elevator{top:5.3rem!important;border-radius:14px!important}
  body[data-route="social/index"] .feed-elevator-copy small{display:none!important}
  body[data-route="social/index"] .feed-elevator-copy span{font-size:.63rem!important}
  body[data-route="social/index"] .feed-elevator-jump{justify-content:start!important}
  .hucial-pages-nav-feature{padding:.82rem;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){body[data-route="social/index"] .feed-user-stream{scroll-behavior:auto!important}}
@media(forced-colors:active){
  body[data-route="social/index"] .hucial-feed-elevator,.hucial-pages-nav-feature{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important;backdrop-filter:none!important}
}
html[data-reduce-transparency="1"] body[data-route="social/index"] .hucial-feed-elevator,
html[data-reduce-transparency="1"] .hucial-pages-nav-feature{background:var(--h-pearl)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}


/* Hucial 261.0.191 — le Repère ne reste plus au-dessus des publications.
   En haut du Feed il reste dans le flux normal. Une fois dépassé, un rail latéral
   compact prend le relais et le contenu réserve sa largeur : aucune carte n'est recouverte. */
body[data-route="social/index"] .hucial-feed-elevator{
  position:relative!important;
  top:auto!important;
  z-index:10!important;
}
body[data-route="social/index"] .feed-elevator-rail[hidden]{display:none!important}
body[data-route="social/index"] .feed-elevator-rail{
  position:fixed!important;
  right:max(.28rem,env(safe-area-inset-right))!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:72!important;
  width:42px!important;
  min-width:42px!important;
  height:78px!important;
  min-height:78px!important;
  padding:.35rem .2rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(30,137,128,.42)!important;
  border-right:0!important;
  border-radius:16px 0 0 16px!important;
  background:linear-gradient(155deg,rgba(255,254,251,.97),rgba(188,239,233,.96))!important;
  color:var(--h-ink)!important;
  box-shadow:-7px 9px 24px rgba(43,103,96,.13)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  font-size:.7rem!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  writing-mode:horizontal-tb!important;
}
body[data-route="social/index"] .feed-elevator-rail:focus-visible{
  outline:3px solid #08766e!important;
  outline-offset:2px!important;
}
body[data-route="social/index"] .feed-user-publications.has-feed-side-rail .feed-user-stream{
  padding-right:3.05rem!important;
}
body[data-route="social/index"] .feed-user-publications.has-feed-side-rail .feed-load-sentinel{
  margin-right:3.05rem!important;
}
body[data-route="social/index"] .hucial-feed-elevator.is-feed-popover{
  position:fixed!important;
  top:max(calc(var(--header-height,72px) + .55rem),5.4rem)!important;
  right:3.25rem!important;
  left:max(.55rem,env(safe-area-inset-left))!important;
  width:auto!important;
  max-width:720px!important;
  max-height:min(64vh,440px)!important;
  overflow:auto!important;
  z-index:74!important;
  margin:0!important;
  padding:.62rem!important;
  border-radius:18px!important;
  box-shadow:0 20px 55px rgba(25,72,66,.24)!important;
}
body[data-route="social/index"] .hucial-feed-elevator.is-feed-popover::before{
  content:"Navigation du Feed";
  grid-column:1/-1;
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.08em;
  color:var(--h-muted);
  text-transform:uppercase;
}

/* Favoris et Récents n'occupent plus de grandes cartes lorsqu'ils sont vides. */
.nav-personal-block.is-empty{display:none!important}
.nav-personal-strip[hidden]{display:none!important}

@media(max-width:700px){
  body[data-route="social/index"] .hucial-feed-elevator{position:relative!important;top:auto!important}
  body[data-route="social/index"] .hucial-feed-elevator.is-feed-popover{
    position:fixed!important;
    top:max(calc(var(--header-height,72px) + .45rem),5.25rem)!important;
    right:3.05rem!important;
    left:.45rem!important;
    grid-template-columns:minmax(0,1fr) auto minmax(72px,1fr) auto!important;
    grid-template-areas:"copy prev range next" "jump jump jump jump"!important;
  }
}
@media(max-width:430px){
  body[data-route="social/index"] .feed-user-publications.has-feed-side-rail .feed-user-stream{padding-right:2.8rem!important}
  body[data-route="social/index"] .feed-user-publications.has-feed-side-rail .feed-load-sentinel{margin-right:2.8rem!important}
  body[data-route="social/index"] .feed-elevator-rail{width:39px!important;min-width:39px!important;height:72px!important;min-height:72px!important;font-size:.66rem!important}
  body[data-route="social/index"] .hucial-feed-elevator.is-feed-popover{right:2.85rem!important;left:.35rem!important}
}
@media(forced-colors:active){
  body[data-route="social/index"] .feed-elevator-rail{border:2px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}
}
html[data-reduce-transparency="1"] body[data-route="social/index"] .feed-elevator-rail{background:var(--h-pearl)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* ===== SOURCE: hucial-visual-v192.css | sha256:a0c824034145130897e62c6eb949227f36ca2ec15402458a76fb16bb6572cd51 ===== */
/* Hucial 261.0.192 — Visual Identity Polish, cross-device & contrast lock.
   Objectif : une seule charte Hucial sur iPhone, Android, tablette, Mac, PC, Linux et TV.
   La géométrie s'adapte à la taille de l'écran, mais la palette, les contrastes, les rayons,
   les surfaces et la hiérarchie visuelle restent identiques. */

:root{
  --hv-bg:#F7FAF9;
  --hv-surface:#FFFFFF;
  --hv-surface-soft:#F0F7F5;
  --hv-surface-accent:#D5F4F1;
  --hv-surface-accent-2:#E8F8F6;
  --hv-ink:#12343B;
  --hv-muted:#3D555A;
  --hv-accent:#0E746B;
  --hv-accent-strong:#075D56;
  --hv-border:#6E918C;
  --hv-border-soft:#C8D8D5;
  --hv-gold:#6A4A16;
  --hv-gold-border:#8B6B31;
  --hv-gold-bg:#FFF8E6;
  --hv-danger:#7A1F1F;
  --hv-danger-bg:#FFF4F2;
  --hv-radius-control:14px;
  --hv-radius-card:22px;
  --hv-radius-feature:28px;
  --hv-shadow-card:0 8px 24px rgba(18,52,59,.065);
  --hv-shadow-float:0 14px 38px rgba(18,52,59,.12);
  --hv-focus:0 0 0 3px #F7FAF9,0 0 0 6px #075D56;

  /* Compatibilité avec les générations Hucial précédentes. */
  --h-ivory:var(--hv-bg);--h-pearl:var(--hv-surface);--h-sage:var(--hv-surface-soft);
  --h-ink:var(--hv-ink);--h-muted:var(--hv-muted);--h-crystal:#70D8D1;
  --h-line:var(--hv-border-soft);--h-line-strong:var(--hv-border);
  --h-radius-sm:var(--hv-radius-control);--h-radius-md:18px;--h-radius-lg:var(--hv-radius-card);--h-radius-xl:var(--hv-radius-feature);
  --h-shadow:var(--hv-shadow-float);--h-shadow-soft:var(--hv-shadow-card);
  --h-focus:var(--hv-focus);
  --bg:var(--hv-bg);--surface:var(--hv-surface);--surface-2:var(--hv-surface-soft);--card:var(--hv-surface);
  --text:var(--hv-ink);--muted:var(--hv-muted);--accent:var(--hv-accent);--border:var(--hv-border-soft);
  --flow-glass:#FFFFFF;--flow-ink:var(--hv-ink);--flow-muted:var(--hv-muted);--flow-accent:var(--hv-accent);
  --flow-accent-soft:var(--hv-surface-accent);--flow-line:var(--hv-border-soft);--flow-shadow:0 -8px 24px rgba(18,52,59,.09);
  --pages-ink:var(--hv-ink);--pages-muted:var(--hv-muted);--pages-line:var(--hv-border-soft);
  --pages-accent:var(--hv-accent);--pages-soft:var(--hv-surface-accent-2);--pages-ivory:var(--hv-bg);--pages-card:var(--hv-surface);
}

/* L'OS ne doit plus substituer automatiquement une autre palette à Hucial.
   Un thème Hucial explicitement choisi par l'utilisateur reste une préférence volontaire. */
html:not([data-theme="dark"]){color-scheme:light!important;background:var(--hv-bg)!important}
@media(prefers-color-scheme:dark){
  html:not([data-theme="dark"]){
    --h-ivory:var(--hv-bg)!important;--h-pearl:var(--hv-surface)!important;--h-sage:var(--hv-surface-soft)!important;
    --h-ink:var(--hv-ink)!important;--h-muted:var(--hv-muted)!important;--h-line:var(--hv-border-soft)!important;--h-line-strong:var(--hv-border)!important;
    --bg:var(--hv-bg)!important;--surface:var(--hv-surface)!important;--surface-2:var(--hv-surface-soft)!important;--card:var(--hv-surface)!important;
    --text:var(--hv-ink)!important;--muted:var(--hv-muted)!important;--accent:var(--hv-accent)!important;--border:var(--hv-border-soft)!important;
  }
  html:not([data-theme="dark"]) body{background:var(--hv-bg)!important;color:var(--hv-ink)!important}
  html:not([data-theme="dark"]) :is(.card,.social-post,.composer-card,.privacy-panel,.trust-card,.social-sidebar,.home-section,.home-body,form,.panel,.modal-content,.dropdown-menu,.nav-category,.hucial-home-hub,.public-luxury-hero){background:var(--hv-surface)!important;color:var(--hv-ink)!important}
  html:not([data-theme="dark"]) :is(input,textarea,select){background:#fff!important;color:var(--hv-ink)!important;-webkit-text-fill-color:var(--hv-ink)!important}
  html:not([data-theme="dark"]) :is(.site-header,.app-header,header[role="banner"]){background:#fff!important}
}

body{
  color:var(--hv-ink)!important;
  background:
    radial-gradient(circle at 9% 0%,rgba(112,216,209,.09),transparent 24rem),
    linear-gradient(180deg,#FFFFFF 0,var(--hv-bg) 34%,#F5F9F7 100%)!important;
}
h1,h2,h3,h4,h5,h6,strong,label{color:var(--hv-ink)!important}
:is(p,li,small,.muted,.help,.subtle,.feed-post-author-copy p){color:var(--hv-muted)}
a{color:var(--hv-accent-strong)}
a:hover{text-decoration-thickness:2px;text-underline-offset:.18em}

/* Focus uniforme, visible et sans dépendance à la couleur seule. */
:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--hv-accent-strong)!important;
  outline-offset:3px!important;
  box-shadow:none!important;
}

/* Une surface = un niveau : moins de cadres imbriqués, plus de contenu. */
:is(.card,.social-post,.composer-card,.composer-card-primary,.privacy-panel,.trust-card,.home-section,.home-body,.panel,.nav-category,.hucial-pages-nav-feature,.page-card,.pages-section,.page-public-section,.page-publish-card,.page-core-form,.page-foundation-note){
  background:var(--hv-surface)!important;
  color:var(--hv-ink)!important;
  border:1px solid var(--hv-border-soft)!important;
  border-radius:var(--hv-radius-card)!important;
  box-shadow:var(--hv-shadow-card)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:is(.card,.social-post,.composer-card,.composer-card-primary,.home-section,.panel)::after{opacity:.45}

.site-header,.app-header,header[role="banner"]{
  background:#FFFFFF!important;
  color:var(--hv-ink)!important;
  border-bottom:1px solid var(--hv-border-soft)!important;
  box-shadow:0 4px 16px rgba(18,52,59,.055)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.nav-toggle{background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important;border:1px solid var(--hv-border)!important;box-shadow:none!important}
.nav-toggle span{background:var(--hv-ink)!important}

/* Contrôles : bordure identifiable >= 3:1, texte sombre sur fond clair. */
:is(input,textarea,select){
  background:#FFFFFF!important;color:var(--hv-ink)!important;-webkit-text-fill-color:var(--hv-ink)!important;
  border:1px solid var(--hv-border)!important;border-radius:var(--hv-radius-control)!important;
  box-shadow:none!important;color-scheme:light!important;
}
:is(input,textarea)::placeholder{color:#54676B!important;-webkit-text-fill-color:#54676B!important;opacity:1!important}

:is(.primary-button,.button,input[type="submit"],form button[type="submit"]):not(.danger-button):not(.feed-owner-delete):not(.feed-delete-confirm){
  background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important;
  border:1px solid var(--hv-border)!important;box-shadow:none!important;
}
:is(.primary-button,.button,input[type="submit"],form button[type="submit"]):not(.danger-button):not(.feed-owner-delete):not(.feed-delete-confirm):is(:hover,:focus-visible){background:#C5EFEA!important}
:is(.secondary-button,.quiet-button){background:#fff!important;color:var(--hv-accent-strong)!important;border:1px solid var(--hv-border)!important;box-shadow:none!important}
:is(.danger-button,.feed-owner-delete,.feed-delete-confirm){background:var(--hv-danger-bg)!important;color:var(--hv-danger)!important;border:1px solid var(--hv-danger)!important}

/* Signature Hucial : l'orbite est un accent rare, pas un motif partout. */
.hucial-pages-nav-feature,.pages-hero,.hucial-settings-hero{
  position:relative;overflow:hidden!important;
  background:linear-gradient(145deg,#FFFFFF 0%,#FBFEFD 72%,#F0FAF8 100%)!important;
}
.hucial-pages-nav-feature::before,.pages-hero::before,.hucial-settings-hero::before{
  content:"";position:absolute;right:-46px;top:-54px;width:150px;height:150px;border:1px solid rgba(14,116,107,.16);border-radius:50%;pointer-events:none;
}
.hucial-pages-nav-feature::after,.pages-hero::after,.hucial-settings-hero::after{
  content:"";position:absolute;right:-12px;top:31px;width:118px;height:1px;background:rgba(14,116,107,.18);transform:rotate(-22deg);pointer-events:none;
}

/* Feed : la publication est le héros, l'interface recule. */
body[data-route="social/index"] .feed-post-simple{
  padding:clamp(14px,2.1vw,18px)!important;
  border-radius:var(--hv-radius-card)!important;
  border:1px solid var(--hv-border-soft)!important;
  background:#FFFFFF!important;
  box-shadow:var(--hv-shadow-card)!important;
}
body[data-route="social/index"] .feed-post-simple:hover{border-color:#AFC4C0!important;box-shadow:0 10px 28px rgba(18,52,59,.085)!important}
body[data-route="social/index"] .feed-post-simple-header{gap:10px!important}
body[data-route="social/index"] .feed-post-author-copy h3{font-size:1rem!important;letter-spacing:-.02em!important}
body[data-route="social/index"] .feed-post-author-copy p{font-size:.82rem!important;margin-top:.18rem!important;color:var(--hv-muted)!important}
body[data-route="social/index"] .feed-post-title{font-size:clamp(1.12rem,2.7vw,1.28rem)!important;margin:.72rem 0 .35rem!important}
body[data-route="social/index"] .feed-post-simple .post-body{color:var(--hv-ink)!important;font-size:1.02rem!important;line-height:1.58!important}
body[data-route="social/index"] .post-primary-content{margin-top:.15rem!important}
body[data-route="social/index"] .post-media-item{border-radius:16px!important;border-color:var(--hv-border-soft)!important;background:var(--hv-surface-soft)!important}

/* Page Hucial : une signature discrète et constante. */
.feed-page-actor-badge{
  display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:.18rem .48rem!important;
  border-radius:999px!important;background:var(--hv-surface-accent-2)!important;color:var(--hv-accent-strong)!important;
  border:1px solid var(--hv-border)!important;font-size:.68rem!important;font-weight:850!important;letter-spacing:.01em!important;
}

/* Le badge Pionnier reste précieux, mais ne concurrence plus le nom. */
.hucial-badge-chip.is-pioneer.is-feed{
  min-height:26px!important;padding:.18rem .5rem!important;border-radius:999px!important;
  background:var(--hv-gold-bg)!important;color:var(--hv-gold)!important;border:1px solid var(--hv-gold-border)!important;
  box-shadow:none!important;font-size:.7rem!important;font-weight:850!important;
}
.hucial-badge-chip.is-pioneer.is-feed img{width:18px!important;height:18px!important}

/* Actions Feed : 6 fonctions conservées, mais deux rangées compactes au lieu de gros pavés. */
body[data-route="social/index"] .feed-simple-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;margin-top:.8rem!important;padding-top:.72rem!important;
  border-top:1px solid var(--hv-border-soft)!important;
}
body[data-route="social/index"] .feed-simple-actions form{height:auto!important;margin:0!important}
body[data-route="social/index"] .feed-simple-actions button{
  min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:none!important;
  padding:.45rem .38rem!important;border-radius:var(--hv-radius-control)!important;
  background:#FFFFFF!important;color:var(--hv-ink)!important;border:1px solid var(--hv-border)!important;
  font-size:.78rem!important;font-weight:820!important;line-height:1.08!important;white-space:normal!important;
  box-shadow:none!important;
}
body[data-route="social/index"] .feed-simple-actions :is(.feed-like-form,.feed-repost-form)>button,
body[data-route="social/index"] .feed-simple-actions>[data-feed-external-share]:first-of-type{
  background:var(--hv-surface-accent-2)!important;color:var(--hv-accent-strong)!important;
}
body[data-route="social/index"] .feed-simple-actions button[aria-pressed="true"]{
  background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important;border-color:var(--hv-accent-strong)!important;
}
body[data-route="social/index"] .feed-simple-actions .hucial-story-button{
  background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important;border-color:var(--hv-accent)!important;
}
body[data-route="social/index"] .feed-simple-actions .feed-report-trigger{
  background:#FFFFFF!important;color:#5B3B3B!important;border-color:#9B7777!important;
}
body[data-route="social/index"] .feed-simple-actions button[aria-disabled="true"]{
  opacity:1!important;background:#F4F7F6!important;color:#54676B!important;border-color:#8FA5A1!important;
}

body[data-route="social/index"] .feed-owner-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  margin:.72rem 0 0!important;padding:.72rem 0 0!important;border-top:1px solid var(--hv-border-soft)!important;
}
body[data-route="social/index"] .feed-owner-actions button{min-height:44px!important;border-radius:var(--hv-radius-control)!important;padding:.5rem .7rem!important;font-size:.82rem!important;box-shadow:none!important}
body[data-route="social/index"] .feed-owner-edit{background:var(--hv-surface-accent-2)!important;color:var(--hv-accent-strong)!important;border:1px solid var(--hv-border)!important}
body[data-route="social/index"] .feed-owner-delete{background:var(--hv-danger-bg)!important;color:var(--hv-danger)!important;border:1px solid var(--hv-danger)!important}

body[data-route="social/index"] .feed-simple-comment-form{
  margin-top:.65rem!important;padding:.55rem!important;gap:6px!important;border:1px solid var(--hv-border-soft)!important;
  border-radius:18px!important;background:var(--hv-surface-soft)!important;box-shadow:none!important;
}
body[data-route="social/index"] .feed-simple-comment-form textarea{min-height:44px!important;border-radius:13px!important}
body[data-route="social/index"] .feed-simple-comment-form button{min-height:44px!important;border-radius:13px!important;padding-inline:.85rem!important}

/* Repère : discret mais contrasté et toujours identifiable. */
body[data-route="social/index"] .feed-elevator-rail{
  background:#FFFFFF!important;color:var(--hv-ink)!important;border-color:var(--hv-border)!important;
  box-shadow:-5px 8px 18px rgba(18,52,59,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body[data-route="social/index"] .hucial-feed-elevator{background:#FFFFFF!important;border-color:var(--hv-border)!important;box-shadow:var(--hv-shadow-float)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Dock : signature stable, opaque et identique quel que soit le moteur de rendu. */
.hucial-flow-bar{
  background:#FFFFFF!important;border:1px solid var(--hv-border-soft)!important;
  box-shadow:0 -6px 22px rgba(18,52,59,.09)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border-radius:22px!important;
}
.hucial-flow-bar::before{display:none!important}
.hucial-flow-item{position:relative!important;color:var(--hv-muted)!important;border-radius:14px!important}
.hucial-flow-item:is(:hover,:focus-visible){color:var(--hv-accent-strong)!important;background:var(--hv-surface-accent-2)!important}
.hucial-flow-item.is-active,.hucial-flow-item[aria-current="page"]{
  color:var(--hv-accent-strong)!important;background:var(--hv-surface-accent)!important;
  box-shadow:inset 0 0 0 1px var(--hv-border)!important;
}
.hucial-flow-item.is-active .hucial-flow-icon,.hucial-flow-item[aria-current="page"] .hucial-flow-icon{
  display:grid!important;place-items:center!important;border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(7,93,86,.18)!important;
}
.hucial-flow-item svg{stroke-width:1.9!important}
.hucial-flow-label{font-weight:790!important}

/* Menu principal : Pages est phare, sans effet publicitaire criard. */
.hucial-pages-nav-feature{padding:clamp(.85rem,2vw,1.05rem)!important;gap:.55rem!important}
.hucial-pages-nav-feature .hucial-pages-nav-kicker{color:var(--hv-gold)!important;font-size:.64rem!important}
.hucial-pages-nav-feature h3{font-size:1.12rem!important}
.hucial-pages-nav-feature p{font-size:.84rem!important;color:var(--hv-muted)!important}
.hucial-pages-nav-actions a{min-height:44px!important;border:1px solid var(--hv-border)!important;border-radius:var(--hv-radius-control)!important;background:#fff!important;color:var(--hv-ink)!important}
.hucial-pages-nav-actions a:first-child{background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important}
.nav-primary-actions .nav-pill-pages{background:var(--hv-surface-accent-2)!important;border-color:var(--hv-border)!important;box-shadow:none!important}
.nav-primary-actions .nav-pill-pages::after{color:var(--hv-gold)!important}

/* Pages : la même charte que le réseau principal. */
.hucial-pages-shell{background:var(--hv-bg)!important;color:var(--hv-ink)!important}
.pages-site-header{background:#FFFFFF!important;border-color:var(--hv-border-soft)!important}
.pages-main-menu summary{background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important;border-color:var(--hv-border)!important}
.pages-main-menu nav{background:#FFFFFF!important;border-color:var(--hv-border-soft)!important;box-shadow:var(--hv-shadow-card)!important}
.pages-main-menu nav a{color:var(--hv-accent-strong)!important}
.page-type-chip,.page-language-nav a[aria-current="page"]{background:var(--hv-surface-accent-2)!important;color:var(--hv-accent-strong)!important}
.pages-mobile-flow{background:#FFFFFF!important;border-color:var(--hv-border-soft)!important;box-shadow:0 -6px 22px rgba(18,52,59,.09)!important}
.pages-mobile-flow a{color:var(--hv-muted)!important}.pages-mobile-flow .pages-flow-create{background:var(--hv-surface-accent)!important;color:var(--hv-ink)!important}

/* Messages d'état : couleur + contraste, jamais couleur seule. */
.page-success{background:#EFFAF5!important;color:#184F3D!important;border:1px solid #5C8B78!important}
.page-error{background:var(--hv-danger-bg)!important;color:var(--hv-danger)!important;border:1px solid var(--hv-danger)!important}

/* Même palette à toutes les tailles : seules les dimensions et colonnes changent. */
@media(max-width:780px){
  body[data-route="social/index"] .feed-simple-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-route="social/index"] .feed-post-simple{padding:14px!important}
  .hucial-flow-bar{border-radius:20px!important}
}
@media(max-width:430px){
  body[data-route="social/index"] .feed-simple-actions{gap:5px!important}
  body[data-route="social/index"] .feed-simple-actions button{font-size:.72rem!important;padding:.38rem .22rem!important}
  body[data-route="social/index"] .feed-owner-actions button{font-size:.78rem!important;padding:.45rem .45rem!important}
  .hucial-flow-item span{font-size:.58rem!important}
}
@media(min-width:1200px){
  body[data-route="social/index"] .feed-post-simple{padding:18px!important}
  .hucial-flow-bar{max-width:760px!important}
}

/* Préférences d'accessibilité : elles ont priorité sur l'identité décorative. */
html[data-high-contrast="1"]{
  --hv-ink:#081B1F;--hv-muted:#263C40;--hv-border:#365B57;--hv-border-soft:#688A85;--hv-accent-strong:#064E49;
}
html[data-high-contrast="1"] :is(.card,.social-post,.composer-card,input,textarea,select,button,.button,.hucial-flow-bar){border-width:2px!important}
html[data-reduce-transparency="1"] :is(.site-header,.app-header,.hucial-flow-bar,.hucial-feed-elevator,.feed-elevator-rail,.hucial-pages-nav-feature){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hucial-flow-item,.social-post,button,.button{transition:none!important;animation:none!important}}
@media(forced-colors:active){
  :is(.card,.social-post,.composer-card,.hucial-flow-bar,.hucial-pages-nav-feature,input,textarea,select,button,.button){forced-color-adjust:auto!important;border:1px solid CanvasText!important;background:Canvas!important;color:CanvasText!important}
  :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}
}

/* ===== SOURCE: hucial-viral-lock-v193.css | sha256:90f9f9f32e3b8e6788fa4df33913d6056a15f56c67da5bbfef6450c83e0e13bc ===== */
/* Hucial 261.0.193 — Verrou de viralité du Feed.
   Cette feuille NE retire aucune fonction. Elle garantit que les cartes de découverte,
   de personnes, de Pages et d'invitation restent visibles avec la charte V192. */
body[data-route="social/index"] :is(.viral-growth-strip-v139,.friend-feed-card,.friend-feed-card-living,.friend-feed-pages,.friend-feed-people){
  visibility:visible!important;opacity:1!important;content-visibility:visible!important;
}
body[data-route="social/index"] .friend-feed-card{
  display:block!important;
  background:#FFFFFF!important;
  color:var(--hv-ink,#12343B)!important;
  border:1px solid var(--hv-border-soft,#C8D8D5)!important;
  border-radius:var(--hv-radius-card,22px)!important;
  box-shadow:var(--hv-shadow-card,0 8px 24px rgba(18,52,59,.065))!important;
  margin:clamp(12px,2vw,18px) 0!important;
}
body[data-route="social/index"] .friend-feed-card>header{
  background:transparent!important;color:var(--hv-ink,#12343B)!important;
  border:0!important;box-shadow:none!important;
}
body[data-route="social/index"] .friend-feed-card :is(h2,h3,strong){color:var(--hv-ink,#12343B)!important}
body[data-route="social/index"] .friend-feed-card :is(p,small,.friend-feed-why){color:var(--hv-muted,#3D555A)!important}
body[data-route="social/index"] .friend-feed-card .eyebrow{color:var(--hv-gold,#6A4A16)!important}
body[data-route="social/index"] .friend-feed-people,
body[data-route="social/index"] .friend-feed-pages{display:grid!important;visibility:visible!important;opacity:1!important}
body[data-route="social/index"] .friend-feed-people article,
body[data-route="social/index"] .friend-feed-pages>a{
  background:var(--hv-surface-soft,#F0F7F5)!important;
  color:var(--hv-ink,#12343B)!important;
  border:1px solid var(--hv-border-soft,#C8D8D5)!important;
  border-radius:16px!important;
}
body[data-route="social/index"] .friend-feed-pages>a em,
body[data-route="social/index"] .friend-feed-head-actions>a{
  color:var(--hv-accent-strong,#075D56)!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:.16em!important;
}
body[data-route="social/index"] .viral-growth-strip-v139{
  display:block!important;visibility:visible!important;opacity:1!important;
  background:#FFFFFF!important;color:var(--hv-ink,#12343B)!important;
  border:1px solid var(--hv-border-soft,#C8D8D5)!important;
  box-shadow:var(--hv-shadow-card,0 8px 24px rgba(18,52,59,.065))!important;
}
body[data-route="social/index"] .viral-growth-strip-v139 :is(h2,strong){color:var(--hv-ink,#12343B)!important}
body[data-route="social/index"] .viral-growth-strip-v139 :is(p,small){color:var(--hv-muted,#3D555A)!important}
/* Le moteur garde ses limites de fréquence et de confidentialité ; V193 verrouille seulement sa présence UI. */
@media(max-width:780px){
  body[data-route="social/index"] .friend-feed-card{margin:12px 0!important}
}
@media(forced-colors:active){
  body[data-route="social/index"] :is(.viral-growth-strip-v139,.friend-feed-card,.friend-feed-people article,.friend-feed-pages>a){
    forced-color-adjust:auto!important;background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;
  }
}

/* ===== SOURCE: hucial-viral-v194.css | sha256:c14b4474a30050007cc2c6bb5e084c41bbe672e3c46a40807261010a4557e67c ===== */
/* Hucial 261.0.194 — Adaptive Viral Discovery UI.
   Identité Hucial V192 conservée. Les cartes virales deviennent reconnaissables sans
   devenir agressives : humains = turquoise, Pages = or discret, invitation = teal profond.
   Les textes restent lisibles et les contrôles conservent un contraste >= WCAG AA. */

body[data-route="social/index"] .friend-feed-card[data-viral-kind]{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:clamp(14px,2.2vw,19px)!important;
  border-radius:var(--hv-radius-feature,28px)!important;
  box-shadow:0 10px 30px rgba(18,52,59,.08)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind]::before{
  content:"";position:absolute;z-index:-1;right:-66px;top:-72px;width:178px;height:178px;
  border:1px solid rgba(14,116,107,.15);border-radius:50%;pointer-events:none;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind]::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--hv-accent,#0E746B);pointer-events:none;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind] > header{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;
  margin:0 0 13px!important;padding:0!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind] > header > div:first-child{min-width:0;max-width:46rem}
body[data-route="social/index"] .friend-feed-card[data-viral-kind] .eyebrow{
  display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:.22rem .58rem!important;
  border-radius:999px!important;background:var(--hv-surface-accent,#D5F4F1)!important;color:var(--hv-accent-strong,#075D56)!important;
  border:1px solid var(--hv-border,#6E918C)!important;font-size:.67rem!important;font-weight:850!important;letter-spacing:.075em!important;
  margin-bottom:.45rem!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind] h2{
  margin:0!important;font-size:clamp(1.14rem,2.9vw,1.42rem)!important;line-height:1.16!important;letter-spacing:-.025em!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind] header p{
  margin:.38rem 0 0!important;line-height:1.48!important;font-size:.94rem!important;max-width:42rem!important;
}
body[data-route="social/index"] .friend-feed-head-actions{
  display:flex!important;align-items:center!important;gap:.55rem!important;flex:0 0 auto!important;
}
body[data-route="social/index"] .friend-feed-head-actions a{
  display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:.5rem .72rem!important;
  border:1px solid var(--hv-border,#6E918C)!important;border-radius:12px!important;background:#fff!important;
  color:var(--hv-accent-strong,#075D56)!important;font-weight:800!important;text-decoration:none!important;
}
body[data-route="social/index"] .friend-feed-head-actions a:hover{background:var(--hv-surface-accent-2,#E8F8F6)!important}
body[data-route="social/index"] .friend-feed-count{
  border-radius:999px!important;background:#fff!important;border:1px solid var(--hv-border-soft,#C8D8D5)!important;
  color:var(--hv-muted,#3D555A)!important;font-size:.72rem!important;font-weight:760!important;padding:.3rem .52rem!important;
}

/* Humains : chaleur + proximité, sans prétendre qu'une relation existe. */
body[data-route="social/index"] .friend-feed-card[data-viral-kind="people"]{
  background:linear-gradient(145deg,#FFFFFF 0%,#FCFEFD 68%,#EFFAF8 100%)!important;
  border:1px solid #AFCBC6!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="people"]::after{background:linear-gradient(180deg,#0E746B,#70D8D1)!important}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="people"] .friend-feed-people{
  gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="people"] .friend-feed-people article{
  background:#FFFFFF!important;border:1px solid #B7CFCA!important;border-radius:18px!important;
  box-shadow:0 4px 14px rgba(18,52,59,.045)!important;padding:11px!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="people"] .friend-feed-avatar{
  box-shadow:0 0 0 3px #E8F8F6,0 0 0 4px #6E918C!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="people"] .friend-feed-why{
  display:block!important;margin-top:.3rem!important;line-height:1.35!important;color:var(--hv-muted,#3D555A)!important;
}

/* Pages : une signature légèrement dorée, cohérente avec le produit phare. */
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"]{
  background:linear-gradient(145deg,#FFFFFF 0%,#FFFDFC 64%,#FFF8E6 100%)!important;
  border:1px solid #BDAA7A!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"]::before{border-color:rgba(106,74,22,.16)!important}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"]::after{background:linear-gradient(180deg,#8B6B31,#D8B867)!important}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"] .eyebrow{
  background:var(--hv-gold-bg,#FFF8E6)!important;color:var(--hv-gold,#6A4A16)!important;border-color:var(--hv-gold-border,#8B6B31)!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"] .friend-feed-pages{
  gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"] .friend-feed-pages>a{
  min-height:82px!important;padding:11px!important;background:#FFFFFF!important;border:1px solid #C8B990!important;border-radius:18px!important;
  box-shadow:0 4px 14px rgba(106,74,22,.045)!important;text-decoration:none!important;
}
body[data-route="social/index"] .friend-feed-card[data-viral-kind="pages"] .friend-feed-pages>a em{
  color:var(--hv-gold,#6A4A16)!important;font-weight:850!important;font-style:normal!important;
}
body[data-route="social/index"] .friend-feed-page-creator-prompt{
  margin-top:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:12px 13px!important;border:1px solid var(--hv-gold-border,#8B6B31)!important;border-radius:16px!important;background:var(--hv-gold-bg,#FFF8E6)!important;
}
body[data-route="social/index"] .friend-feed-page-creator-prompt span{display:grid!important;gap:.2rem!important}
body[data-route="social/index"] .friend-feed-page-creator-prompt strong{color:var(--hv-gold,#6A4A16)!important}
body[data-route="social/index"] .friend-feed-page-creator-prompt small{color:#58451F!important;line-height:1.35!important}
body[data-route="social/index"] .friend-feed-page-creator-prompt .secondary-button{
  flex:0 0 auto!important;background:#FFFFFF!important;color:var(--hv-gold,#6A4A16)!important;border-color:var(--hv-gold-border,#8B6B31)!important;
}

/* Rappel d'invitation : le seul encart sombre. Le contraste blanc/teal profond dépasse largement AA. */
body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder{
  background:linear-gradient(135deg,#075D56 0%,#084D49 100%)!important;
  border:1px solid #084D49!important;box-shadow:0 14px 34px rgba(7,93,86,.20)!important;
}
body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder::before{
  width:210px;height:210px;right:-76px;top:-88px;border-color:rgba(255,255,255,.20)!important;
}
body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder::after{background:#D8B867!important;width:5px!important}
body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder :is(h2,p,strong,small){color:#FFFFFF!important}
body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder .eyebrow{
  background:#FFFFFF!important;color:#075D56!important;border-color:#FFFFFF!important;
}
body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder .friend-feed-head-actions{display:none!important}
body[data-route="social/index"] .friend-feed-reminder-actions{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;margin-top:12px!important;
}
body[data-route="social/index"] .viral-reminder-primary,
body[data-route="social/index"] .viral-reminder-secondary,
body[data-route="social/index"] .viral-reminder-link{
  min-height:44px!important;padding:.62rem .9rem!important;border-radius:14px!important;font-weight:850!important;font:inherit;
  cursor:pointer;text-decoration:none!important;
}
body[data-route="social/index"] .viral-reminder-primary{
  background:#FFFFFF!important;color:#075D56!important;border:2px solid #FFFFFF!important;
}
body[data-route="social/index"] .viral-reminder-secondary{
  background:#D5F4F1!important;color:#12343B!important;border:2px solid #D5F4F1!important;
}
body[data-route="social/index"] .viral-reminder-link{
  display:inline-flex!important;align-items:center!important;background:transparent!important;color:#FFFFFF!important;border:2px solid rgba(255,255,255,.75)!important;
}
body[data-route="social/index"] :is(.viral-reminder-primary,.viral-reminder-secondary,.viral-reminder-link):focus-visible{
  outline:3px solid #FFFFFF!important;outline-offset:3px!important;box-shadow:0 0 0 6px #12343B!important;
}

/* Les encarts de découverte doivent respirer entre les publications sans casser le rythme. */
body[data-route="social/index"] .feed-user-stream > .friend-feed-card[data-viral-kind]{margin:clamp(14px,2.6vw,22px) 0!important}
body[data-route="social/index"] .friend-feed-card[data-viral-kind]:hover{transform:translateY(-1px)!important;box-shadow:0 13px 34px rgba(18,52,59,.105)!important}

@media(max-width:780px){
  body[data-route="social/index"] .friend-feed-card[data-viral-kind]{padding:14px!important;border-radius:22px!important}
  body[data-route="social/index"] .friend-feed-card[data-viral-kind]>header{display:grid!important;gap:9px!important}
  body[data-route="social/index"] .friend-feed-head-actions{justify-content:space-between!important;width:100%!important}
  body[data-route="social/index"] .friend-feed-page-creator-prompt{align-items:stretch!important;display:grid!important}
  body[data-route="social/index"] .friend-feed-page-creator-prompt .secondary-button{width:100%!important;justify-content:center!important}
  body[data-route="social/index"] .friend-feed-reminder-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  body[data-route="social/index"] .viral-reminder-link{grid-column:1/-1!important;justify-content:center!important}
}
@media(max-width:430px){
  body[data-route="social/index"] .friend-feed-reminder-actions{grid-template-columns:1fr!important}
  body[data-route="social/index"] .viral-reminder-link{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="social/index"] .friend-feed-card[data-viral-kind]{transition:none!important}
  body[data-route="social/index"] .friend-feed-card[data-viral-kind]:hover{transform:none!important}
}
@media(forced-colors:active){
  body[data-route="social/index"] .friend-feed-card[data-viral-kind],
  body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder,
  body[data-route="social/index"] .friend-feed-page-creator-prompt{
    forced-color-adjust:auto!important;background:Canvas!important;color:CanvasText!important;border:2px solid CanvasText!important;box-shadow:none!important;
  }
  body[data-route="social/index"] .friend-feed-card.friend-feed-mode-invite_reminder :is(h2,p,strong,small,.eyebrow){color:CanvasText!important;background:Canvas!important}
  body[data-route="social/index"] :is(.viral-reminder-primary,.viral-reminder-secondary,.viral-reminder-link){background:ButtonFace!important;color:ButtonText!important;border:2px solid ButtonText!important}
}

/* ===== SOURCE: hucial-resonance-v195.css | sha256:7d1a11d81709d32fca61ffd4f43e5fd0e32d0122064fb6c55d9378e9bf6be843 ===== */
/* Hucial 261.0.195 — Resonance UI. Même charte sur tous les appareils ; seuls le flux et la largeur s'adaptent. */
:root{--res-ink:#12343b;--res-ink-2:#3d555a;--res-brand:#0e746b;--res-brand-soft:#d5f4f1;--res-paper:#fff;--res-canvas:#f7faf9;--res-line:#769096;--res-gold:#6a4a16;--res-gold-soft:#fff8e6;--res-danger:#7a1f1f;--res-radius:22px;}
.hucial-v195-guest{display:grid;gap:20px}.hucial-v195-hero{display:grid;gap:22px;align-items:start}.hucial-v195-hero-copy,.hucial-v195-inline-signup{background:var(--res-paper);color:var(--res-ink);border:1px solid #9db5b8;border-radius:var(--res-radius);box-shadow:0 14px 36px rgba(18,52,59,.08);padding:clamp(18px,4vw,34px)}.hucial-v195-hero-copy h1{font-size:clamp(2rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.04em;margin:.25em 0}.hucial-v195-hero-copy p,.hucial-v195-inline-signup p{color:var(--res-ink-2)}.hucial-v195-form{display:grid;gap:13px}.hucial-v195-form label{font-weight:700;color:var(--res-ink)}.hucial-v195-form input,.hucial-v195-form select{width:100%;min-height:48px;background:#fff;color:#1a1f24;border:2px solid #6f8589;border-radius:14px;padding:10px 12px}.hucial-v195-form input:focus-visible,.hucial-v195-form button:focus-visible,.hucial-v195-form a:focus-visible{outline:4px solid #12343b;outline-offset:3px}.hucial-v195-form .button{background:var(--res-brand);color:#fff;border-color:var(--res-brand);font-weight:800}.hucial-v195-privacy-note{border-left:4px solid var(--res-brand);padding:.65rem .8rem;background:var(--res-brand-soft);color:var(--res-ink);border-radius:8px}.hucial-v195-public-pulse{display:grid;gap:16px}.hucial-v195-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.hucial-v195-public-card{background:#fff;color:var(--res-ink);border:1px solid #9db5b8;border-radius:18px;padding:16px}.hucial-v195-human-first{background:linear-gradient(135deg,#fff,#eefaf8);border:1px solid #8da9ad;border-radius:var(--res-radius);padding:18px}.friend-feed-card[data-resonance-impression]{position:relative;isolation:isolate}.friend-feed-card[data-resonance-impression]::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:inherit;background:linear-gradient(90deg,var(--res-brand),#43c8be,#d7b766);pointer-events:none}.hucial-resonance-reason-badge,.hucial-page-discovery-lane{display:inline-flex;align-items:center;gap:.3rem;margin:.25rem 0 0;padding:.25rem .55rem;border-radius:999px;background:var(--res-brand-soft);color:var(--res-ink);font-size:.78rem;font-weight:800}.friend-feed-card[data-fd-mode="pages"] .hucial-page-discovery-lane{background:var(--res-gold-soft);color:var(--res-gold)}.resonance-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.resonance-kpis article{background:#fff;color:var(--res-ink);border:1px solid #9db5b8;border-radius:18px;padding:18px}.resonance-kpis strong{display:block;font-size:1.7rem}.resonance-table-wrap{overflow:auto}.hucial-resonance-admin table{width:100%;border-collapse:collapse}.hucial-resonance-admin th,.hucial-resonance-admin td{padding:10px;border-bottom:1px solid #9db5b8;text-align:left;color:var(--res-ink)}
@media(min-width:860px){.hucial-v195-hero{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)}.hucial-v195-inline-signup--invite{max-width:720px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.friend-feed-card[data-resonance-impression],.hucial-v195-inline-signup{scroll-behavior:auto;transition:none!important;animation:none!important}}
@media(forced-colors:active){.hucial-v195-hero-copy,.hucial-v195-inline-signup,.hucial-v195-public-card,.friend-feed-card[data-resonance-impression]{border:2px solid CanvasText}.friend-feed-card[data-resonance-impression]::before{background:CanvasText}}
.public-home-v195{display:grid;gap:24px;color:var(--res-ink);background:var(--res-canvas)}.public-home-v195-hero{display:grid;gap:22px;align-items:start}.public-home-v195-copy,.public-home-v195-signup{background:#fff;color:var(--res-ink);border:1px solid #9db5b8;border-radius:var(--res-radius);box-shadow:0 14px 36px rgba(18,52,59,.08);padding:clamp(18px,4vw,34px)}.public-home-v195-copy h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.03;letter-spacing:-.04em;margin:.25em 0}.public-home-v195-lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--res-ink-2);max-width:62ch}.public-home-v195-points{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.public-home-v195-points span{padding:.42rem .68rem;border-radius:999px;background:var(--res-brand-soft);color:var(--res-ink);font-weight:800}.public-home-v195-login a{color:#295b63;font-weight:800}.public-pulse-v195,.public-feed-v195{background:#fff;color:var(--res-ink);border:1px solid #9db5b8;border-radius:var(--res-radius);padding:clamp(16px,3vw,28px)}.public-pulse-v195 .public-pulse-grid{display:grid;gap:14px}.public-pulse-v195 .public-pulse-panel{background:#f7faf9;border:1px solid #a6b9bc;border-radius:18px;padding:16px}.public-pages-create-v195{display:inline-flex;margin-top:12px;font-weight:800;color:#295b63}.public-feed-v195 .public-feed-post{background:#fff;border:1px solid #a6b9bc;border-radius:18px}.registration-v195 .registration-submit button{background:var(--res-brand)!important;color:#fff!important;border-color:var(--res-brand)!important}.registration-v195 a{color:#295b63}.friend-action-explain{display:block;color:var(--res-ink-2);max-width:24ch}.friend-feed-card[data-resonance-impression][data-viral-kind="invite"]{background:linear-gradient(145deg,#e6faf7,#fff)}.friend-feed-card[data-resonance-impression][data-viral-kind="pages"]{background:linear-gradient(145deg,#fffaf0,#fff)}
@media(min-width:860px){.public-home-v195-hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.public-pulse-v195 .public-pulse-grid{grid-template-columns:1fr 1fr}}

/* ===== SOURCE: hucial-resonance-v196.css | sha256:82d938219ab4f7d066554aaf944e0f784a1524dc35b60868bddfc92271c29bea ===== */
/* Hucial 261.0.196 — Resonance OS. Complète V192/V193/V194/V195 sans remplacer l'identité Hucial. */
.hucial-resonance-module-v196{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:18px 0;padding:16px 18px;border:1px solid rgba(14,116,107,.28);border-radius:20px;background:linear-gradient(135deg,#f7faf9 0%,#edf9f7 100%);box-shadow:0 10px 30px rgba(18,52,59,.07);color:#12343b;overflow:hidden}
.hucial-resonance-module-v196::after{content:"";position:absolute;right:-48px;top:-62px;width:150px;height:150px;border:1px solid rgba(14,116,107,.18);border-radius:50%;pointer-events:none}
.resonance-v196-mark{width:38px;height:38px;border-radius:50%;border:2px solid #0e746b;display:grid;place-items:center;background:#fff;flex:none}.resonance-v196-mark span{width:13px;height:13px;border-radius:50%;background:#0e746b;box-shadow:0 0 0 5px #d5f4f1}
.resonance-v196-copy{min-width:0}.resonance-v196-copy .eyebrow{display:block;font-size:.72rem;letter-spacing:.08em;font-weight:800;color:#295b63;margin-bottom:3px}.resonance-v196-copy h3{font-size:1.06rem;line-height:1.25;margin:0 0 4px;color:#12343b}.resonance-v196-copy p{margin:0;line-height:1.45;color:#3d555a}.resonance-v196-copy small{display:block;margin-top:5px;color:#54676b}
.resonance-v196-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:132px}.resonance-v196-actions a,.resonance-v196-actions button{margin:0}.resonance-v196-actions small{max-width:170px;text-align:right;color:#54676b}.resonance-v196-actions .quiet-link{font-weight:700;color:#0e746b;text-decoration:underline;text-underline-offset:3px}
.resonance-module-match{background:linear-gradient(135deg,#f7faf9 0%,#e3f7f4 65%,#fff8e6 100%);border-color:rgba(14,116,107,.38)}.resonance-module-match .resonance-v196-mark span{background:#6a4a16;box-shadow:0 0 0 5px #fff0c7}.resonance-module-article{border-left:4px solid #0e746b}.resonance-module-invite{background:linear-gradient(135deg,#0d5e59 0%,#0e746b 100%);color:#fff;border-color:#0d5e59}.resonance-module-invite .resonance-v196-copy h3,.resonance-module-invite .resonance-v196-copy p,.resonance-module-invite .resonance-v196-copy small,.resonance-module-invite .resonance-v196-copy .eyebrow{color:#fff}.resonance-module-invite .resonance-v196-mark{border-color:#fff;background:#0d5e59}.resonance-module-invite .resonance-v196-mark span{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.2)}
.feed-post-resonance-prompt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 2px;padding:8px 10px;border-radius:12px;background:#f4faf9;color:#3d555a;font-size:.9rem}.feed-post-resonance-prompt strong{color:#12343b}.feed-post-resonance-prompt[data-v196-nudge="comment"]{border-left:3px solid #0e746b}.feed-post-resonance-prompt[data-v196-nudge="share"],.feed-post-resonance-prompt[data-v196-nudge="repost"]{border-left:3px solid #6a4a16}
.social-post[data-resonance-source="ai_direct"]{--hucial-post-source-accent:#54676b}.social-post[data-resonance-source="page"]{--hucial-post-source-accent:#0e746b}.social-post[data-resonance-source="human_relay"]{--hucial-post-source-accent:#6a4a16}.social-post[data-resonance-source]{border-top-color:color-mix(in srgb,var(--hucial-post-source-accent,#0e746b) 32%,transparent)}
.resonance-depth-note{font-size:.86rem;color:#54676b;text-align:center;margin:8px 0 0}
@media(max-width:720px){.hucial-resonance-module-v196{grid-template-columns:auto minmax(0,1fr);padding:14px}.resonance-v196-actions{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:0;flex-wrap:wrap}.resonance-v196-actions small{text-align:left;max-width:none}.feed-post-resonance-prompt{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.hucial-resonance-module-v196 *{transition:none!important;animation:none!important}}
@media(forced-colors:active){.hucial-resonance-module-v196,.feed-post-resonance-prompt{forced-color-adjust:auto;border:1px solid CanvasText;background:Canvas;color:CanvasText}.resonance-v196-mark{border-color:CanvasText;background:Canvas}.resonance-v196-mark span{background:CanvasText;box-shadow:none}}

/* ===== SOURCE: hucial-visual-v197.css | sha256:d1054a0c7a467538835c711efdd7c4dc10875f8d790ffb0173fd4d50c14873e6 ===== */
/* Hucial 261.0.197 — Feed Action Responsive Polish · tous écrans.
   Correctif visuel uniquement : aucune fonction Feed/Resonance n'est retirée.
   But : conserver toutes les actions, empêcher la casse de mots (ex. "Republier"),
   garantir des zones tactiles confortables et un rendu cohérent du petit smartphone au grand écran. */

/* La carte reste le référentiel visuel ; aucune largeur fixe liée à un appareil précis. */
body[data-route="social/index"] .feed-post-simple{
  min-width:0!important;
  overflow:visible!important;
}

/* Actions principales : 3 colonnes sur espaces confortables, 2 sur smartphone,
   1 seulement sur très petit écran / fort zoom. Les boutons peuvent grandir en hauteur,
   mais aucun mot n'est coupé au milieu. */
body[data-route="social/index"] .feed-simple-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
}
body[data-route="social/index"] .feed-simple-actions form{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
}
body[data-route="social/index"] .feed-simple-actions button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.38rem!important;
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  height:auto!important;
  max-height:none!important;
  padding:.62rem .58rem!important;
  font-size:clamp(.82rem,1.5vw,.92rem)!important;
  font-weight:820!important;
  line-height:1.16!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
  text-wrap:balance;
}
body[data-route="social/index"] .feed-simple-actions button > span:not(.sr-only){
  min-width:0!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
}
body[data-route="social/index"] .feed-simple-actions [data-repost-label],
body[data-route="social/index"] .feed-simple-actions [data-like-label],
body[data-route="social/index"] .feed-simple-actions .feed-action-count{
  white-space:nowrap!important;
  word-break:keep-all!important;
  hyphens:none!important;
}

/* Hiérarchie stable : les actions fréquentes restent douces ; Story garde sa signature Hucial. */
body[data-route="social/index"] .feed-simple-actions .hucial-story-button{
  background:var(--hv-surface-accent,#D5F4F1)!important;
  color:var(--hv-ink,#12343B)!important;
  border-color:var(--hv-accent,#0E746B)!important;
}
body[data-route="social/index"] .feed-simple-actions .feed-report-trigger{
  background:#FFFFFF!important;
  color:#5B3B3B!important;
  border-color:#9B7777!important;
}

/* Actions propriétaire : ne jamais forcer deux gros libellés dans une demi-colonne trop étroite. */
body[data-route="social/index"] .feed-owner-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
body[data-route="social/index"] .feed-owner-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  height:auto!important;
  max-height:none!important;
  padding:.66rem .75rem!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
}
body[data-route="social/index"] .feed-owner-actions button span:not(.sr-only){
  word-break:keep-all!important;
  hyphens:none!important;
}

/* Le nudge de conversation reste compact sans créer deux colonnes concurrentes sur mobile. */
body[data-route="social/index"] .feed-post-resonance-prompt{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:.25rem!important;
  align-items:start!important;
  padding:.7rem .78rem!important;
  line-height:1.42!important;
}
body[data-route="social/index"] .feed-post-resonance-prompt strong{
  display:block!important;
  line-height:1.35!important;
}

/* Commentaire : confortable sur grand écran, sans écrasement du textarea sur petit écran. */
body[data-route="social/index"] .feed-simple-comment-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:end!important;
  min-width:0!important;
}
body[data-route="social/index"] .feed-simple-comment-form textarea{
  min-width:0!important;
  width:100%!important;
  min-height:50px!important;
}
body[data-route="social/index"] .feed-simple-comment-form button{
  min-width:104px!important;
  min-height:50px!important;
  height:auto!important;
}

/* Smartphone / fenêtre étroite : deux colonnes stables, donc "Republier" ne peut plus être haché. */
@media (max-width:680px){
  body[data-route="social/index"] .feed-simple-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-route="social/index"] .feed-simple-actions button{
    font-size:.88rem!important;
    padding:.62rem .5rem!important;
  }
}

/* Les libellés de gestion restent entiers sur les smartphones courants. */
@media (max-width:460px){
  body[data-route="social/index"] .feed-owner-actions{
    grid-template-columns:1fr!important;
  }
  body[data-route="social/index"] .feed-owner-actions button{
    min-height:48px!important;
  }
}

/* Très petit écran, split-view extrême ou fort agrandissement. */
@media (max-width:340px){
  body[data-route="social/index"] .feed-simple-actions{
    grid-template-columns:1fr!important;
  }
  body[data-route="social/index"] .feed-simple-comment-form{
    grid-template-columns:1fr!important;
  }
  body[data-route="social/index"] .feed-simple-comment-form button{
    width:100%!important;
  }
}

/* Tablettes / desktop / TV : même charte, respiration plus régulière, pas de boutons démesurés. */
@media (min-width:900px){
  body[data-route="social/index"] .feed-simple-actions{
    gap:10px!important;
  }
  body[data-route="social/index"] .feed-simple-actions button{
    min-height:52px!important;
    padding:.7rem .72rem!important;
  }
}

/* Texte agrandi / préférences accessibilité : laisser la hauteur s'adapter, jamais de clipping. */
@media (prefers-contrast:more){
  body[data-route="social/index"] .feed-simple-actions button,
  body[data-route="social/index"] .feed-owner-actions button,
  body[data-route="social/index"] .feed-simple-comment-form :is(textarea,button){
    border-width:2px!important;
  }
}
@media (forced-colors:active){
  body[data-route="social/index"] .feed-simple-actions button,
  body[data-route="social/index"] .feed-owner-actions button,
  body[data-route="social/index"] .feed-simple-comment-form :is(textarea,button){
    forced-color-adjust:auto!important;
    background:ButtonFace!important;
    color:ButtonText!important;
    border:1px solid ButtonText!important;
  }
}

/* ===== SOURCE: hucial-brand-v200.css | sha256:996984348a189820ce94fe54507d63b09b63caa7d0f2d35af7a5ec5957d54f7e ===== */
/* Hucial 261.0.200 — Official Brand Pack 2026 integration.
   Same official assets across mobile, tablet, desktop, TV/PWA. Functional UI is untouched. */
:root{
  --hucial-brand-logo-light:url('/assets/brand/hucial-logo-horizontal-300.webp');
  --hucial-brand-logo-dark:url('/assets/brand/hucial-logo-horizontal-dark-300.webp');
  --hucial-brand-symbol:url('/assets/brand/hucial-symbol-128.webp');
}

/* Main header: exact official horizontal lock-up with a theme-safe wordmark. */
.brand-lockup-official{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:min(190px,42vw)!important;
  text-decoration:none!important;
  transform:none!important;
}
.brand-official-stack{display:grid;gap:2px;min-width:0;line-height:1}
.brand-official-logos{display:block;position:relative;width:150px;height:35px;max-width:100%}
.brand-official-logos img{position:absolute;inset:0 auto auto 0;display:block;width:150px;max-width:100%;height:auto;object-fit:contain;object-position:left center;filter:none!important;transform:none!important}
.brand-official-dark{display:none!important}
html[data-theme="dark"] .brand-official-light{display:none!important}
html[data-theme="dark"] .brand-official-dark{display:block!important}
.brand-official-stack small{display:block;color:var(--hv-muted,#3d555a);font-size:.62rem;font-weight:650;letter-spacing:.025em;white-space:nowrap}
html[data-theme="dark"] .brand-official-stack small{color:#c8d6d3}
.brand-lockup-official:hover .brand-official-logos img{transform:none!important;filter:none!important}
.brand-lockup-official:focus-visible{outline:3px solid #0e746b!important;outline-offset:5px!important;border-radius:12px}

/* Official symbol remains full colour in the splash/footer; no legacy monochrome filter. */
.hucial-signature-logo{object-fit:contain!important;filter:drop-shadow(0 12px 26px rgba(29,124,255,.18))!important}
.footer-monogram img{object-fit:contain!important;filter:drop-shadow(0 9px 22px rgba(24,198,217,.18))!important}

/* Stand-alone Hucial Games/Match use the same official symbol without changing game layout. */
.games-brand img{object-fit:contain!important;filter:drop-shadow(0 5px 12px rgba(29,124,255,.16))!important}

/* The official identity remains stable under all normal responsive widths. */
@media (max-width:780px){
  .brand-lockup-official{max-width:min(154px,54vw)!important}
  .brand-official-logos{width:136px;height:32px}
  .brand-official-logos img{width:136px}
  .brand-official-stack small{display:none!important}
}
@media (max-width:390px){
  .brand-lockup-official{max-width:130px!important}
  .brand-official-logos{width:122px;height:29px}
  .brand-official-logos img{width:122px}
}
@media (min-width:1600px){
  .brand-lockup-official{max-width:210px!important}
  .brand-official-logos{width:170px;height:40px}
  .brand-official-logos img{width:170px}
  .brand-official-stack small{font-size:.66rem}
}

/* High contrast keeps the official mark, while UI focus stays system-visible. */
@media (forced-colors:active){
  .brand-lockup-official:focus-visible{outline:3px solid Highlight!important}
}
@media (prefers-reduced-motion:reduce){
  .brand-lockup-official,.brand-official-logos img,.hucial-signature-logo,.footer-monogram img{transition:none!important;animation:none!important}
}

/* Hucial 261.0.208.3 — Touch/WebView Focus Integrity.
   Sur la home publique tactile, Hucial ne dessine plus d'anneau de focus persistant
   après un tap. La navigation clavier conserve intégralement ses indicateurs de focus. */
@media (hover:none) and (pointer:coarse){
  html:not([data-hucial-keyboard-nav="1"]) body[data-authenticated="0"][data-route="home/index"] :is(a,button,summary):focus,
  html:not([data-hucial-keyboard-nav="1"]) body[data-authenticated="0"][data-route="home/index"] :is(a,button,summary):focus-visible{
    outline:0!important;
    outline-offset:0!important;
    box-shadow:none!important;
  }
  html:not([data-hucial-keyboard-nav="1"]) body[data-authenticated="0"][data-route="home/index"] :is(a,button,summary),
  html:not([data-hucial-keyboard-nav="1"]) body[data-authenticated="0"][data-route="home/index"] .guest-footer-v208 small{
    -webkit-tap-highlight-color:transparent!important;
  }
  html:not([data-hucial-keyboard-nav="1"]) body[data-authenticated="0"][data-route="home/index"] .guest-footer-v208 small{
    outline:0!important;
    box-shadow:none!important;
  }
}

/* ===== SOURCE: hucial-fluid-navigation.css | sha256:f5ed666972b53266dde1bb7cc90bef82626126b24637c08d4a9a9daae4858bb4 ===== */
/* Hucial 261.0.215 — Fluid Navigation + Performance Hardening + administration */
html[data-hucial-fluid="1"] #contenu{view-transition-name:hucial-main}
html.hucial-fluid-loading #contenu{pointer-events:none;cursor:progress}
html.hucial-fluid-loading #contenu::after{content:"";position:fixed;inset:auto 50% max(84px,calc(env(safe-area-inset-bottom) + 76px)) auto;translate:50% 0;width:8px;height:8px;border-radius:50%;background:var(--primary,#1aa89b);box-shadow:0 0 0 7px color-mix(in srgb,var(--primary,#1aa89b) 14%,transparent);opacity:.55;z-index:70;animation:hucial-fluid-pulse .8s ease-in-out infinite alternate;pointer-events:none}
@keyframes hucial-fluid-pulse{to{transform:scale(1.24);opacity:.92}}
@media (prefers-reduced-motion:reduce){html.hucial-fluid-loading #contenu::after{animation:none}::view-transition-old(hucial-main),::view-transition-new(hucial-main){animation:none!important}}
@supports (view-transition-name:hucial-main){::view-transition-old(hucial-main){animation:hucial-fluid-old .12s ease both}::view-transition-new(hucial-main){animation:hucial-fluid-new .18s ease both}@keyframes hucial-fluid-old{to{opacity:.72;transform:translateY(-2px)}}@keyframes hucial-fluid-new{from{opacity:.55;transform:translateY(4px)}}}

/* V215.41 — Dock Hucial à neuf destinations avec Market, sans sacrifier la lisibilité. */
.hucial-flow-bar{grid-template-columns:repeat(9,minmax(0,1fr))!important}
.hucial-flow-bar>.hucial-flow-item{min-width:0!important;padding-inline:1px!important}
@media(max-width:430px){
  .hucial-flow-bar{width:calc(100% - 10px)!important;padding-inline:3px!important;column-gap:0!important}
  .hucial-flow-bar>.hucial-flow-item{height:49px!important;border-radius:13px!important}
  .hucial-flow-bar>.hucial-flow-item .hucial-flow-icon svg,.hucial-flow-bar>.hucial-flow-item>span:not(.hucial-flow-label) svg{width:20px!important;height:20px!important}
  .hucial-flow-bar>.hucial-flow-item .hucial-flow-label{font-size:.45rem!important;letter-spacing:-.022em!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important}
}
@media(max-width:365px){
  .hucial-flow-bar>.hucial-flow-item .hucial-flow-label{font-size:.41rem!important}
  .hucial-flow-bar>.hucial-flow-item .hucial-flow-icon svg{width:18px!important;height:18px!important}
}


/* V215 — le panneau d’administration profite de la navigation partielle sans perdre ses contrôles. */
body[data-route="admin/index"] [data-admin-control]{min-height:55vh}
html.hucial-fluid-loading body[data-route="admin/index"] [data-admin-control]{cursor:progress}
html.hucial-fluid-loading body[data-route="admin/index"] .admin-control-nav{pointer-events:none}
html.hf-performance-lite.hucial-fluid-loading #contenu::after{animation:none!important}
html[data-hucial-background] .ambient,html[data-hucial-background] [data-hf-nonessential]{animation-play-state:paused!important}

/* Market reprend le langage d’icônes Hucial: tracé fin + petit satellite. */
.hucial-flow-icon-market svg circle{fill:currentColor!important;stroke:none!important}

/* ===== SOURCE: hucial-real-everywhere.css | sha256:ec05c7f51ad0380e1d9600beb39c8c07b51f1d199dfa87ee92d116b6f516fe7c ===== */
/* Hucial 261.0.215.11 — REAL Everywhere. Petit, lisible, non bloquant. */
.hucial-real-inline-badge{display:inline-flex;align-items:center;gap:.22em;margin-inline-start:.42em;vertical-align:.12em;padding:.14em .42em;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:999px;font-size:.58em;font-weight:900;line-height:1.25;letter-spacing:.055em;white-space:nowrap;cursor:pointer;user-select:none;background:color-mix(in srgb,var(--surface,#fff) 86%,#33c7b4 14%);color:var(--text,#102530);box-shadow:0 1px 6px rgb(0 0 0 / .08)}
.hucial-real-inline-badge b{display:grid;place-items:center;width:1.28em;height:1.28em;border-radius:50%;font-size:.9em;background:#0e7f6d;color:#fff}.hucial-real-inline-badge:focus-visible{outline:2px solid currentColor;outline-offset:2px}.hucial-real-inline-badge.is-static{cursor:default;font-size:.55em}
.hucial-real-feed-publication{contain:layout paint;content-visibility:auto;contain-intrinsic-size:420px 420px;overflow:hidden}.hucial-real-feed-head{display:flex;align-items:center;gap:.72rem;padding:.95rem 1rem .45rem}.hucial-real-feed-avatar{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;font-weight:950;background:linear-gradient(135deg,#112d3d,#0e7f6d);color:#fff;box-shadow:0 5px 18px rgb(0 0 0 / .13)}.hucial-real-feed-head h3,.hucial-real-feed-head p{margin:0}.hucial-real-feed-head p{font-size:.8rem;opacity:.68}.hucial-real-feed-dismiss{margin-inline-start:auto;border:0;background:transparent;font-size:1.45rem;line-height:1;opacity:.65;padding:.4rem;cursor:pointer}.hucial-real-feed-body{padding:.35rem 1rem 1.05rem}.hucial-real-feed-body h2{margin:.3rem 0 .45rem;font-size:clamp(1.12rem,3vw,1.42rem)}.hucial-real-feed-body>p{margin:.2rem 0 .85rem;line-height:1.55}.hucial-real-feed-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.hucial-real-feed-body>small{display:block;margin-top:.78rem;opacity:.66;line-height:1.4}
.real-app-action,.real-app-tool,.real-card,.real-panel{content-visibility:auto;contain-intrinsic-size:180px 320px}.real-app-grid,.real-app-tools{contain:layout style}.real-app-action,.real-app-tool{transition:transform .16s ease,box-shadow .16s ease}.real-app-action:hover,.real-app-tool:hover{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.real-app-action,.real-app-tool{transition:none}.real-app-action:hover,.real-app-tool:hover{transform:none}}
.real-app-badge-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1rem;padding:1rem 1.05rem;contain:layout paint}.real-app-badge-card h2,.real-app-badge-card p{margin:.18rem 0}.real-app-badge-actions{display:flex;gap:.55rem;flex-wrap:wrap}.real-app-badge-card.is-pending{border-style:dashed}
@media(max-width:720px){.real-app-badge-card{align-items:stretch;flex-direction:column}.real-app-badge-actions>*{flex:1 1 auto;text-align:center}}

/* 261.0.215.25 — REAL visible dans la conversation ouverte, sans coût de layout inutile. */
.private-chat-page .private-chat-person h1,.private-chat-page .message-sender-name,.private-chat-page .hucial-group-member strong{display:inline-flex;align-items:center;gap:.28rem;min-width:0}
.private-chat-page .private-chat-person h1 .hucial-real-inline-badge{font-size:.43em;margin-inline-start:.28em;flex:0 0 auto}
.private-chat-page .message-sender-name .hucial-real-inline-badge,.private-chat-page .hucial-group-member .hucial-real-inline-badge{font-size:.54em;margin-inline-start:.28em;flex:0 0 auto}

/* ===== SOURCE: hucial-human-observatory.css | sha256:f4b6221f220eb9d640ee89b409a20dd9d40fca41dd5c99865a2473ebf9b7dfc1 ===== */
/* Hucial 261.0.215.26 — consentement statistiques first-party */
.hucial-analytics-choice{position:fixed;z-index:2147482000;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:620px;margin:auto;padding:1rem 1.05rem;border:1px solid rgba(28,90,82,.24);border-radius:20px;background:rgba(255,255,255,.98);color:#173d39;box-shadow:0 18px 55px rgba(20,66,61,.2);font:inherit}.hucial-analytics-choice strong{display:block;font-size:1rem}.hucial-analytics-choice p{margin:.35rem 0 .8rem;line-height:1.45;color:#456a65;font-size:.9rem}.hucial-analytics-choice>div{display:flex;flex-wrap:wrap;gap:.55rem}.hucial-analytics-choice button{min-height:44px;padding:.65rem .9rem;border:0;border-radius:12px;background:#176e65;color:#fff;font-weight:800}.hucial-analytics-choice button.secondary{background:#edf5f3;color:#214f49;border:1px solid rgba(28,90,82,.18)}
@media(max-width:520px){.hucial-analytics-choice>div{display:grid;grid-template-columns:1fr}.hucial-analytics-choice button{width:100%}}
@media(prefers-reduced-motion:reduce){.hucial-analytics-choice *{transition:none!important;animation:none!important}}
