/* Hucial 261.0.32 — Lives et Salons · Human Luxury */
.live-experience{
  --live-ink:var(--h-ink,#273330);
  --live-muted:var(--h-muted,#687573);
  --live-line:var(--h-line,rgba(83,112,105,.16));
  --live-line-strong:var(--h-line-strong,rgba(83,112,105,.28));
  --live-crystal:var(--h-crystal,#70d8d1);
  --live-glacier:var(--h-glacier,#cfeaf4);
  --live-sage:var(--h-sage,#dfe9e1);
  --live-champagne:var(--h-champagne,#eee3cf);
  --live-gold:var(--h-gold,#c8ae78);
  --live-shadow:var(--h-shadow,0 22px 70px rgba(88,150,143,.10),0 8px 28px rgba(200,174,120,.08));
  --live-shadow-soft:var(--h-shadow-soft,0 12px 36px rgba(112,216,209,.08),0 4px 16px rgba(207,234,244,.16));
  display:grid;
  gap:clamp(1rem,2.2vw,1.65rem);
  width:min(100%,1320px);
  margin:0 auto;
  padding:0 0 clamp(2rem,5vw,4.5rem);
  color:var(--live-ink);
}

.live-experience :is(h1,h2,h3,h4,p){overflow-wrap:anywhere}
.live-experience :is(a,button,input,select,textarea,summary):focus-visible{outline:0;box-shadow:var(--h-focus)!important}
.live-experience :is(input,select,textarea){font-size:16px!important}
.live-experience textarea{resize:vertical;min-height:7rem}
.live-experience select[multiple]{min-height:10rem}
.live-experience form{margin:0!important}
.live-experience .microcopy,
.live-experience .hint{color:var(--live-muted)!important}

/* Hero partagé avec l'accueil, le Feed et le Chat */
.live-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(210px,.45fr);
  gap:clamp(1.25rem,4vw,3rem);
  align-items:center;
  overflow:hidden;
  padding:clamp(1.35rem,4vw,3.6rem);
  border:1px solid var(--live-line);
  border-radius:38px 38px 50px 22px;
  background:
    radial-gradient(circle at 82% 12%,rgba(112,216,209,.22),transparent 18rem),
    radial-gradient(circle at 4% 96%,rgba(207,234,244,.52),transparent 26rem),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(251,248,241,.86));
  box-shadow:var(--live-shadow);
}
.live-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:18rem;
  height:18rem;
  right:-7rem;
  top:-8rem;
  border-radius:50%;
  border:1px solid rgba(112,216,209,.24);
  box-shadow:0 0 0 2.8rem rgba(207,234,244,.12),0 0 0 5.6rem rgba(223,233,225,.08);
}
.live-hero-copy{display:grid;gap:.8rem;align-content:center;min-width:0}
.live-kicker{
  color:#6f5737;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.15em;
  line-height:1.4;
  text-transform:uppercase;
}
.live-hero h1{
  max-width:17ch;
  margin:0;
  font-size:clamp(2.15rem,5.7vw,5.15rem);
  font-weight:720;
  letter-spacing:-.065em;
}
.live-hero-lead{max-width:68ch;margin:0;color:var(--live-muted);font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.72}
.live-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.45rem}
.live-primary-link,
.live-secondary-link,
.live-text-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:.72rem 1.05rem;
  border-radius:999px;
  font-weight:850;
  text-decoration:none!important;
  transition:transform .18s var(--h-ease),box-shadow .2s ease,background .2s ease;
}
.live-primary-link{border:1px solid rgba(54,148,143,.28);background:linear-gradient(135deg,#6fd7d0,#bdece8);color:#113b39!important;box-shadow:0 12px 30px rgba(80,185,178,.18)}
.live-secondary-link{border:1px solid var(--live-line);background:rgba(255,255,255,.72);color:var(--live-ink)!important;box-shadow:var(--live-shadow-soft)}
.live-text-link{min-height:40px;padding:.5rem .8rem;border:1px solid var(--live-line);background:rgba(255,255,255,.62);color:var(--live-ink)!important}
.live-primary-link:hover,.live-secondary-link:hover,.live-text-link:hover{transform:translateY(-2px);box-shadow:var(--live-shadow)}
.live-trust-list{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin:.45rem 0 0;padding:0;list-style:none}
.live-trust-list li{display:inline-flex;align-items:center;gap:.38rem;color:var(--live-muted);font-size:.86rem;font-weight:720}
.live-trust-list li::before{content:"✓";display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:rgba(112,216,209,.22);color:#236a66;font-size:.72rem;font-weight:950}
.live-hero-mark{
  justify-self:end;
  display:grid;
  place-items:center;
  align-content:center;
  width:min(100%,250px);
  aspect-ratio:1;
  padding:1rem;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.98),rgba(207,234,244,.76) 46%,rgba(112,216,209,.28));
  box-shadow:inset 0 0 0 1px rgba(83,112,105,.08),0 28px 70px rgba(88,150,143,.18);
  text-align:center;
}
.live-hero-mark strong{font-size:clamp(1.35rem,3vw,2.2rem);letter-spacing:.12em}
.live-hero-mark small{max-width:14ch;color:var(--live-muted);line-height:1.35}
.live-signal-dot{display:block;width:1rem;height:1rem;margin-bottom:.7rem;border-radius:50%;background:#ee665d;box-shadow:0 0 0 .42rem rgba(238,102,93,.12),0 0 1.5rem rgba(238,102,93,.32)}
.call-mark{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.98),rgba(223,233,225,.78) 48%,rgba(200,174,120,.20))}
.call-wave{display:flex;align-items:center;gap:.24rem;height:2.3rem;margin-bottom:.5rem}
.call-wave i{display:block;width:.28rem;border-radius:999px;background:#4baea8;animation:hucialCallWave 1.2s ease-in-out infinite}
.call-wave i:nth-child(1){height:.8rem}.call-wave i:nth-child(2){height:1.7rem;animation-delay:.12s}.call-wave i:nth-child(3){height:2.2rem;animation-delay:.24s}.call-wave i:nth-child(4){height:1.1rem;animation-delay:.36s}
@keyframes hucialCallWave{0%,100%{transform:scaleY(.72);opacity:.65}50%{transform:scaleY(1);opacity:1}}

/* Résumé */
.live-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.live-overview a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.8rem;padding:1rem 1.05rem;border:1px solid var(--live-line);border-radius:24px 24px 31px 15px;background:rgba(255,255,255,.78);color:var(--live-ink)!important;text-decoration:none!important;box-shadow:var(--live-shadow-soft);transition:transform .18s var(--h-ease),box-shadow .2s ease}
.live-overview a:hover{transform:translateY(-2px);box-shadow:var(--live-shadow)}
.live-overview strong{grid-row:1/3;align-self:center;min-width:2.5rem;color:#3e8f89;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.05em}
.live-overview span{font-weight:850}.live-overview small{color:var(--live-muted);line-height:1.35}

/* Grilles principales */
.live-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(1rem,2vw,1.5rem);align-items:start}
.live-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);align-items:start}
.live-experience .panel{padding:clamp(1rem,2.5vw,1.55rem)!important}
.live-create-card{overflow:visible!important}
.live-list-card{position:sticky!important;top:calc(var(--header-height,0px) + 1rem);max-height:calc(100dvh - var(--header-height,0px) - 2rem);overflow:auto!important;scrollbar-width:thin}
.live-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}
.live-section-heading.compact{margin-bottom:.8rem}
.live-section-heading h2{margin:.18rem 0 .35rem;font-size:clamp(1.45rem,2.5vw,2.15rem)}
.live-section-heading p{max-width:65ch;margin:0;color:var(--live-muted)}
.live-section-icon{display:grid;place-items:center;flex:0 0 auto;width:3rem;height:3rem;border:1px solid var(--live-line);border-radius:18px 18px 22px 10px;background:linear-gradient(145deg,rgba(207,234,244,.74),rgba(112,216,209,.20));color:#246d68;font-size:1.35rem;box-shadow:var(--live-shadow-soft)}

/* Formulaires premium et accessibles */
.live-premium-form{display:grid!important;gap:1rem;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.live-premium-form::after,.live-inline-form::after,.live-filter-form::after{display:none!important}
.live-form-section{display:grid;gap:.85rem;margin:0;padding:1rem;border:1px solid var(--live-line);border-radius:22px;background:rgba(255,255,255,.52)}
.live-form-section>legend{padding:0 .45rem;color:var(--live-ink);font-weight:900}
.live-form-section>legend span{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;margin-right:.35rem;border-radius:50%;background:linear-gradient(135deg,var(--live-crystal),var(--live-glacier));color:#163f3c}
.live-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.live-form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-premium-form label{display:grid;gap:.38rem;color:var(--live-ink);font-weight:790}
.live-premium-form label>span.microcopy{font-weight:560}
.live-input-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}
.live-input-suffix>span{color:var(--live-muted);font-size:.88rem;font-weight:700}
.live-advanced-settings{border:1px solid var(--live-line);border-radius:22px;background:rgba(223,233,225,.26);overflow:hidden}
.live-advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:.8rem 1rem;cursor:pointer;font-weight:900;list-style:none}
.live-advanced-settings>summary::-webkit-details-marker{display:none}
.live-advanced-settings>summary::after{content:"＋";display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:rgba(255,255,255,.78);color:#3a6e69}
.live-advanced-settings[open]>summary::after{content:"−"}
.live-advanced-content{display:grid;gap:.85rem;padding:0 1rem 1rem}
.live-subfieldset{display:grid;gap:.7rem;padding:.9rem;border:1px solid var(--live-line);border-radius:18px;background:rgba(255,255,255,.52)}
.live-subfieldset legend{padding:0 .4rem;font-weight:900}
.live-check-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.65rem;padding:.72rem .8rem;border:1px solid var(--live-line);border-radius:16px;background:rgba(255,255,255,.58);cursor:pointer}
.live-check-option.compact{align-self:end}
.live-check-option input{flex:0 0 auto;width:1.2rem!important;height:1.2rem!important;min-height:0!important;margin:.15rem 0 0!important;padding:0!important;accent-color:#4baea8}
.live-check-option span{display:grid;gap:.08rem;font-weight:650}
.live-check-option small{color:var(--live-muted);font-weight:550}
.live-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.live-choice-grid fieldset{display:grid;gap:.45rem;margin:0;padding:.8rem;border:1px solid var(--live-line);border-radius:18px;background:rgba(255,255,255,.52)}
.live-choice-grid legend{padding:0 .35rem;font-weight:900}
.live-choice-grid label{display:flex;align-items:flex-start;gap:.55rem;padding:.62rem;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.46);cursor:pointer}
.live-choice-grid label:has(input:checked){border-color:rgba(75,174,168,.38);background:rgba(112,216,209,.13)}
.live-choice-grid input{width:1.15rem!important;height:1.15rem!important;min-height:0!important;margin:.18rem 0 0!important;padding:0!important;accent-color:#4baea8}
.live-choice-grid span{display:grid;gap:.05rem}.live-choice-grid small{color:var(--live-muted);font-weight:550}
.live-form-submit{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--live-line);border-radius:20px 20px 26px 12px;background:linear-gradient(135deg,rgba(207,234,244,.38),rgba(223,233,225,.42))}
.live-form-submit p{max-width:62ch;margin:0;color:var(--live-muted);font-size:.9rem}
.live-form-submit button{flex:0 0 auto}
.compact-form{gap:.75rem!important}

/* Cartes de Lives et Salons */
.live-room-list{display:grid;gap:.7rem}
.live-room-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.9rem;border:1px solid var(--live-line);border-radius:20px 20px 25px 12px;background:rgba(255,255,255,.68);box-shadow:0 8px 24px rgba(88,150,143,.06)}
.live-room-card h3{margin:.35rem 0 .22rem;font-size:1.08rem}
.live-room-card p,.live-room-card small{margin:0;color:var(--live-muted);line-height:1.45}
.live-room-main{min-width:0}
.live-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;align-items:center}
.live-inline-form{display:flex!important;flex-wrap:wrap;gap:.38rem;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.live-status-badge,.live-category-chip{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .62rem;border:1px solid var(--live-line);border-radius:999px;background:rgba(223,233,225,.58);color:#38504b;font-size:.76rem;font-weight:900}
[data-live-status="live"] .live-status-badge,.live-status-badge[data-live-status="live"]{background:rgba(238,102,93,.13);border-color:rgba(238,102,93,.28);color:#8d342f}
[data-live-status="scheduled"] .live-status-badge,.live-status-badge[data-live-status="scheduled"]{background:rgba(207,234,244,.66);color:#315f6c}
.live-empty-state{display:grid;place-items:center;gap:.35rem;min-height:250px;padding:1.25rem;border:1px dashed var(--live-line-strong);border-radius:22px;background:rgba(255,255,255,.42);text-align:center}
.live-empty-state>span{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:rgba(112,216,209,.16);color:#3e8f89;font-size:1.5rem}
.live-empty-state h3,.live-empty-state p{margin:0}.live-empty-state p{color:var(--live-muted)}
.live-empty-state a{margin-top:.45rem;color:#2e746f;font-weight:850}
.live-empty-state.horizontal{grid-template-columns:auto minmax(0,1fr);place-items:center start;min-height:0;text-align:left}
.live-public-section{display:grid;gap:.5rem}
.live-public-section>.live-section-heading{align-items:center}
.live-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.live-public-card{display:grid;align-content:start;gap:.65rem;padding:1rem;border:1px solid var(--live-line);border-radius:24px 24px 31px 15px;background:rgba(255,255,255,.72);box-shadow:var(--live-shadow-soft)}
.live-public-card h3,.live-public-card p{margin:0}.live-public-card p{color:var(--live-muted)}
.live-public-card .secondary-button{justify-self:start;margin-top:auto}
.live-public-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem}
.live-content-warning{padding:.7rem;border-left:4px solid var(--live-gold);border-radius:12px;background:rgba(238,227,207,.45);color:var(--live-ink)!important}
.live-filter-form{display:flex!important;align-items:end;gap:.55rem;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.live-filter-form label{display:grid;gap:.25rem;font-weight:780}
.live-history-list{display:grid;gap:.5rem}
.live-history-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;padding:.72rem;border:1px solid var(--live-line);border-radius:15px;background:rgba(255,255,255,.52)}
.live-history-list span{color:var(--live-muted);font-size:.86rem}

/* Promesse et passerelle */
.live-salons-promise{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--live-line);border-radius:30px 30px 39px 17px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(238,227,207,.44));box-shadow:var(--live-shadow-soft)}
.live-salons-promise h2,.live-salons-promise p{margin:.2rem 0}.live-salons-promise p{color:var(--live-muted)}
.live-salons-icon{display:grid;place-items:center;width:3.7rem;height:3.7rem;border-radius:20px 20px 25px 11px;background:linear-gradient(145deg,rgba(207,234,244,.84),rgba(112,216,209,.28));color:#2f7b76;font-size:1.35rem;font-weight:900}

/* Détail d'un Live */
.live-detail{gap:1rem}
.live-detail-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);padding:clamp(1.2rem,3vw,2.2rem)}
.live-detail-hero h1{max-width:21ch;font-size:clamp(2rem,4.5vw,4rem)}
.live-detail-status-row{display:flex;flex-wrap:wrap;gap:.45rem}
.live-detail-nav{display:flex;gap:.4rem;overflow:auto;padding:.2rem 0 .25rem;scrollbar-width:thin}
.live-detail-nav a{flex:0 0 auto;padding:.48rem .72rem;border:1px solid var(--live-line);border-radius:999px;background:rgba(255,255,255,.64);color:var(--live-ink)!important;font-size:.84rem;font-weight:800;text-decoration:none!important}
.live-detail>.alert{margin:0}
.live-feature-panel,.live-health-panel,.live-safety-panel{scroll-margin-top:calc(var(--header-height,0px) + 1rem)}
.live-feature-panel>h2,.live-health-panel>h2,.live-safety-panel>h2{padding-bottom:.7rem;border-bottom:1px solid var(--live-line)}
.live-broadcast-panel{background:radial-gradient(circle at 95% 5%,rgba(112,216,209,.16),transparent 14rem),linear-gradient(145deg,rgba(255,255,255,.94),rgba(251,248,241,.82))!important}
.live-interactions-panel .compact-actions form,.live-feature-panel .compact-actions form{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.live-feature-panel .call-work-item{padding:.8rem;border:1px solid var(--live-line);border-radius:16px;background:rgba(255,255,255,.54)}
.live-feature-panel .call-work-list{display:grid;gap:.55rem}
.live-accessibility{border-left:4px solid rgba(75,174,168,.55)!important}
.live-translation{border-left:4px solid rgba(207,164,102,.52)!important}
.live-replay{border-left:4px solid rgba(112,153,216,.46)!important}
.live-health-panel{background:rgba(223,233,225,.46)!important}
.live-safety-panel{background:rgba(238,227,207,.36)!important}

/* Salon actif */
.call-room-experience{gap:1rem}
.call-room-hero{margin-bottom:.15rem}
.call-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:1rem;align-items:start}
.call-stage>.panel{margin:0!important}
.call-stage>.call-consent,.call-stage>.call-live,.call-stage>.call-workspace,.call-stage>[data-v131-collaboration]{grid-column:1/-1}
.call-stage>.call-chat,.call-stage>.call-agenda{grid-column:auto}
.call-stage>.call-workspace{scroll-margin-top:calc(var(--header-height,0px) + 1rem)}
.call-stage .video-tile{border-radius:22px;overflow:hidden;border:1px solid var(--live-line);background:#15211f}
.call-stage .video-grid{gap:.7rem}
.call-stage .call-controls{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem;border:1px solid var(--live-line);border-radius:18px;background:rgba(255,255,255,.5)}
.call-stage .preflight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.call-stage .preflight-grid>div{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--live-line);border-radius:16px;background:rgba(255,255,255,.55)}
.call-stage .participant-list{display:grid;gap:.5rem;padding:0;list-style:none}
.call-stage .participant-list li{display:grid;gap:.35rem;padding:.7rem;border:1px solid var(--live-line);border-radius:15px;background:rgba(255,255,255,.52)}
.call-stage .participant-host-actions{display:flex;flex-wrap:wrap;gap:.35rem}
.call-stage .workspace-grid{gap:.8rem}
.call-stage .workspace-grid>section{padding:.8rem;border:1px solid var(--live-line);border-radius:18px;background:rgba(255,255,255,.46)}
.call-stage .call-chat-list{min-height:8rem;max-height:26rem;overflow:auto;padding:.5rem;border:1px solid var(--live-line);border-radius:16px;background:rgba(255,255,255,.45)}
.call-stage .call-chat-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;padding:.65rem!important;border:1px solid var(--live-line)!important;border-radius:18px!important;background:rgba(255,255,255,.5)!important}

/* États spéciaux */
html[data-high-contrast="1"] .live-experience :is(.live-hero,.panel,.live-overview a,.live-room-card,.live-public-card,.live-salons-promise,.live-form-section,.live-advanced-settings){border-width:2px!important;border-color:currentColor!important}
html[data-calm-interface="1"] .live-hero::before{display:none}
html[data-reduce-transparency="1"] .live-experience :is(.live-hero,.panel,.live-overview a,.live-room-card,.live-public-card,.live-salons-promise){backdrop-filter:none!important;background-color:var(--h-pearl)!important}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .live-hero{background:radial-gradient(circle at 82% 12%,rgba(112,216,209,.16),transparent 18rem),linear-gradient(145deg,rgba(30,46,42,.96),rgba(20,32,29,.92))}
  html:not([data-theme="light"]) .live-hero-mark{background:radial-gradient(circle at 35% 28%,rgba(47,70,64,.98),rgba(33,55,50,.88) 46%,rgba(112,216,209,.16));border-color:rgba(177,220,212,.16)}
  html:not([data-theme="light"]) .live-kicker{color:#d6bd8e}
  html:not([data-theme="light"]) .live-primary-link{color:#0c312f!important}
  html:not([data-theme="light"]) .live-secondary-link,
  html:not([data-theme="light"]) .live-text-link,
  html:not([data-theme="light"]) .live-detail-nav a{background:rgba(29,47,42,.78)}
  html:not([data-theme="light"]) .live-experience :is(.live-overview a,.live-form-section,.live-advanced-settings,.live-subfieldset,.live-check-option,.live-choice-grid fieldset,.live-choice-grid label,.live-room-card,.live-public-card,.live-empty-state,.live-history-list article,.live-salons-promise,.call-stage .preflight-grid>div,.call-stage .participant-list li,.call-stage .workspace-grid>section,.call-stage .call-chat-list,.call-stage .call-chat-form){background:rgba(29,47,42,.72)!important}
}
html[data-theme="dark"] .live-hero{background:radial-gradient(circle at 82% 12%,rgba(112,216,209,.16),transparent 18rem),linear-gradient(145deg,rgba(30,46,42,.96),rgba(20,32,29,.92))}
html[data-theme="dark"] .live-kicker{color:#d6bd8e}

/* Responsive et safe areas */
@media(max-width:1050px){
  .live-dashboard-grid,.call-dashboard-grid{grid-template-columns:1fr}
  .live-list-card{position:relative!important;top:auto;max-height:none}
  .live-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .call-stage{grid-template-columns:1fr}
  .call-stage>*{grid-column:1!important}
}
@media(max-width:800px){
  .live-hero{grid-template-columns:1fr;border-radius:30px 30px 40px 18px}
  .live-hero-mark{justify-self:center;width:min(58vw,220px)}
  .live-overview{grid-template-columns:1fr}
  .live-support-grid{grid-template-columns:1fr}
  .live-salons-promise{grid-template-columns:auto minmax(0,1fr)}
  .live-salons-promise>a{grid-column:1/-1;justify-self:stretch}
  .live-section-heading{flex-direction:column}
  .live-section-heading>.live-text-link{align-self:flex-start}
  .live-filter-form{width:100%;align-items:stretch;flex-direction:column}
  .live-filter-form button{align-self:flex-start}
}
@media(max-width:640px){
  .live-experience{gap:.85rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}
  .live-hero{padding:1.1rem;border-radius:25px 25px 33px 15px}
  .live-hero h1{font-size:clamp(2rem,11vw,3.2rem)}
  .live-hero-actions{display:grid;grid-template-columns:1fr}
  .live-primary-link,.live-secondary-link{width:100%}
  .live-trust-list{display:grid;grid-template-columns:1fr 1fr}
  .live-form-grid,.live-form-grid.three-columns,.live-choice-grid{grid-template-columns:1fr}
  .live-form-submit{align-items:stretch;flex-direction:column}
  .live-form-submit button{width:100%}
  .live-room-card{grid-template-columns:1fr}
  .live-card-actions{justify-content:flex-start}
  .live-room-card>a{justify-self:start}
  .live-public-grid{grid-template-columns:1fr}
  .live-empty-state.horizontal{grid-template-columns:1fr;place-items:center;text-align:center}
  .live-salons-promise{grid-template-columns:1fr;text-align:center}
  .live-salons-icon{justify-self:center}
  .live-history-list article{grid-template-columns:1fr;gap:.2rem}
  .live-detail-nav{margin-inline:-.2rem}
  .call-stage .preflight-grid{grid-template-columns:1fr}
  .call-stage .call-chat-form{grid-template-columns:1fr}
}
@media(max-width:390px){
  .live-trust-list{grid-template-columns:1fr}
  .live-hero-mark{width:min(70vw,200px)}
  .live-experience .panel{padding:.9rem!important}
  .live-form-section{padding:.8rem}
}
@media(prefers-reduced-motion:reduce){
  .call-wave i{animation:none}
  .live-primary-link,.live-secondary-link,.live-text-link,.live-overview a{transition:none}
  .live-primary-link:hover,.live-secondary-link:hover,.live-text-link:hover,.live-overview a:hover{transform:none}
}

/* Hucial 261.0.33 — finition mobile 10/10 Lives et Salons */
.live-experience{
  --live-dock-clearance:calc(var(--flow-bar-height,76px) + max(16px,env(safe-area-inset-bottom)) + 24px);
  padding-bottom:1rem;
  scroll-padding-block-end:var(--live-dock-clearance);
}
body[data-route^="live/"] main,
body[data-route^="call/"] main{padding-bottom:0!important}
.live-experience :is([id],section,aside,article,form){scroll-margin-block-end:var(--live-dock-clearance)}

/* Le cadre noir visible avec VoiceOver est le curseur natif d'iOS.
   On conserve ce repère indispensable, tout en donnant de l'air aux titres. */
.live-hero h1,
.live-section-heading h2,
.live-salons-promise h2{
  display:inline-block;
  width:fit-content;
  max-width:100%;
  padding:.07em .12em .1em;
  margin-inline-start:-.12em;
  border-radius:.3em;
}
.live-experience :is(h1,h2,h3):focus{scroll-margin-block-start:calc(var(--header-height,0px) + 1rem);scroll-margin-block-end:var(--live-dock-clearance)}

.live-trust-details{
  margin-top:.35rem;
  border:1px solid var(--live-line);
  border-radius:17px 17px 21px 10px;
  background:rgba(255,255,255,.48);
  overflow:hidden;
}
.live-trust-details>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:46px;
  padding:.66rem .82rem;
  color:var(--live-ink);
  cursor:pointer;
  list-style:none;
  font-size:.86rem;
  font-weight:850;
}
.live-trust-details>summary::-webkit-details-marker{display:none}
.live-trust-details>summary::after{
  content:"＋";
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:1.75rem;
  height:1.75rem;
  border-radius:50%;
  background:rgba(112,216,209,.18);
  color:#286f6a;
  font-size:1rem;
  line-height:1;
}
.live-trust-details[open]>summary::after{content:"−"}
.live-trust-details .live-trust-list{margin:0;padding:.15rem .82rem .82rem}

@media(max-width:640px){
  .live-experience{gap:.72rem;padding-bottom:.65rem}
  .live-hero{gap:.72rem;padding:.92rem;border-radius:24px 24px 31px 14px}
  .live-hero::before{width:11rem;height:11rem;right:-5.5rem;top:-5rem;box-shadow:0 0 0 1.8rem rgba(207,234,244,.1),0 0 0 3.5rem rgba(223,233,225,.06)}
  .live-hero-copy{gap:.58rem}
  .live-kicker{font-size:.68rem;letter-spacing:.13em}
  .live-hero h1{max-width:15ch;font-size:clamp(1.9rem,8.8vw,2.72rem);line-height:.99;letter-spacing:-.058em}
  .live-hero-lead{font-size:.96rem;line-height:1.52}
  .live-hero-actions{gap:.48rem;margin-top:.18rem}
  .live-primary-link,.live-secondary-link{min-height:48px;padding:.68rem .88rem}
  .live-trust-details{margin-top:.1rem}
  .live-trust-details .live-trust-list{grid-template-columns:1fr 1fr;gap:.35rem .55rem}
  .live-trust-list li{font-size:.78rem;line-height:1.35}
  .live-hero-mark{width:138px;max-width:42vw;padding:.72rem;box-shadow:inset 0 0 0 1px rgba(83,112,105,.08),0 16px 38px rgba(88,150,143,.15)}
  .live-hero-mark strong{font-size:1.24rem}
  .live-hero-mark small{font-size:.76rem}
  .live-signal-dot{width:.78rem;height:.78rem;margin-bottom:.45rem;box-shadow:0 0 0 .32rem rgba(238,102,93,.11),0 0 1rem rgba(238,102,93,.24)}
  .call-wave{height:1.55rem;margin-bottom:.3rem}.call-wave i:nth-child(2){height:1.2rem}.call-wave i:nth-child(3){height:1.55rem}

  .live-overview{grid-template-columns:1fr 1fr;gap:.5rem}
  .live-overview a{column-gap:.48rem;padding:.68rem .72rem;border-radius:19px 19px 23px 11px}
  .live-overview a:nth-child(3){grid-column:1/-1}
  .live-overview strong{min-width:1.65rem;font-size:1.58rem}
  .live-overview span{font-size:.9rem;line-height:1.22}
  .live-overview small{font-size:.75rem;line-height:1.28}

  .live-experience .panel{padding:.82rem!important}
  .live-section-heading{gap:.35rem;margin-bottom:.72rem}
  .live-section-heading h2{margin:.12rem 0 .22rem;font-size:clamp(1.35rem,6.8vw,1.78rem);line-height:1.06;letter-spacing:-.04em}
  .live-section-heading p{font-size:.93rem;line-height:1.52}
  .live-section-icon{width:2.55rem;height:2.55rem;border-radius:15px 15px 18px 9px;font-size:1.08rem}
  .live-form-section{gap:.72rem;padding:.76rem;border-radius:18px}
  .live-advanced-settings{border-radius:18px}
  .live-form-submit{gap:.7rem;padding:.78rem;border-radius:17px 17px 21px 10px}
  .live-form-submit p{font-size:.82rem;line-height:1.42}
  .live-empty-state{min-height:170px;padding:.95rem}
  .live-empty-state>span{width:2.8rem;height:2.8rem;font-size:1.18rem}
  .live-empty-state h3{font-size:1.05rem}
  .live-empty-state p{font-size:.9rem;line-height:1.42}
  .live-empty-state.horizontal{min-height:145px}

  .live-salons-promise{gap:.65rem;padding:.9rem;border-radius:24px 24px 29px 13px}
  .live-salons-icon{width:3rem;height:3rem;border-radius:17px 17px 20px 9px;font-size:1.1rem}
  .live-salons-promise h2{font-size:clamp(1.35rem,6.7vw,1.72rem);line-height:1.08;letter-spacing:-.035em}
  .live-salons-promise p{font-size:.92rem;line-height:1.5}
  .live-salons-promise .live-primary-link{margin-top:.08rem}
}

@media(max-width:390px){
  .live-hero{padding:.82rem}
  .live-hero h1{font-size:clamp(1.78rem,9.5vw,2.36rem)}
  .live-hero-mark{width:124px}
  .live-trust-details .live-trust-list{grid-template-columns:1fr}
  .live-overview a{padding:.62rem}
  .live-overview span{font-size:.84rem}
  .live-overview small{font-size:.71rem}
}

@media(prefers-color-scheme:dark){
  html:not([data-theme="light"]) .live-trust-details{background:rgba(29,47,42,.72)}
}
html[data-theme="dark"] .live-trust-details{background:rgba(29,47,42,.72)}


/* Marque condensée sur smartphone : l'identité reste visible sans occuper un écran. */
@media(max-width:640px){
  .live-hero-mark{
    justify-self:stretch;
    display:grid;
    grid-template-columns:auto auto minmax(0,auto);
    justify-content:center;
    align-items:center;
    gap:.48rem;
    width:100%;
    max-width:none;
    min-height:54px;
    aspect-ratio:auto;
    padding:.55rem .78rem;
    border-radius:18px 18px 22px 10px;
  }
  .live-hero-mark .live-signal-dot{margin:0}
  .live-hero-mark strong{font-size:1.05rem;letter-spacing:.1em}
  .live-hero-mark small{max-width:none;font-size:.76rem;text-align:left}
  .call-mark{grid-template-columns:auto auto minmax(0,auto)}
  .call-mark .call-wave{height:1.4rem;margin:0}
}
@media(max-width:390px){.live-hero-mark{width:100%}}

/* Le repère LIVE partage la dernière ligne du héros avec les garanties. */
@media(max-width:640px){
  .live-hero{position:relative}
  .live-trust-details{margin-right:5.5rem}
  .live-hero-mark{
    position:absolute;
    right:.92rem;
    bottom:.92rem;
    width:auto;
    max-width:none;
    min-height:46px;
    padding:.45rem .58rem;
    grid-template-columns:auto auto;
    border-radius:16px 16px 19px 9px;
  }
  .live-hero-mark small{display:none}
  .call-mark{grid-template-columns:auto auto}
}
@media(max-width:360px){
  .live-trust-details{margin-right:0;margin-bottom:3.35rem}
  .live-hero-mark{left:.82rem;right:auto;bottom:.82rem}
}


/* Hucial 261.0.34 — visibilité intégrale au-dessus de la navigation mobile */
html[data-live-experience-route="1"]{
  --live-dock-clearance:128px;
  scroll-padding-block-start:calc(var(--header-height,0px) + 1rem);
  scroll-padding-block-end:calc(var(--live-dock-clearance) + 1.25rem);
}
body[data-route^="live/"],
body[data-route^="call/"]{
  scroll-padding-block-end:calc(var(--live-dock-clearance) + 1.25rem)!important;
}
body[data-route^="live/"] main#contenu,
body[data-route^="call/"] main#contenu{
  padding-bottom:0!important;
  scroll-padding-block-start:calc(var(--header-height,0px) + 1rem);
  scroll-padding-block-end:calc(var(--live-dock-clearance) + 1.25rem);
}
body[data-route^="live/"] .live-experience,
body[data-route^="call/"] .live-experience{
  box-sizing:border-box;
  padding-bottom:calc(var(--live-dock-clearance) + 1.75rem)!important;
  scroll-padding-block-end:calc(var(--live-dock-clearance) + 1.25rem);
}
.live-experience :is(
  h1,h2,h3,summary,a,button,input,select,textarea,[tabindex],fieldset,
  .panel,.live-room-card,.live-public-card,.live-empty-state,.live-salons-promise,
  .live-form-section,.live-form-submit
){
  scroll-margin-block-start:calc(var(--header-height,0px) + 1rem);
  scroll-margin-block-end:calc(var(--live-dock-clearance) + 1.25rem)!important;
}
.live-experience>.live-salons-promise:last-child,
.live-experience>:last-child{
  margin-bottom:0;
}

/* Titres mobiles équilibrés, sans effet d'affiche dans les cartes. */
.live-section-heading h2,
.live-salons-promise h2{
  text-wrap:balance;
}
.live-section-heading>div>.live-kicker,
.live-salons-promise>div>.live-kicker{
  display:block;
}

@media(max-width:640px){
  html[data-live-experience-route="1"]{--live-dock-clearance:126px}
  body[data-route^="live/"] .live-experience,
  body[data-route^="call/"] .live-experience{
    padding-bottom:calc(var(--live-dock-clearance) + 1.5rem)!important;
  }
  .live-section-heading h2{
    display:block;
    width:fit-content;
    max-width:21ch;
    font-size:clamp(1.24rem,5.8vw,1.6rem);
    line-height:1.08;
  }
  .live-salons-promise h2{
    display:block;
    width:fit-content;
    max-width:19ch;
    margin-inline:auto;
    font-size:clamp(1.2rem,5.7vw,1.48rem);
    line-height:1.1;
    letter-spacing:-.025em;
  }
  .live-salons-promise p{max-width:34ch;margin-inline:auto}
}

@media(max-width:390px){
  html[data-live-experience-route="1"]{--live-dock-clearance:122px}
  .live-section-heading h2{font-size:clamp(1.18rem,5.7vw,1.48rem)}
  .live-salons-promise h2{font-size:clamp(1.16rem,5.6vw,1.4rem)}
}

/* Hucial 261.0.35 — disposition structurelle définitive Lives et Salons
   La navigation n'est plus superposée au contenu : elle occupe sa propre ligne. */
body[data-route^="live/"],
body[data-route^="call/"]{
  height:var(--live-app-height,100dvh)!important;
  min-height:0!important;
  overflow:hidden!important;
  padding-bottom:0!important;
}
body[data-route^="live/"] .live-app-shell,
body[data-route^="call/"] .live-app-shell{
  display:flex;
  flex-direction:column;
  width:100%;
  height:var(--live-app-height,100dvh);
  min-height:0;
  overflow:hidden;
  isolation:isolate;
}
body[data-route^="live/"] .live-scroll-region,
body[data-route^="call/"] .live-scroll-region{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  scroll-behavior:auto;
  scroll-padding-block:1rem;
}
body[data-route^="live/"] main#contenu,
body[data-route^="call/"] main#contenu{
  min-height:0!important;
  padding-bottom:1rem!important;
  scroll-padding-block:1rem!important;
}
body[data-route^="live/"] .live-experience,
body[data-route^="call/"] .live-experience{
  --live-dock-clearance:1rem!important;
  padding-bottom:1rem!important;
  scroll-padding-block-end:1rem!important;
}
body[data-route^="live/"] .live-experience :is([id],section,aside,article,form,fieldset,input,textarea,select,button,a),
body[data-route^="call/"] .live-experience :is([id],section,aside,article,form,fieldset,input,textarea,select,button,a){
  scroll-margin-block:1rem!important;
}
body[data-route^="live/"] .site-footer,
body[data-route^="call/"] .site-footer{
  margin-top:1.25rem!important;
  padding-bottom:max(1rem,env(safe-area-inset-bottom))!important;
}
body[data-route^="live/"] .hucial-flow-bar,
body[data-route^="call/"] .hucial-flow-bar{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  flex:0 0 auto;
  width:min(calc(100% - 20px),620px)!important;
  margin:.42rem auto max(.42rem,env(safe-area-inset-bottom))!important;
  z-index:9000;
}
body[data-route^="live/"] .hucial-flow-sheet,
body[data-route^="call/"] .hucial-flow-sheet{
  bottom:calc(var(--flow-bar-height,70px) + max(.8rem,env(safe-area-inset-bottom)))!important;
}
/* Neutralise les anciennes compensations de superposition, devenues inutiles. */
html[data-live-structural-layout="1"],
html[data-live-structural-layout="1"] body{
  scroll-padding-bottom:0!important;
}
html[data-live-structural-layout="1"] .live-scroll-region::after{
  content:none!important;
  display:none!important;
}
@supports not (height:100dvh){
  body[data-route^="live/"],body[data-route^="call/"],
  body[data-route^="live/"] .live-app-shell,body[data-route^="call/"] .live-app-shell{
    height:var(--live-app-height,100vh)!important;
  }
}
@media(max-width:640px){
  body[data-route^="live/"] .hucial-flow-bar,
  body[data-route^="call/"] .hucial-flow-bar{
    width:calc(100% - 14px)!important;
    margin:.3rem auto max(.3rem,env(safe-area-inset-bottom))!important;
  }
  body[data-route^="live/"] .site-footer,
  body[data-route^="call/"] .site-footer{
    margin-top:1rem!important;
  }
}
@media(display-mode:standalone){
  body[data-route^="live/"] .hucial-flow-bar,
  body[data-route^="call/"] .hucial-flow-bar{
    margin-bottom:max(.35rem,env(safe-area-inset-bottom))!important;
  }
}


