/* Automatec v7.41 — thème GRIS approuvé, teinte ardoise claire intermédiaire.
   Reprend la typographie claire, avec fonds plus soutenus et navigation gris acier.
   html[data-theme="light"] active les composants clairs, variante gray = palette distincte. */
html[data-theme-variant="gray"]{
  color-scheme:light;
  --bg:#cfd6e1;
  --bg-soft:#d8dee7;
  --surface:#f0f3f8;
  --surface-2:#e6ebf2;
  --surface-3:#dbe2ec;
  --border:#b2bfd0;
  --border-soft:#c3ccda;
  --input:#f6f8fb;
  --text:#253449;
  --text-strong:#182840;
  --muted:#52657e;
  --panel:#f0f3f8;
  --panel-2:#e6ebf2;
  --block-head-bg:#d9e2ef;
  --note-bg:#e0e7f1;
  --shadow:0 4px 14px rgba(30,48,71,.08);
}
html[data-theme-variant="gray"] html,
html[data-theme-variant="gray"] body,
html[data-theme-variant="gray"] .app-content-shell{background:var(--bg)}
html[data-theme-variant="gray"] body[class*="page-theme-"] .app-content-shell{
  background:linear-gradient(180deg,rgba(var(--page-accent-rgb,59,130,246),.045) 0,transparent 480px),var(--bg)!important;
}
html[data-theme-variant="gray"] .app-sidebar,
html[data-theme-variant="gray"] .app-topbar,
html[data-theme-variant="gray"] header{
  background:#566477!important;
  border-color:#79889a!important;
  box-shadow:0 3px 18px rgba(33,46,64,.12);
}
html[data-theme-variant="gray"] .app-sidebar{background:#566477!important}
html[data-theme-variant="gray"] body[class*="page-theme-"] .app-sidebar,
html[data-theme-variant="gray"] body.page-theme-technicien .app-sidebar{
  background:linear-gradient(180deg,rgba(var(--page-accent-rgb,59,130,246),.20),transparent 210px),#566477!important;
}
html[data-theme-variant="gray"] .sidebar-brand-row{border-color:#8290a1!important}
html[data-theme-variant="gray"] .sidebar-brand,
html[data-theme-variant="gray"] .sidebar-brand-text strong,
html[data-theme-variant="gray"] body[class*="page-theme-"] .sidebar-brand-text strong{color:#fff!important}
html[data-theme-variant="gray"] .sidebar-brand-text small,
html[data-theme-variant="gray"] body[class*="page-theme-"] .sidebar-brand-text small{color:#e1e9f2!important}
html[data-theme-variant="gray"] .sidebar-link{color:#eff4fc!important}
html[data-theme-variant="gray"] .sidebar-link:hover{background:#687a90!important;color:#fff!important}
html[data-theme-variant="gray"] .sidebar-link.active{color:#fff!important}
html[data-theme-variant="gray"] .sidebar-toggle{background:#697c91;color:#fff!important}
html[data-theme-variant="gray"] .topbar-context,
html[data-theme-variant="gray"] .topbar-network,
html[data-theme-variant="gray"] .topbar-action,
html[data-theme-variant="gray"] .topbar-user,
html[data-theme-variant="gray"] .topbar-user-name,
html[data-theme-variant="gray"] .topbar-logout{color:#f8fbff!important}
html[data-theme-variant="gray"] .topbar-action:hover{background:#697b8f!important;border-color:#8695a6!important;color:#fff!important}
html[data-theme-variant="gray"] .topbar-alerts{color:#ffe2a7!important}
html[data-theme-variant="gray"] .topbar-global-search input{background:#68798d!important;color:#fff!important;border-color:#8391a4!important}
html[data-theme-variant="gray"] .topbar-global-search input::placeholder{color:#e0e7f1}
html[data-theme-variant="gray"] .topbar-global-search button{color:#f8fbff}
html[data-theme-variant="gray"] .card,
html[data-theme-variant="gray"] .project-section,
html[data-theme-variant="gray"] .quote-kpi-icons .kpi{background:var(--surface)}
html[data-theme-variant="gray"] .app-breadcrumb{background:var(--surface)!important}
/* Encadrés option et sections : conserver les codes couleurs et dégrader doucement. */
html[data-theme-variant="gray"] .summary-triple,
html[data-theme-variant="gray"] .chapter-workspace-global-totals{background:#e1e8f2;color:var(--text-strong)}