/* Démonstration industrielle — toutes les règles sont limitées à #svdemo.
   Palette de la page Industrie : fond #0a0a0a, cartes #111, or #c9a84c. */
#svdemo{--sv-fond:#0a0a0a;--sv-carte:#121212;--sv-carte2:#181818;--sv-or:#c9a84c;--sv-or-clair:#e2c977;--sv-texte:#d6d6d6;--sv-doux:#a9a9a9;--sv-ligne:rgba(201,168,76,.24);--sv-err:#ff8a80;--sv-ok:#8fd19e;
	display:block;color:#fff;background:var(--sv-fond);font-family:inherit;padding-bottom:0;overflow-wrap:anywhere}
#svdemo *,#svdemo *::before,#svdemo *::after{box-sizing:border-box}
#svdemo .svdemo-wrap{max-width:1140px;margin:0 auto;padding:0 16px}
#svdemo h1{font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.15;margin:8px 0 16px;color:#fff}
#svdemo h2{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.25;margin:0 0 16px;color:#fff}
#svdemo h3{font-size:1.05rem;margin:22px 0 10px;color:var(--sv-or-clair)}
#svdemo p{line-height:1.7;color:var(--sv-texte);margin:0 0 12px;max-width:78ch}
#svdemo a{color:var(--sv-or)}
#svdemo :focus-visible{outline:3px solid #fff;outline-offset:3px}
#svdemo .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
#svdemo .svdemo-eyebrow{color:var(--sv-or);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin:0}

/* Bandeau */
#svdemo .svdemo-bandeau{background:#141108;border-bottom:1px solid var(--sv-ligne);padding:10px 0;margin-top:72px}
#svdemo .svdemo-bandeau__in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
#svdemo .svdemo-bandeau__txt{margin:0;font-size:.9rem;flex:1 1 260px;color:var(--sv-texte)}
#svdemo .svdemo-bandeau__txt strong{color:var(--sv-or-clair);font-weight:600;display:block}
#svdemo .svdemo-bandeau__expire{font-size:.82rem;color:var(--sv-doux)}
#svdemo .svdemo-onglets{display:flex;gap:6px}
#svdemo .svdemo-onglet{padding:8px 14px;border-radius:999px;border:1px solid var(--sv-ligne);text-decoration:none;color:var(--sv-texte);font-size:.9rem;min-height:40px;display:inline-flex;align-items:center}
#svdemo .svdemo-onglet.is-actif{background:var(--sv-or);color:#0a0a0a;border-color:var(--sv-or);font-weight:700}
#svdemo .svdemo-reinit{margin:0}

/* Boutons */
#svdemo .svdemo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:12px 20px;border-radius:4px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;line-height:1.2;text-align:center}
#svdemo .svdemo-btn--or{background:var(--sv-or);color:#0a0a0a}
#svdemo .svdemo-btn--or:hover{background:var(--sv-or-clair)}
#svdemo .svdemo-btn--contour{background:transparent;color:var(--sv-or);border-color:var(--sv-or)}
#svdemo .svdemo-btn--lien{background:none;border:0;color:var(--sv-or);padding:8px 4px;min-height:40px;text-decoration:underline;font-weight:600}
#svdemo .svdemo-btn--discret{background:none;border:1px solid #444;color:var(--sv-texte);font-weight:500;font-size:.85rem;min-height:40px;padding:8px 12px}
#svdemo .svdemo-btn--petit{min-height:40px;padding:8px 12px;font-size:.9rem}
#svdemo .svdemo-btn[disabled]{opacity:.6;cursor:wait}
#svdemo .svdemo-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
#svdemo .svdemo-actions form{margin:0}

/* Avis */
#svdemo .svdemo-avis{margin:16px 0 0;padding:12px 16px;border-radius:6px;border-left:4px solid var(--sv-ok);background:#0f1a12;color:#e6f4e9;max-width:none}
#svdemo .svdemo-avis--err{border-left-color:var(--sv-err);background:#1f1010;color:#ffe2df}

/* En-têtes d'écran */
#svdemo .svdemo-tete{padding:32px 0 8px}
#svdemo .svdemo-note{font-size:.88rem;color:var(--sv-doux)}

