/* En-tête et pied de page identiques à solvanelabs.fr (« Éditorial clair »), sur toutes les pages de radar.solvanelabs.fr.
   Classes préfixées sv- : aucun conflit avec les feuilles existantes. Couleurs fixes (pas de variables) : lisibles quel que soit le thème de la page. */
@font-face { font-family: "Inter"; src: url("/fonts/InterVariable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
.sv-nav { position: sticky; top: 0; z-index: 120; height: 64px; display: flex; align-items: center; gap: 32px; padding: 0 max(24px, calc((100% - 1120px) / 2));
  background: rgba(246, 243, 238, .96); border-bottom: 1px solid rgba(26, 25, 22, .12); font: 400 14px/1 "Inter", -apple-system, "Segoe UI", system-ui, sans-serif; letter-spacing: -.006em; }
.sv-brand { display: flex; align-items: center; gap: 10px; color: #1a1916; text-decoration: none; font-weight: 600; font-size: 16px; }
.sv-brand img { filter: brightness(.32) contrast(1.15); }
.sv-nav nav { display: flex; gap: 28px; margin-left: auto; }
.sv-nav nav a { color: #57534c; text-decoration: none; }
.sv-nav nav a:hover { color: #1a1916; }
.sv-cta { color: #1a1916; text-decoration: none; border: 1px solid rgba(26, 25, 22, .22); border-radius: 4px; padding: 9px 14px; }
.sv-cta:hover { border-color: #1a1916; }
.sv-nav a:focus-visible, .sv-foot a:focus-visible { outline: 2px solid #1e3a8a; outline-offset: 3px; border-radius: 4px; }
.sv-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 28px max(24px, calc((100% - 1120px) / 2)) 48px;
  background: #f6f3ee; border-top: 1px solid rgba(26, 25, 22, .12); font: 400 13px/1.5 "Inter", -apple-system, "Segoe UI", system-ui, sans-serif; color: #6b665d; }
.sv-foot a { color: #57534c; }
@media (max-width: 900px) {
  .sv-nav { padding: 0 16px; gap: 16px; }
  .sv-nav nav { display: none; }
  .sv-cta { margin-left: auto; }
  .sv-foot { flex-direction: column; padding: 24px 16px 40px; }
}

/* Écran de scan : la version sombre d'origine, présentée comme une fenêtre d'instrument posée sur la page claire. */
html.sl-open body::before { content: ""; position: fixed; inset: 0; z-index: 99; background: #f6f3ee; }
html.sl-open .sv-nav { position: fixed; left: 0; right: 0; top: 0; }
html.sl-open .sl { inset: 88px max(24px, calc((100% - 1280px) / 2)) 64px; border-radius: 16px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(26, 25, 22, .08), 0 18px 48px -16px rgba(26, 25, 22, .35), 0 48px 96px -40px rgba(26, 25, 22, .35); }
html.sl-open .sv-foot.sv-fixe { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; padding-top: 20px; padding-bottom: 20px; }
.sv-foot.sv-fixe { display: none; }
html.sl-open .sv-foot.sv-fixe { display: flex; flex-direction: row; }
@media (max-width: 900px) {
  html.sl-open .sl { inset: 72px 8px 52px; border-radius: 12px; }
  html.sl-open .sv-foot.sv-fixe { padding: 14px 16px; font-size: 12px; }
}

/* Tableau de bord : barre « ← Mes sites · En direct · Détails » juste sous l'en-tête Solvane */
.top.sv-sous { top: 64px; height: 56px; }
@media (max-width: 900px) { .top.sv-sous { top: 64px; height: 48px; } }