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

/* ===== SOURCE: hucial-ui-corrections-20260817.css | sha256:6f78b9b1be95b2dc1b75a45e45bc2acb79c25b7c336482be4fd76e6b5fb03e7e ===== */
/* Ucial — correctif interface post-charte 2026-08-17.
   Autorité finale pour le dock vertical, les headers cohérents et les finitions constatées sur iPhone. */
:root{
  --ucial-rail-width:78px;
  --ucial-rail-item-h:52px;
  --ucial-rail-gap:3px;
  --ucial-rail-edge:max(7px,env(safe-area-inset-right));
}

/* Le dock global est une colonne fixe à droite. Les anciennes couches horizontales restent intactes mais sont neutralisées ici. */
body[data-authenticated="1"]{padding-bottom:0!important;padding-right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 7px)!important}
.hucial-flow-bar,
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
body.mobile-shell-active .feed-app-shell>.hucial-flow-bar,
body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
  position:fixed!important;
  z-index:9000!important;
  top:50%!important;
  right:var(--ucial-rail-edge)!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  box-sizing:border-box!important;
  width:var(--ucial-rail-width)!important;
  max-width:var(--ucial-rail-width)!important;
  height:auto!important;
  max-height:calc(100dvh - 18px)!important;
  grid-template-columns:1fr!important;
  grid-auto-rows:var(--ucial-rail-item-h)!important;
  align-items:center!important;
  align-content:center!important;
  gap:var(--ucial-rail-gap)!important;
  padding:7px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  border:1px solid rgb(var(--ucial-rgb-mist)/.95)!important;
  border-radius:25px!important;
  background:rgb(var(--ucial-rgb-white)/.94)!important;
  box-shadow:-10px 16px 42px rgba(16,20,23,.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
}
.hucial-flow-bar::-webkit-scrollbar{display:none!important}
.hucial-flow-bar::before,
body[data-route^="live/"] .live-dock-region .hucial-flow-bar::before,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar::before{
  inset:1px!important;border-radius:23px!important;background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(245,247,247,.34))!important;opacity:.72!important
}
.hucial-flow-item,
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
body[data-route^="live/"] .live-dock-region .hucial-flow-item,
body[data-route^="call/"] .live-dock-region .hucial-flow-item{
  width:100%!important;height:var(--ucial-rail-item-h)!important;min-height:44px!important;padding:3px 1px!important;
  grid-template-rows:29px auto!important;gap:1px!important;border-radius:15px!important;color:var(--ucial-text-secondary)!important
}
.hucial-flow-icon{width:34px!important;height:29px!important;border-radius:11px!important}
.hucial-flow-icon svg,.hucial-flow-item svg{width:21px!important;height:21px!important}
.hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{
  display:block!important;width:100%!important;max-width:100%!important;padding:0 1px!important;font-size:.54rem!important;line-height:1.02!important;
  letter-spacing:-.018em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important
}
.hucial-flow-item.is-active,.hucial-flow-item[aria-current="page"]{color:var(--ucial-primary)!important;background:rgb(var(--ucial-rgb-brand)/.07)!important}
.hucial-flow-item.is-active .hucial-flow-icon,.hucial-flow-item[aria-current="page"] .hucial-flow-icon{
  background:rgb(var(--ucial-rgb-brand-bright)/.18)!important;border-color:rgb(var(--ucial-rgb-brand)/.22)!important;
  box-shadow:inset 0 0 0 1px rgb(var(--ucial-rgb-white)/.55),0 5px 14px rgb(var(--ucial-rgb-brand)/.10)!important
}

/* Le panneau Moi s'ouvre à gauche du rail au lieu d'être caché derrière un ancien dock bas. */
.hucial-flow-sheet{
  inset:auto!important;top:50%!important;right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 10px)!important;left:auto!important;bottom:auto!important;
  transform:translateY(-50%)!important;width:min(420px,calc(100vw - var(--ucial-rail-width) - var(--ucial-rail-edge) - 28px))!important;
  max-height:min(82dvh,680px)!important;margin:0!important;border-radius:26px!important
}
.hucial-flow-sheet[open]{animation:ucial-sheet-in .22s ease-out!important}
@keyframes ucial-sheet-in{from{opacity:0;transform:translate(10px,-50%)}to{opacity:1;transform:translate(0,-50%)}}

/* Headers : l'inbox Chat et Notifications utilisent le même header Hucial que le reste de l'application. */
body.route-message-index .site-header,
body[data-route="message/index"] .site-header,
body[data-route^="notification/"] .site-header{display:block!important;visibility:visible!important;opacity:1!important}

/* iOS peut conserver le focus tactile sur le logo : pas de faux cadre permanent après un tap. Le focus clavier reste visible. */
@media(hover:none) and (pointer:coarse){
  html:not([data-hucial-keyboard-nav="1"]) .brand-lockup-official:focus,
  html:not([data-hucial-keyboard-nav="1"]) .pages-brand:focus{outline:none!important;box-shadow:none!important}
}

