/* Hucial Pages Lab — intégration au shell officiel Hucial.
   Chargé uniquement sur /pages/lab après la charte globale finale. */
body[data-route="publicPage/lab"]{
  background:var(--ucial-bg,#F5F7F7)!important;
  color:var(--ucial-text,#171B1D)!important;
}
body[data-route="publicPage/lab"] main#contenu{
  width:min(100% - 1.5rem,1280px)!important;
  max-width:1280px!important;
  margin-inline:auto!important;
  padding-top:clamp(1.1rem,3vw,2rem)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0;
  display:grid;
  gap:1.15rem;
  color:var(--ucial-text,#171B1D);
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell .eyebrow{
  color:var(--ucial-primary,#007C78)!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(.pages-hero,.pages-section,.page-public-hero,.page-core-form,.page-seo-live-panel,.page-lab-integrity,.page-lab-ops-method,.page-seo-explain,.page-seo-expert,.page-seo-expert-banner){
  background:var(--ucial-surface,#FFFFFF)!important;
  border-color:var(--ucial-border,#DDE3E3)!important;
  color:var(--ucial-text,#171B1D)!important;
  box-shadow:0 12px 34px rgba(16,20,23,.055)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell .pages-hero{
  border-left:4px solid var(--ucial-primary,#007C78)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,var(--ucial-surface,#FFFFFF) 0%,var(--ucial-surface-subtle,#F5F7F7) 100%)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(h1,h2,h3,h4,strong){
  color:var(--ucial-text,#171B1D)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(p,.field-help,.page-auto-identifier span,.page-creator-link small,.page-seo-grade-detail,.page-seo-confidence span,.page-seo-dimensions article p,.page-seo-evidence article p,.page-seo-risks article p,.page-seo-engine-note){
  color:var(--ucial-text-secondary,#667176)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(input,textarea,select){
  background:var(--ucial-surface,#FFFFFF)!important;
  color:var(--ucial-text,#171B1D)!important;
  border-color:var(--ucial-border,#DDE3E3)!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(input,textarea,select):focus{
  border-color:var(--ucial-primary,#007C78)!important;
  outline:3px solid rgb(var(--ucial-rgb-brand-bright)/.18)!important;
  outline-offset:1px!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(.primary-button,.pages-discovery-form button){
  background:var(--ucial-primary,#007C78)!important;
  border-color:var(--ucial-primary,#007C78)!important;
  color:var(--ucial-on-primary,#FFFFFF)!important;
  box-shadow:0 8px 22px rgb(var(--ucial-rgb-brand)/.14)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(.primary-button,.pages-discovery-form button):is(:hover,:focus-visible){
  background:var(--ucial-primary-hover,#00A89F)!important;
  color:var(--ucial-color-midnight,#101417)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell .secondary-button{
  background:var(--ucial-surface,#FFFFFF)!important;
  color:var(--ucial-primary,#007C78)!important;
  border-color:var(--ucial-border,#DDE3E3)!important;
}
body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell .secondary-button:is(:hover,:focus-visible){
  border-color:var(--ucial-primary,#007C78)!important;
  background:rgb(var(--ucial-rgb-brand)/.06)!important;
}
body[data-route="publicPage/lab"] .page-create-v209{
  gap:1rem!important;
}
body[data-route="publicPage/lab"] .page-creator-link,
body[data-route="publicPage/lab"] .page-auto-identifier{
  background:rgb(var(--ucial-rgb-brand)/.055)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.14)!important;
}
body[data-route="publicPage/lab"] .page-create-v209-step>span{
  background:var(--ucial-primary,#007C78)!important;
  color:#fff!important;
}
body[data-route="publicPage/lab"] .page-seo-score-orb{
  background:var(--ucial-color-midnight,#101417)!important;
  color:#FFFFFF!important;
  border-color:rgb(var(--ucial-rgb-brand-bright)/.34)!important;
}
body[data-route="publicPage/lab"] .page-seo-level-tabs{
  background:var(--ucial-bg,#F5F7F7)!important;
  border-color:var(--ucial-border,#DDE3E3)!important;
}
body[data-route="publicPage/lab"] .page-seo-level-tabs button{
  color:var(--ucial-text,#171B1D)!important;
}
body[data-route="publicPage/lab"] .page-seo-level-tabs button[aria-selected="true"]{
  background:var(--ucial-primary,#007C78)!important;
  color:var(--ucial-on-primary,#FFFFFF)!important;
  box-shadow:0 5px 14px rgb(var(--ucial-rgb-brand)/.14)!important;
}
body[data-route="publicPage/lab"] .page-seo-dimensions article,
body[data-route="publicPage/lab"] .page-seo-evidence article,
body[data-route="publicPage/lab"] .page-seo-risks article,
body[data-route="publicPage/lab"] .page-lab-proof-accordions details,
body[data-route="publicPage/lab"] .ops-summary>div,
body[data-route="publicPage/lab"] .ops-source-score,
body[data-route="publicPage/lab"] .ops-stage-list article,
body[data-route="publicPage/lab"] .ops-definition-grid>div,
body[data-route="publicPage/lab"] .ops-evidence-legend span{
  background:var(--ucial-surface,#FFFFFF)!important;
  border-color:var(--ucial-border,#DDE3E3)!important;
}
body[data-route="publicPage/lab"] .seo-meter{
  background:rgb(var(--ucial-rgb-mist)/.65)!important;
}
body[data-route="publicPage/lab"] .seo-meter span{
  background:linear-gradient(90deg,var(--ucial-primary,#007C78),var(--ucial-primary-hover,#00A89F))!important;
}
body[data-route="publicPage/lab"] .page-seo-dimensions article>div:first-child span,
body[data-route="publicPage/lab"] .ops-stage-list article span,
body[data-route="publicPage/lab"] .ops-evidence-legend strong,
body[data-route="publicPage/lab"] .ops-summary strong,
body[data-route="publicPage/lab"] .ops-source-score strong{
  color:var(--ucial-primary,#007C78)!important;
}
body[data-route="publicPage/lab"] .page-seo-confidence,
body[data-route="publicPage/lab"] .page-seo-result-summary,
body[data-route="publicPage/lab"] .page-lab-ops-method,
body[data-route="publicPage/lab"] .page-seo-expert-banner{
  background:linear-gradient(145deg,rgb(var(--ucial-rgb-brand)/.07),rgb(var(--ucial-rgb-brand-bright)/.035))!important;
  border-color:rgb(var(--ucial-rgb-brand)/.15)!important;
}
body[data-route="publicPage/lab"] .page-lab-stress-tests{
  background:rgb(var(--ucial-rgb-brand)/.035)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.25)!important;
}
body[data-route="publicPage/lab"] .page-lab-scenario-buttons button{
  background:var(--ucial-surface,#FFFFFF)!important;
  color:var(--ucial-text,#171B1D)!important;
  border-color:var(--ucial-border,#DDE3E3)!important;
}
body[data-route="publicPage/lab"] .page-lab-scenario-buttons button:is(:hover,:focus-visible){
  border-color:var(--ucial-primary,#007C78)!important;
  background:rgb(var(--ucial-rgb-brand)/.07)!important;
}
body[data-route="publicPage/lab"] .page-type-chip,
body[data-route="publicPage/lab"] [data-lab-final-score]{
  background:rgb(var(--ucial-rgb-brand)/.09)!important;
  color:var(--ucial-primary,#007C78)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.17)!important;
}
body[data-route="publicPage/lab"] .page-cover-placeholder{
  background:linear-gradient(135deg,rgb(var(--ucial-rgb-brand)/.15),rgb(var(--ucial-rgb-brand-bright)/.06),#FFFFFF)!important;
}
body[data-route="publicPage/lab"] .page-avatar-large{
  background:rgb(var(--ucial-rgb-brand)/.10)!important;
  color:var(--ucial-primary,#007C78)!important;
  border-color:rgb(var(--ucial-rgb-brand)/.18)!important;
}
body[data-route="publicPage/lab"] .page-lab-convert{
  background:var(--ucial-color-midnight,#101417)!important;
  border-color:rgb(var(--ucial-rgb-brand-bright)/.24)!important;
}
body[data-route="publicPage/lab"] .page-lab-convert :is(.eyebrow,h2,p,strong){
  color:#FFFFFF!important;
}
body[data-route="publicPage/lab"] .page-lab-convert .primary-button{
  background:var(--ucial-primary-hover,#00A89F)!important;
  color:var(--ucial-color-midnight,#101417)!important;
}
body[data-route="publicPage/lab"] .page-seo-checks article[data-status="ok"] .seo-dot,
body[data-route="publicPage/lab"] .page-seo-evidence article[data-state="good"],
body[data-route="publicPage/lab"] .page-seo-risks article[data-level="low"]{
  border-left-color:var(--ucial-color-success,#16855B)!important;
}
body[data-route="publicPage/lab"] .page-seo-checks article[data-status="pending"] .seo-dot{
  background:var(--ucial-text-secondary,#667176)!important;
}
body[data-route="publicPage/lab"] .page-seo-evidence article[data-state="watch"],
body[data-route="publicPage/lab"] .page-seo-risks article[data-level="medium"]{
  border-left-color:var(--ucial-color-warning,#B26A00)!important;
}
body[data-route="publicPage/lab"] .page-seo-evidence article[data-state="hold"],
body[data-route="publicPage/lab"] .page-seo-risks article[data-level="high"]{
  border-left-color:var(--ucial-color-danger,#C9363E)!important;
}

@media(max-width:760px){
  body[data-route="publicPage/lab"] main#contenu{
    width:min(100% - 1rem,1280px)!important;
    padding-top:1rem!important;
  }
  body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell{
    gap:.9rem;
  }
  body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(.pages-hero,.pages-section,.page-core-form,.page-seo-live-panel){
    border-radius:20px!important;
  }
  body[data-route="publicPage/lab"] .page-lab-hero .primary-button{
    width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell *{
    scroll-behavior:auto!important;
  }
}

/* États fonctionnels et mode sombre : mêmes tokens que le reste de Hucial. */
body[data-route="publicPage/lab"] .page-seo-checks .seo-dot{background:var(--ucial-color-warning,#B26A00)!important}
body[data-route="publicPage/lab"] .page-seo-checks article[data-status="ok"] .seo-dot{background:var(--ucial-color-success,#16855B)!important}
body[data-route="publicPage/lab"] .page-seo-explain ul[data-seo-auto-prepared] li{background:var(--ucial-surface,#FFFFFF)!important;border-color:var(--ucial-border,#DDE3E3)!important}
body[data-route="publicPage/lab"] .page-seo-explain ul[data-seo-auto-prepared] li>span{background:rgb(var(--ucial-rgb-brand)/.11)!important;color:var(--ucial-primary,#007C78)!important}
html[data-theme="dark"] body[data-route="publicPage/lab"] .hucial-pages-lab-official-shell :is(.pages-hero,.pages-section,.page-public-hero,.page-core-form,.page-seo-live-panel,.page-lab-integrity,.page-lab-ops-method,.page-seo-explain,.page-seo-expert,.page-seo-expert-banner),
html[data-theme="dark"] body[data-route="publicPage/lab"] .page-seo-dimensions article,
html[data-theme="dark"] body[data-route="publicPage/lab"] .page-seo-evidence article,
html[data-theme="dark"] body[data-route="publicPage/lab"] .page-seo-risks article,
html[data-theme="dark"] body[data-route="publicPage/lab"] .page-lab-proof-accordions details,
html[data-theme="dark"] body[data-route="publicPage/lab"] .ops-summary>div,
html[data-theme="dark"] body[data-route="publicPage/lab"] .ops-source-score,
html[data-theme="dark"] body[data-route="publicPage/lab"] .ops-stage-list article,
html[data-theme="dark"] body[data-route="publicPage/lab"] .ops-definition-grid>div,
html[data-theme="dark"] body[data-route="publicPage/lab"] .ops-evidence-legend span{background:var(--ucial-surface,#171B1D)!important}