/* Configurateur */
#svdemo .svdemo-cfg{background:var(--sv-carte);border:1px solid var(--sv-ligne);border-radius:10px;padding:18px 16px 12px;margin:16px 0 40px}
#svdemo .svdemo-cfg__progress-txt{font-weight:600;color:#fff;margin:0 0 10px}
#svdemo .svdemo-cfg__steps{display:none;list-style:none;margin:0 0 10px;padding:0;gap:4px}
#svdemo .svdemo-cfg__step button{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--sv-doux);font:inherit;font-size:.82rem;padding:6px 4px;cursor:pointer;min-height:40px}
#svdemo .svdemo-cfg__num{display:inline-flex;width:24px;height:24px;border-radius:50%;border:1px solid #555;align-items:center;justify-content:center;font-size:.75rem;flex:none}
#svdemo .svdemo-cfg__step.is-fait .svdemo-cfg__num{background:#3a3220;border-color:var(--sv-or);color:var(--sv-or-clair)}
#svdemo .svdemo-cfg__step.is-actif button{color:#fff;font-weight:700}
#svdemo .svdemo-cfg__step.is-actif .svdemo-cfg__num{background:var(--sv-or);border-color:var(--sv-or);color:#0a0a0a}
#svdemo .svdemo-cfg__bar{height:4px;background:#2a2a2a;border-radius:4px;overflow:hidden}
#svdemo .svdemo-cfg__fill{display:block;height:100%;width:0;background:var(--sv-or);transition:width .25s}
#svdemo .svdemo-cfg__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#svdemo .svdemo-cfg__panel{border:0;margin:18px 0 0;padding:0;min-width:0}
#svdemo .svdemo-cfg__panel legend{font-size:1.3rem;font-weight:700;color:#fff;padding:0;margin-bottom:6px;display:block;width:100%}
#svdemo .svdemo-cfg__etape{display:block;font-size:.78rem;color:var(--sv-or);letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:4px}
#svdemo .svdemo-sous{margin-top:22px;padding-top:16px;border-top:1px solid #2c2c2c}
#svdemo .svdemo-champ{margin:16px 0}
#svdemo .svdemo-label{display:block;font-weight:600;color:#fff;margin-bottom:6px}
#svdemo .svdemo-req{color:var(--sv-or)}
#svdemo .svdemo-aide{display:block;font-size:.85rem;color:var(--sv-doux);margin:-2px 0 8px}
#svdemo .svdemo-aide--etape{margin:0 0 6px}
#svdemo input[type=text],#svdemo input[type=email],#svdemo input[type=tel],#svdemo input[type=number],#svdemo input[type=date],#svdemo select,#svdemo textarea{width:100%;max-width:100%;min-height:46px;padding:10px 12px;border:1px solid #4a4a4a;border-radius:4px;background:#0d0d0d;color:#fff;font:inherit;font-size:16px}
#svdemo input:focus,#svdemo select:focus,#svdemo textarea:focus{border-color:var(--sv-or);outline:2px solid rgba(201,168,76,.45);outline-offset:0}
#svdemo input[type=date]{color-scheme:dark}
#svdemo .svdemo-saisie{display:flex;align-items:stretch}
#svdemo .svdemo-saisie input{flex:1;min-width:0}
#svdemo .svdemo-suffixe{display:inline-flex;align-items:center;padding:0 12px;border:1px solid #4a4a4a;border-left:0;border-radius:0 4px 4px 0;color:var(--sv-doux);background:#1a1a1a}
#svdemo .svdemo-saisie input:not(:last-child){border-radius:4px 0 0 4px}
#svdemo .svdemo-options{display:grid;grid-template-columns:1fr;gap:8px}
#svdemo .svdemo-opt{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;color:var(--sv-texte);line-height:1.4;min-height:46px}
#svdemo .svdemo-opt:has(input:checked){border-color:var(--sv-or);background:#1c1810;color:#fff}
#svdemo .svdemo-opt input,#svdemo .svdemo-consent input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--sv-or)}
#svdemo .svdemo-consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5;color:var(--sv-texte);cursor:pointer;padding:12px;border:1px dashed var(--sv-ligne);border-radius:6px}
#svdemo .svdemo-erreur-champ{display:block;color:var(--sv-err);font-size:.88rem;margin-top:6px}
#svdemo .svdemo-erreur-champ:empty{display:none}
#svdemo .svdemo-champ.is-erreur input,#svdemo .svdemo-champ.is-erreur select,#svdemo .svdemo-champ.is-erreur textarea,#svdemo .svdemo-champ.is-erreur .svdemo-opt{border-color:var(--sv-err)}
#svdemo .svdemo-cfg__nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #2c2c2c}
#svdemo .svdemo-cfg__espace{flex:1}
#svdemo .svdemo-cfg__nav [data-svdemo-envoyer],#svdemo .svdemo-cfg__nav [data-svdemo-suiv]{flex:1 1 100%}
#svdemo .svdemo-cfg__erreur{margin:14px 0 0;color:var(--sv-err);max-width:none}
#svdemo .svdemo-cfg__exemple{margin:8px 0 0;text-align:right;max-width:none}
#svdemo .svdemo-cfg__recap-titre{margin-top:18px}
#svdemo .svdemo-recap{border-top:1px solid #2c2c2c;padding-top:4px;margin-top:12px}
#svdemo .svdemo-recap__tete{display:flex;justify-content:space-between;align-items:center;gap:10px}
#svdemo .svdemo-recap__tete h3{margin:10px 0}
#svdemo .svdemo-vide-val{color:var(--sv-doux);font-style:italic}
#svdemo .svdemo-cfg__succes{padding:20px 0 8px;outline:none}
#svdemo .svdemo-cfg__succes-icone{width:48px;height:48px;border-radius:50%;background:var(--sv-or);color:#0a0a0a;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}