/* Notifications : la liste est la priorité, les réglages viennent ensuite. */
.notification-inbox-priority{display:grid;gap:10px;margin:12px 0 18px}
.notification-inbox-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}
.notification-inbox-heading h2{margin:.15rem 0 0;color:var(--ucial-text);font-size:clamp(1.45rem,5vw,2rem)}
.notification-inbox-priority .notification-list{display:grid!important;gap:9px!important;margin:0!important}
.notification-inbox-priority .notification-item-wrap{background:var(--ucial-surface)!important;border:1px solid var(--ucial-border)!important;border-radius:18px!important;overflow:hidden!important}
.notification-inbox-priority .notification-item-wrap.is-unread{border-left:4px solid var(--ucial-primary)!important;background:rgb(var(--ucial-rgb-brand)/.045)!important}
.notification-inbox-priority .notification-item{min-height:70px!important;padding:12px 14px!important}
.notification-preferences{margin-top:18px!important}

/* Live : les trois actions de la capture deviennent de vrais boutons, pas des liens de texte bruts. */
.live-salon-hub-actions>a.primary-button,.live-salon-hub-actions>a.secondary-button{
  min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 15px!important;
  border-radius:14px!important;text-decoration:none!important;font-weight:800!important;line-height:1.2!important
}
.live-salon-hub-actions>a.primary-button{background:var(--ucial-primary)!important;color:#fff!important;border:1px solid var(--ucial-primary)!important}
.live-salon-hub-actions>a.secondary-button{background:var(--ucial-surface)!important;color:var(--ucial-primary)!important;border:1px solid var(--ucial-border)!important}
.live-salon-hub-actions>a:is(:hover,:focus-visible){border-color:var(--ucial-primary-bright)!important;box-shadow:0 0 0 3px rgb(var(--ucial-rgb-brand-bright)/.18)!important}

/* REAL : retirer le bleu historique encore visible sur les icônes de la page d'accueil. */
body[data-route^="real/"] .real-home-action-icon,body[data-route^="real/"] .real-person-mode-icon{
  background:rgb(var(--ucial-rgb-brand)/.09)!important;color:var(--ucial-primary)!important
}
body[data-route^="real/"] .real-home-action:hover{border-color:rgb(var(--ucial-rgb-brand)/.30)!important}

/* Clips garde son immersion plein écran, mais son rail global est maintenant à droite et les actions Clips ne se chevauchent pas. */
body[data-route^="clips/"]{padding-right:0!important}
body[data-route^="clips/"] .hucial-flow-bar{background:rgb(var(--ucial-rgb-midnight)/.90)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:-10px 16px 38px rgba(0,0,0,.30)!important}
body[data-route^="clips/"] .hucial-flow-item{color:rgba(255,255,255,.76)!important}
body[data-route^="clips/"] .hucial-flow-item.is-active{color:var(--ucial-primary-bright)!important;background:rgba(0,168,159,.10)!important}
body[data-route="clips/index"] .clips-topbar{padding-right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 10px)!important}
body[data-route="clips/index"] .clip-actions{right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 9px)!important}
body[data-route="clips/index"] .clip-info{right:calc(var(--ucial-rail-width) + 18px)!important}
body[data-route="clips/index"] .clips-swipe-hint,body[data-route="clips/index"] .clips-sound-gate{max-width:calc(100vw - var(--ucial-rail-width) - 32px)!important}

/* Hucial Pages standalone : même logo officiel et même principe de rail vertical. */
.pages-site-header .pages-brand img{display:block!important;width:min(150px,44vw)!important;height:auto!important;max-height:38px!important;object-fit:contain!important}
.pages-authenticated{padding-bottom:0!important;padding-right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 7px)!important}
.pages-authenticated .pages-mobile-flow{
  position:fixed!important;z-index:9000!important;display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:52px!important;
  left:auto!important;right:var(--ucial-rail-edge)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  width:var(--ucial-rail-width)!important;max-height:calc(100dvh - 18px)!important;overflow-y:auto!important;gap:3px!important;padding:7px!important;
  border:1px solid var(--ucial-border)!important;border-radius:25px!important;background:rgb(var(--ucial-rgb-white)/.94)!important;box-shadow:-10px 16px 42px rgba(16,20,23,.12)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;backdrop-filter:blur(22px) saturate(125%)!important
}
.pages-authenticated .pages-mobile-flow a{min-height:44px!important;height:52px!important;padding:3px!important;border-radius:14px!important;font-size:.66rem!important;line-height:1.05!important;color:var(--ucial-text-secondary)!important}
.pages-authenticated .pages-mobile-flow .pages-flow-create{font-size:1.5rem!important;background:rgb(var(--ucial-rgb-brand-bright)/.18)!important;color:var(--ucial-primary)!important}
.pages-authenticated .pages-site-footer{margin-bottom:0!important}