/* Hucial 261.0.36 — grille définitive PWA/Safari, dock physiquement séparé */
body[data-route^="live/"],
body[data-route^="call/"]{
  height:var(--live-app-height,100dvh)!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
}
body[data-route^="live/"] .live-app-shell,
body[data-route^="call/"] .live-app-shell{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  width:100%!important;
  height:var(--live-app-height,100dvh)!important;
  min-height:0!important;
  overflow:hidden!important;
  isolation:isolate;
}
body[data-route^="live/"] .live-scroll-region,
body[data-route^="call/"] .live-scroll-region{
  grid-row:1!important;
  min-height:0!important;
  width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scroll-padding-block:1rem!important;
}
body[data-route^="live/"] .live-dock-region,
body[data-route^="call/"] .live-dock-region{
  grid-row:2!important;
  position:relative!important;
  z-index:9050!important;
  display:block!important;
  flex:0 0 auto!important;
  min-height:0!important;
  padding:.42rem max(.42rem,env(safe-area-inset-right)) max(.42rem,env(safe-area-inset-bottom)) max(.42rem,env(safe-area-inset-left))!important;
  border-top:1px solid rgba(73,126,119,.16);
  background:linear-gradient(180deg,rgba(246,252,250,.98),rgba(241,248,246,1));
  box-shadow:0 -12px 34px rgba(42,86,80,.1);
  contain:layout paint;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
  position:static!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;
  width:min(100%,760px)!important;
  height:var(--flow-bar-height,58px)!important;
  margin:0 auto!important;
  z-index:1!important;
}
body[data-route^="live/"] main#contenu,
body[data-route^="call/"] main#contenu{
  min-height:0!important;
  padding-bottom:1rem!important;
  scroll-padding-block:1rem!important;
}
body[data-route^="live/"] .live-experience,
body[data-route^="call/"] .live-experience{
  --live-dock-clearance:1rem!important;
  padding-bottom:1rem!important;
  scroll-padding-block-end:1rem!important;
}
body[data-route^="live/"] .site-footer,
body[data-route^="call/"] .site-footer{
  margin-bottom:0!important;
  padding-bottom:max(1.25rem,env(safe-area-inset-bottom))!important;
}
@media(max-width:780px){
  body[data-route^="live/"] :is(.hf-instant-back,.hf-quick-trigger),
  body[data-route^="call/"] :is(.hf-instant-back,.hf-quick-trigger){
    display:none!important;
  }
}
body[data-route^="live/"] .hucial-install-slot,
body[data-route^="call/"] .hucial-install-slot{
  width:min(100% - 1.5rem,1200px);
  margin:.75rem auto 0;
}
html[data-live-dock-layout="1"],
html[data-live-dock-layout="1"] body{
  scroll-padding-bottom:0!important;
}
@supports not (height:100dvh){
  body[data-route^="live/"],body[data-route^="call/"],
  body[data-route^="live/"] .live-app-shell,body[data-route^="call/"] .live-app-shell{
    height:var(--live-app-height,100vh)!important;
  }
}
@media(max-width:640px){
  body[data-route^="live/"] .live-dock-region,
  body[data-route^="call/"] .live-dock-region{
    padding:.28rem max(.28rem,env(safe-area-inset-right)) max(.28rem,env(safe-area-inset-bottom)) max(.28rem,env(safe-area-inset-left))!important;
  }
  body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
  body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
    width:100%!important;
  }
}
@media(display-mode:standalone){
  body[data-route^="live/"] .hucial-install-slot,
  body[data-route^="call/"] .hucial-install-slot{display:none!important}
}