/* Listes de définitions */
#svdemo .svdemo-dl{display:grid;grid-template-columns:1fr;gap:2px 16px;margin:0}
#svdemo .svdemo-dl dt{color:var(--sv-doux);font-size:.85rem;margin-top:8px}
#svdemo .svdemo-dl dd{margin:0;color:#fff;line-height:1.5}

/* CRM */
#svdemo .svdemo-vide{background:var(--sv-carte);border:1px solid var(--sv-ligne);border-radius:10px;padding:24px 18px;margin:16px 0 40px}
#svdemo .svdemo-filtres{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
#svdemo .svdemo-filtre{padding:8px 12px;border:1px solid #3a3a3a;border-radius:999px;text-decoration:none;color:var(--sv-texte);font-size:.88rem;min-height:40px;display:inline-flex;align-items:center;gap:6px}
#svdemo .svdemo-filtre span{background:#2a2a2a;border-radius:999px;padding:1px 8px;font-size:.78rem}
#svdemo .svdemo-filtre.is-actif{border-color:var(--sv-or);color:#fff}
#svdemo .svdemo-cartes{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
#svdemo .svdemo-carte{background:var(--sv-carte);border:1px solid var(--sv-ligne);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}
#svdemo .svdemo-carte__haut{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
#svdemo .svdemo-carte__ref{font-weight:700;font-size:1.05rem;color:#fff;text-decoration:none;font-variant-numeric:tabular-nums}
#svdemo .svdemo-carte__date{font-size:.82rem;color:var(--sv-doux)}
#svdemo .svdemo-carte p{margin:0}
#svdemo .svdemo-carte__societe{color:#fff!important;font-weight:600}
#svdemo .svdemo-carte__meta{font-size:.85rem;color:var(--sv-doux)!important}
#svdemo .svdemo-carte__badges{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
#svdemo .svdemo-carte__ouvrir{margin-top:auto;align-self:flex-start}
#svdemo .svdemo-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:#2a2a2a;color:#eee;border:1px solid #444}
#svdemo .svdemo-badge--statut-nouveau{background:#14243a;border-color:#2f5d93;color:#cfe3ff}
#svdemo .svdemo-badge--statut-a_traiter{background:#2e2410;border-color:#8a6d2a;color:#ffe3a6}
#svdemo .svdemo-badge--statut-en_cours{background:#13283a;border-color:#3a7bb0;color:#d4ecff}
#svdemo .svdemo-badge--statut-devis_envoye{background:#241a33;border-color:#6d50a0;color:#e7dcff}
#svdemo .svdemo-badge--statut-gagne{background:#0f2616;border-color:#3f8f55;color:#cff1d9}
#svdemo .svdemo-badge--statut-perdu,#svdemo .svdemo-badge--statut-decline{background:#2a1515;border-color:#8f4040;color:#ffd6d6}
#svdemo .svdemo-badge--priorite-haute{background:#2e2410;border-color:#c9a84c;color:#ffe9b0}
#svdemo .svdemo-badge--priorite-urgente{background:#3a1212;border-color:#d05050;color:#ffdada}
#svdemo .svdemo-badge--relance{background:#3a2a08;border-color:#e0a800;color:#ffe08a}
#svdemo .svdemo-fil{margin:24px 0 0}
#svdemo .svdemo-fiche-tete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end;padding:8px 0 16px;border-bottom:1px solid var(--sv-ligne);margin-bottom:18px}
#svdemo .svdemo-fiche-tete h1{margin:4px 0;font-variant-numeric:tabular-nums}
#svdemo .svdemo-fiche-tete__date{font-size:.88rem;color:var(--sv-doux);margin:0}
#svdemo .svdemo-grille{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:40px}
#svdemo .svdemo-col{display:flex;flex-direction:column;gap:18px;min-width:0}
#svdemo .svdemo-bloc{background:var(--sv-carte);border:1px solid var(--sv-ligne);border-radius:10px;padding:18px 16px}
#svdemo .svdemo-bloc h3:first-of-type{margin-top:4px}
#svdemo .svdemo-docs{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:10px}
#svdemo .svdemo-docs li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 12px;background:var(--sv-carte2);border-radius:6px}
#svdemo .svdemo-docs__nom{font-weight:600;color:#fff;flex:1 1 140px}
#svdemo .svdemo-docs__type{font-size:.82rem;color:var(--sv-doux);flex:1 1 100%;order:3}
#svdemo .svdemo-suivi label,#svdemo .svdemo-suivi legend{display:block;font-weight:600;color:#fff;margin:14px 0 6px}
#svdemo .svdemo-suivi fieldset{border:1px solid #2c2c2c;border-radius:8px;padding:4px 12px 14px;margin:18px 0 6px;min-width:0}
#svdemo .svdemo-suivi legend{padding:0 6px;color:var(--sv-or-clair)}
#svdemo .svdemo-facultatif{font-weight:400;color:var(--sv-doux)}
#svdemo .svdemo-suivi .svdemo-btn{width:100%;margin-top:8px}