/* Le contenu doit rester exploitable même quand le viewport est très bas (paysage). */
@media(max-height:560px){
  :root{--ucial-rail-width:68px;--ucial-rail-item-h:44px;--ucial-rail-gap:2px}
  .hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{display:none!important}
  .hucial-flow-item{grid-template-rows:1fr!important}
  .pages-authenticated .pages-mobile-flow{grid-auto-rows:44px!important}
  .pages-authenticated .pages-mobile-flow a{height:44px!important;font-size:.57rem!important}
}
@media(max-width:390px){
  :root{--ucial-rail-width:72px}
  body[data-authenticated="1"]:not([data-route^="clips/"]){padding-right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 5px)!important}
  .hucial-flow-label,.hucial-flow-item>span.hucial-flow-label{font-size:.50rem!important}
  .notification-matrix-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}
@media(prefers-reduced-motion:reduce){.hucial-flow-sheet[open]{animation:none!important}}
@media(forced-colors:active){.hucial-flow-bar,.pages-authenticated .pages-mobile-flow{border:2px solid CanvasText!important;background:Canvas!important}.hucial-flow-item{color:CanvasText!important}}

/* ===== SOURCE: hucial-ui-finishing-20260817.css | sha256:059e5b84caa7c777b21d96eb22e6db344c3dcd14c6729075c71001cb4c2d2873 ===== */
/* Ucial — correctif de finition visuelle 2026-08-17.
   Objectif : affiner le rail mobile, supprimer les derniers tons hérités brun/or,
   resserrer les actions du Fil d’actualité et finaliser le panneau Moi. */

:root{
  --ucial-rail-width:66px;
  --ucial-rail-item-h:48px;
  --ucial-rail-gap:4px;
  --ucial-rail-edge:max(6px,env(safe-area-inset-right));
}

body[data-authenticated="1"]{
  padding-right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 8px)!important;
}

.hucial-flow-bar,
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar,
body.mobile-shell-active .feed-app-shell>.hucial-flow-bar,
body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar,
.pages-authenticated .pages-mobile-flow{
  width:var(--ucial-rail-width)!important;
  max-width:var(--ucial-rail-width)!important;
  padding:6px!important;
  gap:var(--ucial-rail-gap)!important;
  border-radius:23px!important;
  box-shadow:-10px 16px 36px rgba(16,20,23,.10)!important;
}
.hucial-flow-bar::before{
  border-radius:21px!important;
}
.hucial-flow-item,
body[data-route="social/index"] .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
body.mobile-shell-active .feed-app-shell>.hucial-flow-bar .hucial-flow-item,
body[data-route^="live/"] .live-dock-region .hucial-flow-item,
body[data-route^="call/"] .live-dock-region .hucial-flow-item,
.pages-authenticated .pages-mobile-flow a{
  height:var(--ucial-rail-item-h)!important;
  min-height:42px!important;
  grid-template-rows:26px auto!important;
  gap:1px!important;
  border-radius:14px!important;
  padding:3px 1px!important;
}
.hucial-flow-icon{width:30px!important;height:26px!important;border-radius:10px!important}
.hucial-flow-icon svg,.hucial-flow-item svg{width:18px!important;height:18px!important}
.hucial-flow-label,.hucial-flow-item>span.hucial-flow-label,.pages-authenticated .pages-mobile-flow a{
  font-size:.50rem!important;
  line-height:1.02!important;
}
.pages-authenticated .pages-mobile-flow{
  grid-auto-rows:var(--ucial-rail-item-h)!important;
}
.pages-authenticated .pages-mobile-flow .pages-flow-create{
  font-size:1.35rem!important;
}

/* Panneau Moi : un peu plus proche du rail, bouton fermer plus léger et outils pro alignés sur la palette finale. */
.hucial-flow-sheet{
  right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 9px)!important;
  width:min(404px,calc(100vw - var(--ucial-rail-width) - var(--ucial-rail-edge) - 26px))!important;
  max-height:min(82dvh,660px)!important;
}
.hucial-flow-sheet header [data-flow-close],
.hucial-flow-sheet header button[data-flow-close],
.hucial-flow-sheet header button[aria-label="Fermer"]{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-width:2px!important;
  box-shadow:0 0 0 4px rgb(var(--ucial-rgb-brand-bright)/.13)!important;
}
.hucial-professional-tools a{
  background:rgb(var(--ucial-rgb-brand)/.08)!important;
  border:1px solid rgb(var(--ucial-rgb-brand)/.18)!important;
  color:var(--ucial-text)!important;
}
.hucial-professional-tools a:hover,
.hucial-professional-tools a:focus-visible{
  background:rgb(var(--ucial-rgb-brand-bright)/.15)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.28)!important;
}