/* Hucial 261.0.37 — dock réellement dans le flux, sans pseudo-élément fugitif ni barre blanche iOS */
body[data-route^="live/"],
body[data-route^="call/"]{
  --live-dock-gap:clamp(.45rem,1.6vw,.75rem);
  --live-focus-runway:clamp(5.5rem,22dvh,10rem);
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  height:var(--live-app-height,100dvh)!important;
  min-height:0!important;
  overflow:hidden!important;
}
body[data-route^="live/"] .live-app-shell,
body[data-route^="call/"] .live-app-shell{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  height:var(--live-app-height,100dvh)!important;
  min-height:0!important;
  overflow:hidden!important;
}
body[data-route^="live/"] .live-scroll-region,
body[data-route^="call/"] .live-scroll-region{
  position:relative!important;
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:0 0 var(--live-dock-gap)!important;
  box-sizing:border-box!important;
  scroll-padding-block-start:1rem!important;
  scroll-padding-block-end:var(--live-focus-runway)!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch;
}
body[data-route^="live/"] .live-dock-region,
body[data-route^="call/"] .live-dock-region{
  position:relative!important;
  grid-column:1!important;
  grid-row:2!important;
  align-self:end!important;
  min-width:0!important;
  min-height:0!important;
  overflow:visible!important;
  padding:var(--live-dock-gap) max(var(--live-dock-gap),env(safe-area-inset-right)) max(var(--live-dock-gap),env(safe-area-inset-bottom)) max(var(--live-dock-gap),env(safe-area-inset-left))!important;
  box-sizing:border-box!important;
  background:#f4fbf9!important;
  background:linear-gradient(180deg,rgba(248,253,252,.99),rgba(239,248,246,1))!important;
  border-top:1px solid rgba(48,112,103,.16)!important;
  box-shadow:0 -10px 28px rgba(35,82,76,.09)!important;
  contain:layout paint style;
  isolation:isolate;
  z-index:40!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:min(100%,760px)!important;
  height:auto!important;
  min-height:var(--flow-bar-height,58px)!important;
  margin:0 auto!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
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;
  width:auto!important;
  height:auto!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-create,
body[data-route^="call/"] .live-dock-region .hucial-flow-create{
  margin-top:0!important;
  transform:none!important;
  align-self:center!important;
}
body[data-route^="live/"] .live-scroll-region :is([id],section,aside,article,form,fieldset,input,textarea,select,button,a,summary),
body[data-route^="call/"] .live-scroll-region :is([id],section,aside,article,form,fieldset,input,textarea,select,button,a,summary){
  scroll-margin-block-start:1rem!important;
  scroll-margin-block-end:var(--live-focus-runway)!important;
}
body[data-route^="live/"] .site-footer,
body[data-route^="call/"] .site-footer{
  margin-bottom:0!important;
  padding-bottom:max(1.25rem,env(safe-area-inset-bottom))!important;
}
html[data-live-dock-layout="1"],
html[data-live-dock-layout="1"] body{
  overflow:hidden!important;
  scroll-padding-bottom:0!important;
}
@media(max-width:430px){
  body[data-route^="live/"] .live-dock-region,
  body[data-route^="call/"] .live-dock-region{
    --live-dock-gap:.32rem;
  }
  body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
  body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
    min-height:58px!important;
    padding:3px 4px!important;
  }
  body[data-route^="live/"] .live-dock-region .hucial-flow-create,
  body[data-route^="call/"] .live-dock-region .hucial-flow-create{
    width:44px!important;
    height:44px!important;
    margin-top:0!important;
  }
}
@media(display-mode:standalone){
  body[data-route^="live/"] .hucial-install-slot,
  body[data-route^="call/"] .hucial-install-slot,
  html[data-pwa-installed="1"] .hucial-install-slot{
    display:none!important;
  }
}