/* CTA final */
#svdemo .svdemo-cta{background:#111;border-top:1px solid var(--sv-ligne);padding:40px 0 48px;text-align:left}

@media (min-width:768px){
	#svdemo .svdemo-wrap{padding:0 24px}
	#svdemo .svdemo-bandeau{margin-top:80px}
	#svdemo .svdemo-cfg{padding:28px 28px 16px}
	#svdemo .svdemo-cfg__steps{display:flex;flex-wrap:wrap}
	#svdemo .svdemo-cfg__nav [data-svdemo-envoyer],#svdemo .svdemo-cfg__nav [data-svdemo-suiv]{flex:0 0 auto}
	#svdemo .svdemo-options{grid-template-columns:repeat(2,minmax(0,1fr))}
	#svdemo .svdemo-options--cartes{grid-template-columns:repeat(2,minmax(0,220px))}
	#svdemo .svdemo-options--docs{grid-template-columns:1fr}
	#svdemo .svdemo-champ--coord{display:inline-block;width:calc(50% - 10px);vertical-align:top;margin-right:8px}
	#svdemo .svdemo-dl{grid-template-columns:minmax(160px,34%) 1fr}
	#svdemo .svdemo-dl dt{margin-top:6px}
	#svdemo .svdemo-dl dd{margin-top:6px}
	#svdemo .svdemo-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
	#svdemo .svdemo-docs__type{flex:0 1 auto;order:0}
}
@media (min-width:992px){
	/* Le thème réserve déjà la hauteur du menu fixe (body padding-top). */
	#svdemo .svdemo-bandeau{margin-top:0}
}
@media (min-width:1024px){
	#svdemo .svdemo-cartes{grid-template-columns:repeat(3,minmax(0,1fr))}
	#svdemo .svdemo-grille{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start}
	#svdemo .svdemo-col--cote{position:sticky;top:96px}
}
@media (prefers-reduced-motion:reduce){#svdemo .svdemo-cfg__fill{transition:none}}