/* Menu Explorer Hucial : éliminer les tons brun/or et les focus disgracieux. */
.nav-menu-eyebrow,
.hucial-pages-nav-feature .hucial-pages-nav-kicker,
.nav-primary-actions .nav-pill-pages::after{
  color:var(--ucial-primary)!important;
}
.theme-toggle,
body>#primary-navigation.hucial-nav-portal.nav-shell-public .theme-toggle{
  background:rgb(var(--ucial-rgb-brand)/.08)!important;
  color:var(--ucial-text)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.18)!important;
  box-shadow:none!important;
}
.theme-toggle-icon{font-size:1.05rem!important}
.nav-category,
.nav-personal-block,
.hucial-pages-nav-feature,
.nav-primary-actions,
.header-search{
  border-color:rgb(var(--ucial-rgb-mist)/.95)!important;
  box-shadow:0 8px 24px rgba(16,20,23,.05)!important;
}
.nav-category summary,
.nav-category-admin summary,
.nav-category-role summary{
  background:rgb(var(--ucial-rgb-brand)/.06)!important;
  color:var(--ucial-text)!important;
}
.nav-category summary::after{
  color:var(--ucial-primary)!important;
}
.nav-category summary small{
  color:var(--ucial-text-secondary)!important;
}
.nav-category-grid a:hover,
.nav-category-grid a:focus-visible,
.nav-item-row.is-current,
.nav-item-row>a:hover,
.nav-item-row>a:focus-visible{
  background:linear-gradient(90deg,rgb(var(--ucial-rgb-brand)/.10),rgb(var(--ucial-rgb-brand-bright)/.08))!important;
  color:var(--ucial-text)!important;
}
.nav-favorite-toggle,
.nav-logout button{
  color:var(--ucial-primary)!important;
}
.nav-favorite-toggle:hover,
.nav-favorite-toggle:focus-visible,
.nav-favorite-toggle[aria-pressed="true"]{
  background:rgb(var(--ucial-rgb-brand)/.10)!important;
  color:var(--ucial-primary)!important;
}
#primary-navigation-title{
  outline:none!important;
  box-shadow:none!important;
}
@media(hover:none) and (pointer:coarse){
  html:not([data-hucial-keyboard-nav="1"]) #primary-navigation-title:focus,
  html:not([data-hucial-keyboard-nav="1"]) #primary-navigation-title:focus-visible,
  html:not([data-hucial-keyboard-nav="1"]) .nav-menu-title-wrap h2:focus,
  html:not([data-hucial-keyboard-nav="1"]) .nav-menu-title-wrap h2:focus-visible{
    outline:none!important;
    box-shadow:none!important;
  }
}

/* Bloc produit Hucial Pages : premium, léger, sans héritage brun. */
.hucial-pages-nav-feature{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,247,247,.96))!important;
}
.hucial-pages-nav-actions a:first-child{
  background:rgb(var(--ucial-rgb-brand)/.08)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.16)!important;
  color:var(--ucial-text)!important;
}
.hucial-pages-nav-actions a:last-child{
  background:#fff!important;
  border-color:rgb(var(--ucial-rgb-mist)/.95)!important;
  color:var(--ucial-text)!important;
}

/* Fil d’actualité : actions plus compactes pour laisser le contenu respirer. */
body[data-route="social/index"] .feed-simple-actions{
  gap:6px!important;
}
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){
  min-height:46px!important;
  padding:.55rem .52rem!important;
  line-height:1.08!important;
}
body[data-route="social/index"] .feed-simple-actions button{
  font-size:clamp(.79rem,1.45vw,.88rem)!important;
}
body[data-route="social/index"] .feed-owner-actions{
  gap:6px!important;
}
body[data-route="social/index"] .feed-owner-actions button{
  font-size:.84rem!important;
}
body[data-route="social/index"] .feed-owner-action-icon{
  width:16px!important;
  height:16px!important;
}
body[data-route="social/index"] .feed-simple-comment-form button{
  min-width:96px!important;
}

/* Ajustements supplémentaires pour mobile étroit. */
@media(max-width:620px){
  .nav-primary-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .nav-primary-actions .nav-pill{padding:.55rem .38rem!important;font-size:.77rem!important}
  .nav-primary-actions .nav-pill>span[aria-hidden="true"]{font-size:.92em!important}
}
@media(max-width:460px){
  body[data-authenticated="1"]:not([data-route^="clips/"]){padding-right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 6px)!important}
  .hucial-flow-sheet{
    width:min(392px,calc(100vw - var(--ucial-rail-width) - var(--ucial-rail-edge) - 18px))!important;
  }
  body[data-route="social/index"] .feed-simple-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-route="social/index"] .feed-owner-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-route="social/index"] .feed-owner-actions button{font-size:.80rem!important}
}
@media(max-height:560px){
  :root{--ucial-rail-width:60px;--ucial-rail-item-h:42px;--ucial-rail-gap:2px}
  .pages-authenticated .pages-mobile-flow{grid-auto-rows:42px!important}
  .pages-authenticated .pages-mobile-flow a{height:42px!important}
}