/* Hucial 261.0.38 — dock iOS final : aucun pseudo-élément, aucun masque blanc, libellés entièrement visibles */
body[data-route^="live/"] .live-dock-region,
body[data-route^="call/"] .live-dock-region{
  overflow:hidden!important;
  padding:.34rem max(.34rem,env(safe-area-inset-right)) max(.34rem,env(safe-area-inset-bottom)) max(.34rem,env(safe-area-inset-left))!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:center!important;
  width:min(100%,760px)!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0 auto!important;
  padding:4px 5px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(28,103,94,.22)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,249,247,.98))!important;
  box-shadow:0 8px 24px rgba(43,92,85,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(24px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(135%)!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-bar::before,
body[data-route^="live/"] .live-dock-region .hucial-flow-bar::after,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar::before,
body[data-route^="call/"] .live-dock-region .hucial-flow-bar::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-item,
body[data-route^="call/"] .live-dock-region .hucial-flow-item{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  padding:3px 1px 2px!important;
  overflow:visible!important;
  color:#254e48!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-item svg,
body[data-route^="call/"] .live-dock-region .hucial-flow-item svg{
  position:relative!important;
  z-index:2!important;
  width:22px!important;
  height:22px!important;
  flex:none!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-item span,
body[data-route^="call/"] .live-dock-region .hucial-flow-item span{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:.54rem!important;
  font-weight:780!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-create,
body[data-route^="call/"] .live-dock-region .hucial-flow-create{
  position:relative!important;
  z-index:3!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0!important;
  overflow:hidden!important;
}
body[data-route^="live/"] .live-dock-region .hucial-flow-create span,
body[data-route^="call/"] .live-dock-region .hucial-flow-create span{
  position:relative!important;
  z-index:3!important;
  line-height:1!important;
}
@media(max-width:360px){
  body[data-route^="live/"] .live-dock-region .hucial-flow-bar,
  body[data-route^="call/"] .live-dock-region .hucial-flow-bar{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body[data-route^="live/"] .live-dock-region .hucial-flow-item span,
  body[data-route^="call/"] .live-dock-region .hucial-flow-item span{font-size:.5rem!important}
}



/* Hucial 261.0.79 — correction iPhone sûre : contenu Live dans le viewport, sans animation ni blur. */
@media (max-width:640px){
  body[data-route^="live/"] .live-experience,
  body[data-route^="call/"] .live-experience{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    padding-left:max(.75rem,env(safe-area-inset-left))!important;
    padding-right:max(.75rem,env(safe-area-inset-right))!important;
    overflow-x:clip!important;
  }
  body[data-route^="live/"] .live-hero h1,
  body[data-route^="live/"] .live-section-heading h2,
  body[data-route^="live/"] .live-salons-promise h2,
  body[data-route^="call/"] .live-hero h1,
  body[data-route^="call/"] .live-section-heading h2,
  body[data-route^="call/"] .live-salons-promise h2{
    margin-inline-start:0!important;
    max-width:100%!important;
  }
  body[data-route^="live/"] .live-experience :is(.panel,.live-public-section,.live-dashboard-grid,.live-section-heading,.live-form-submit),
  body[data-route^="call/"] .live-experience :is(.panel,.live-public-section,.live-dashboard-grid,.live-section-heading,.live-form-submit){
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* Hucial 261.0.80 — VoiceOver : noms de champs isolés, sans description globale répétée */
.live-form-trust-note{display:grid;gap:.25rem;margin:0 0 .85rem;padding:.8rem 1rem;border:1px solid var(--live-line);border-radius:18px;background:rgba(255,255,255,.55);color:var(--live-muted)}
.live-form-trust-note strong{color:var(--live-ink)}
.live-form-trust-note p{margin:0}
.live-form-field{display:grid;gap:.38rem;min-width:0}
.live-form-field>label{margin:0;color:var(--live-ink);font-weight:790}
.live-form-section-title{display:flex;align-items:center;gap:.35rem;margin:0;padding:0 .1rem;color:var(--live-ink);font-size:1rem;font-weight:900}
.live-form-section-title>span{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:linear-gradient(135deg,var(--live-crystal),var(--live-glacier));color:#163f3c;font-size:.9rem}
.live-form-submit-action{justify-content:flex-end}
@media(max-width:760px){.live-form-submit-action button{width:100%}}