/* ===== Passe finale de précision — captures iPhone 03:14–03:16 ===== */

/* Le vieux rail de navigation du Fil d’actualité réservait encore ~2.8rem en plus du dock global.
   Le dock vertical est désormais l’unique réserve latérale : on rend cet espace au contenu. */
body[data-route="social/index"] .feed-user-publications.has-feed-side-rail .feed-user-stream{
  padding-right:0!important;
}
body[data-route="social/index"] .feed-user-publications.has-feed-side-rail .feed-load-sentinel{
  margin-right:0!important;
}
body[data-route="social/index"] .feed-elevator-rail{
  display:none!important;
}

/* Republier : garder le libellé et le compteur visuellement séparés, même sur petit iPhone. */
body[data-route="social/index"] .feed-repost-form button{
  column-gap:.42rem!important;
}
body[data-route="social/index"] .feed-repost-form [data-repost-label]{
  margin-right:.06rem!important;
  white-space:nowrap!important;
}
body[data-route="social/index"] .feed-repost-form .feed-action-count{
  margin-left:.04rem!important;
  min-width:.7em!important;
  text-align:center!important;
}

/* Story : remplacer le glyphe carré hérité par une icône vectorielle cohérente avec le dock. */
.hucial-story-button::before{
  content:""!important;
  display:inline-block!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  background:currentColor!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.5h10A3.5 3.5 0 0 1 20.5 7v10a3.5 3.5 0 0 1-3.5 3.5H7A3.5 3.5 0 0 1 3.5 17V7A3.5 3.5 0 0 1 7 3.5Zm3.2 5.2 5.7 3.3-5.7 3.3V8.7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.5h10A3.5 3.5 0 0 1 20.5 7v10a3.5 3.5 0 0 1-3.5 3.5H7A3.5 3.5 0 0 1 3.5 17V7A3.5 3.5 0 0 1 7 3.5Zm3.2 5.2 5.7 3.3-5.7 3.3V8.7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
.hucial-story-button[data-story-auto="home"]::before{
  width:17px!important;height:17px!important;background:currentColor!important;
}

/* Les deux derniers symboles brun/or du menu héritaient de hucial-mobile-readable.css. */
.nav-category summary>span:first-child{
  color:var(--ucial-primary)!important;
}

/* Apparence ne doit pas dominer le menu : surface neutre, accent Teal seulement. */
.theme-toggle,
body>#primary-navigation.hucial-nav-portal .theme-toggle,
body>#primary-navigation.hucial-nav-portal.nav-shell-public .theme-toggle{
  background:linear-gradient(180deg,#fff,var(--ucial-color-cloud))!important;
  color:var(--ucial-text)!important;
  border:1px solid rgb(var(--ucial-rgb-brand)/.22)!important;
  box-shadow:0 7px 18px rgba(16,20,23,.055)!important;
}
.theme-toggle:is(:hover,:focus-visible){
  background:rgb(var(--ucial-rgb-brand)/.08)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.34)!important;
}
.theme-toggle-icon{color:var(--ucial-primary)!important}

/* Fermer Moi : toujours tactile et accessible, mais plus discret que le contenu. */
.hucial-flow-sheet header [data-flow-close],
.hucial-flow-sheet header button[data-flow-close],
.hucial-flow-sheet header button[aria-label="Fermer"]{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  padding:0!important;
  border:1.5px solid rgb(var(--ucial-rgb-brand)/.42)!important;
  background:rgb(var(--ucial-rgb-brand-bright)/.16)!important;
  color:var(--ucial-text)!important;
  box-shadow:0 0 0 2px rgb(var(--ucial-rgb-brand)/.08)!important;
  font-size:1.5rem!important;
}

/* Actions propriétaire : courtes et précises ; la sémantique complète reste dans aria-label. */
body[data-route="social/index"] .feed-owner-actions button{
  min-height:44px!important;
  padding:.48rem .56rem!important;
  font-size:.80rem!important;
  gap:.34rem!important;
}
body[data-route="social/index"] .feed-owner-actions .feed-owner-action-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}

@media(max-width:460px){
  body[data-route="social/index"] .feed-owner-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-route="social/index"] .feed-simple-actions button{
    font-size:.78rem!important;
  }
}

/* ===== Micro-finition finale — Story + contrôles de fermeture ===== */

/* L’icône Story est désormais un vrai SVG injecté par hucial-story-bridge.js.
   On désactive définitivement le pseudo-glyphe historique qui apparaissait comme un carré noir sur iOS. */
.hucial-story-button::before,
.hucial-story-button[data-story-auto="home"]::before{
  content:none!important;
  display:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
.hucial-story-button .hucial-story-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}

/* Hamburger : un seul contour Teal fin. Le gros anneau de focus tactile Safari/iOS est retiré,
   tout en conservant un focus clavier visible sur les appareils à pointeur fin. */
.nav-toggle{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:11px!important;
  border:1px solid rgb(var(--ucial-rgb-brand)/.28)!important;
  border-radius:16px!important;
  background:rgb(var(--ucial-rgb-brand-bright)/.14)!important;
  color:var(--ucial-text)!important;
  box-shadow:none!important;
  outline:none!important;
}
.nav-toggle span:not(.sr-only){
  background:var(--ucial-text)!important;
}
@media(hover:hover) and (pointer:fine){
  .nav-toggle:focus-visible{
    outline:2px solid var(--ucial-primary-bright)!important;
    outline-offset:3px!important;
    box-shadow:none!important;
  }
}
@media(hover:none) and (pointer:coarse){
  .nav-toggle:focus,
  .nav-toggle:focus-visible{
    outline:none!important;
    outline-offset:0!important;
    box-shadow:none!important;
  }
}

/* Bouton X du panneau Moi : 46 px, un seul contour, pas de double anneau permanent. */
.hucial-flow-sheet header [data-flow-close],
.hucial-flow-sheet header button[data-flow-close],
.hucial-flow-sheet header button[aria-label="Fermer"]{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  border:1px solid rgb(var(--ucial-rgb-brand)/.30)!important;
  border-radius:15px!important;
  background:rgb(var(--ucial-rgb-brand-bright)/.12)!important;
  color:var(--ucial-text)!important;
  box-shadow:none!important;
  outline:none!important;
  font-size:1.42rem!important;
}
@media(hover:hover) and (pointer:fine){
  .hucial-flow-sheet header [data-flow-close]:focus-visible,
  .hucial-flow-sheet header button[data-flow-close]:focus-visible{
    outline:2px solid var(--ucial-primary-bright)!important;
    outline-offset:3px!important;
  }
}
@media(hover:none) and (pointer:coarse){
  .hucial-flow-sheet header [data-flow-close]:focus,
  .hucial-flow-sheet header [data-flow-close]:focus-visible,
  .hucial-flow-sheet header button[data-flow-close]:focus,
  .hucial-flow-sheet header button[data-flow-close]:focus-visible{
    outline:none!important;
    outline-offset:0!important;
    box-shadow:none!important;
  }
}


/* Micro-correctif final iPhone/Safari — hamburger sans anneau tactile persistant.
   Safari iOS peut considérer le bouton touché comme :focus-visible même sans clavier.
   On neutralise donc explicitement tous les états tactiles et on ne restitue le focus
   visuel que lorsque Hucial a détecté une navigation clavier réelle via Tab. */
.nav-toggle,
.nav-toggle:focus,
.nav-toggle:focus-visible,
.nav-toggle:active,
.nav-toggle[aria-expanded="true"],
.nav-toggle[aria-expanded="false"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  border:1px solid rgb(var(--ucial-rgb-brand)/.28)!important;
  background:rgb(var(--ucial-rgb-brand-bright)/.14)!important;
}
html:not([data-hucial-keyboard-nav="1"]) .nav-toggle,
html:not([data-hucial-keyboard-nav="1"]) .nav-toggle:focus,
html:not([data-hucial-keyboard-nav="1"]) .nav-toggle:focus-visible,
html:not([data-hucial-keyboard-nav="1"]) .nav-toggle:active{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}
html[data-hucial-keyboard-nav="1"] .nav-toggle:focus-visible{
  outline:2px solid var(--ucial-primary-bright)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}

/* ===== SOURCE: hucial-global-shell-compliance.css | sha256:f680da8cc64eaebc082703827774587385f827213dd47b41859526928c0c5666 ===== */
/* Hucial — conformité globale du shell officiel.
   Chargé après toutes les couches historiques : il harmonise les écrans standalone
   et les outils internes sans modifier leur logique métier. */

body.hucial-official-legacy-page{
  background:var(--ucial-bg)!important;
  color:var(--ucial-text)!important;
}
body.hucial-official-legacy-page main,
body.hucial-official-legacy-page .wrap,
body.hucial-official-legacy-page .container,
.hucial-pages.hucial-pages-official-shell{
  width:min(1180px,calc(100% - 32px));
  margin-inline:auto;
}
body.hucial-official-legacy-page main,
body.hucial-official-legacy-page .wrap,
body.hucial-official-legacy-page .container{
  padding:28px 0 70px!important;
}
body.hucial-official-legacy-page :is(.card,.hero,.panel,.notice,.metric,section[class*="card"]){
  background:var(--ucial-surface)!important;
  border-color:var(--ucial-border)!important;
  color:var(--ucial-text)!important;
  box-shadow:0 12px 34px rgba(16,20,23,.06)!important;
}
body.hucial-official-legacy-page :is(h1,h2,h3,h4,strong,legend,th){color:var(--ucial-text)!important}
body.hucial-official-legacy-page :is(p,small,dd,td,li,.muted){color:var(--ucial-text-secondary)!important}
body.hucial-official-legacy-page a{color:var(--ucial-primary)!important}
body.hucial-official-legacy-page :is(input,textarea,select){
  background:var(--ucial-surface)!important;
  color:var(--ucial-text)!important;
  border:1px solid var(--ucial-border)!important;
  border-radius:13px!important;
}
body.hucial-official-legacy-page :is(input,textarea,select):focus-visible{
  outline:2px solid var(--ucial-primary-hover)!important;
  outline-offset:2px!important;
  border-color:var(--ucial-primary)!important;
}
body.hucial-official-legacy-page :is(button,.button,.primary-button){
  border-radius:13px!important;
}
body.hucial-official-legacy-page :is(button,.button,.primary-button):not(.danger):not(.secondary){
  background:var(--ucial-primary)!important;
  color:#fff!important;
  border-color:var(--ucial-primary)!important;
}
body.hucial-official-legacy-page table{
  width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;
  border:1px solid var(--ucial-border);border-radius:16px;background:var(--ucial-surface)
}
body.hucial-official-legacy-page :is(th,td){padding:10px 12px;border-bottom:1px solid var(--ucial-border);text-align:left;vertical-align:top}
body.hucial-official-legacy-page tr:last-child td{border-bottom:0}
body.hucial-official-legacy-page pre{overflow:auto;background:var(--ucial-color-midnight);color:#fff;border-radius:16px;padding:16px}

/* Hucial Pages : le contenu reste spécialisé, le chrome est désormais celui de Hucial. */
.hucial-pages-official-shell{padding-top:24px;padding-bottom:56px}
body[data-route^="publicPage/"] .hucial-pages{color:var(--ucial-text)}
body[data-route^="publicPage/"] :is(.pages-section,.page-card,.page-public-hero,.page-article,.page-seo-live-panel){
  border-color:var(--ucial-border)!important;
}

/* Administration, modération, santé et opérations : tableaux respirants sur petits écrans. */
body[data-route^="admin/"] table,
body[data-route^="adminCenter/"] table,
body[data-route^="moderationCenter/"] table,
body[data-route^="incidentManagement/"] table,
body[data-route^="system/"] table,
body.hucial-official-legacy-page table{display:table}

.hucial-official-error{max-width:720px;margin:42px auto;padding:28px;border:1px solid var(--ucial-border);border-radius:24px;background:var(--ucial-surface)}

@media(max-width:760px){
  body.hucial-official-legacy-page main,
  body.hucial-official-legacy-page .wrap,
  body.hucial-official-legacy-page .container,
  .hucial-pages.hucial-pages-official-shell{width:min(100% - 22px,1180px)}
  body.hucial-official-legacy-page table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}


/* ===== HUCIAL DOCK INTERACTIF R1 — 2026-08-20 =====
   Correctif strictement ciblé sur le dock authentifié.
   Le hamburger/header restent indépendants et inchangés. */
.hucial-flow-bar[data-hucial-dock-r1]{
  grid-auto-rows:var(--ucial-rail-item-h)!important;
}
.hucial-flow-bar[data-hucial-dock-r1] .hucial-flow-item{position:relative!important}
.hucial-flow-bar[data-hucial-dock-r1] button.hucial-flow-item{
  appearance:none!important;border:0!important;background:transparent;font:inherit;cursor:pointer
}
.hucial-flow-bar[data-hucial-dock-r1] button.hucial-flow-item:is(:hover,:focus-visible),
.hucial-flow-bar[data-hucial-dock-r1] button.hucial-flow-item.is-active,
.hucial-flow-bar[data-hucial-dock-r1] button.hucial-flow-item[aria-current="page"]{
  color:var(--ucial-primary)!important;background:rgb(var(--ucial-rgb-brand)/.07)!important
}
.hucial-flow-icon-real strong{display:grid;place-items:center;width:22px;height:22px;border:1.8px solid currentColor;border-radius:50%;font-size:.72rem;line-height:1;font-weight:900}
.hucial-flow-badge{
  position:absolute;z-index:2;top:2px;right:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;
  border:2px solid rgb(var(--ucial-rgb-white));border-radius:999px;background:var(--ucial-primary,#007c78);color:#fff;
  font-size:.54rem!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;
  box-shadow:0 4px 10px rgba(0,124,120,.20)
}
.hucial-flow-badge[hidden]{display:none!important}
.hucial-flow-status-dot{position:absolute;top:7px;right:10px;width:8px;height:8px;border-radius:50%;background:#18a36f;box-shadow:0 0 0 3px rgba(24,163,111,.14)}
.hucial-flow-item.hucial-dock-pulse .hucial-flow-icon{animation:hucial-dock-pulse-r1 .42s ease-out 2}
@keyframes hucial-dock-pulse-r1{0%{transform:scale(1)}45%{transform:scale(1.13);box-shadow:0 0 0 8px rgba(0,124,120,.10)}100%{transform:scale(1)}}

/* Le correctif Header Search avait masqué le dock <=780px.
   Le nouveau dock est explicitement indépendant du hamburger et redevient visible. */
@media(max-width:780px){
  body[data-authenticated="1"] .hucial-flow-bar[data-human-flow-bar][data-hucial-dock-r1]{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important
  }
}

/* Volets d'aperçu : ils se superposent au Fil et ne changent pas de page tant que
   l'utilisateur ne choisit pas une destination. */
.hucial-dock-sheet{overscroll-behavior:contain}
.hucial-dock-sheet::backdrop{background:rgba(11,25,27,.26)!important;backdrop-filter:blur(2px)}
.hucial-dock-preview-list{display:grid;gap:8px;margin:0 0 14px}
.hucial-dock-preview-list>a,.hucial-dock-live-preview>a{
  display:grid;gap:4px;min-height:54px;padding:11px 12px;border:1px solid var(--ucial-border,#dbe4e4);border-radius:15px;
  background:var(--ucial-surface,#fff);color:var(--ucial-text,#102530);text-decoration:none
}
.hucial-dock-preview-list>a:is(:hover,:focus-visible),.hucial-dock-live-preview>a:is(:hover,:focus-visible){
  border-color:var(--ucial-primary,#007c78);box-shadow:0 0 0 3px rgba(0,124,120,.12)
}
.hucial-dock-preview-list strong,.hucial-dock-live-preview strong{font-size:.92rem;line-height:1.25}
.hucial-dock-preview-list span,.hucial-dock-live-preview span{color:var(--ucial-text-secondary,#506a65);font-size:.77rem;line-height:1.35}
.hucial-dock-empty{margin:0 0 12px;padding:14px;border:1px dashed var(--ucial-border,#dbe4e4);border-radius:14px;color:var(--ucial-text-secondary,#506a65)}
.hucial-dock-open-all{
  display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px 13px;border-radius:14px;
  background:var(--ucial-primary,#007c78);color:#fff!important;text-decoration:none!important;font-weight:850
}
.hucial-dock-open-all:is(:hover,:focus-visible){box-shadow:0 0 0 3px rgba(0,124,120,.18)}
.hucial-dock-more-links{grid-template-columns:1fr 1fr!important}
.hucial-dock-live-preview{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--ucial-border,#dbe4e4)}
.hucial-dock-live-preview h3{margin:0 0 2px;font-size:.86rem;text-transform:uppercase;letter-spacing:.055em;color:var(--ucial-text-secondary,#506a65)}
@media(max-width:560px){
  .hucial-dock-sheet{
    top:50%!important;right:calc(var(--ucial-rail-width) + var(--ucial-rail-edge) + 7px)!important;
    width:calc(100vw - var(--ucial-rail-width) - var(--ucial-rail-edge) - 20px)!important;
    max-width:390px!important;max-height:min(82dvh,650px)!important;padding:11px 12px 16px!important;border-radius:22px!important
  }
  .hucial-dock-sheet header{gap:8px!important;margin-bottom:12px!important}
  .hucial-dock-sheet h2{font-size:1.18rem!important}
  .hucial-dock-more-links{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .hucial-flow-item.hucial-dock-pulse .hucial-flow-icon{animation:none!important}
}
@media(forced-colors:active){
  .hucial-flow-badge,.hucial-flow-status-dot{forced-color-adjust:auto;border:1px solid CanvasText}
  .hucial-dock-preview-list>a,.hucial-dock-live-preview>a,.hucial-dock-open-all{border:1px solid CanvasText!important}
}


/* ===== HUCIAL DOCK MICRO POLISH R1 — 2026-08-20 =====
   Deux ajustements visuels uniquement : libellé Notifications entier + badge Clip 99+ plus discret. */
.hucial-flow-bar[data-hucial-dock-r1] .hucial-flow-item[data-flow-destination="activity"] .hucial-flow-label{
  font-size:.44rem!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.hucial-flow-bar[data-hucial-dock-r1] .hucial-flow-item[data-flow-destination="clips"] .hucial-flow-badge{
  top:-1px!important;
  right:-1px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 3px!important;
  border-width:1.5px!important;
  font-size:.47rem!important;
  box-shadow:0 3px 8px rgba(0,124,120,.18)!important;
}


/* ===== HUCIAL DOCK CHAT + NOTIFICATIONS DETAIL R1 — 2026-08-20 =====
   Aucun changement de dimensions du dock : contenu des volets enrichi côté serveur. */


/* ===== HUCIAL DOCK NOTIFICATIONS LABEL MICRO POLISH R1 — 2026-08-20 =====
   Ajustement unique : afficher « Notifications » en entier sans modifier la largeur du dock. */
.hucial-flow-bar[data-hucial-dock-r1] .hucial-flow-item[data-flow-destination="activity"] .hucial-flow-label{
  width:calc(100% + 10px)!important;
  max-width:none!important;
  margin-left:-5px!important;
  padding-left:0!important;
  padding-right:0!important;
  font-size:.40rem!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}