/* Thème sombre commun wpsuite.ch : même identité que l'accueil (fond nuit, accent turquoise, Space Grotesk / JetBrains Mono).
   Chargé en dernier : il redéfinit les variables du site et corrige les couleurs écrites en dur. */
:root{--sans:'SG',system-ui,-apple-system,'Segoe UI',sans-serif;--titre:var(--sans);--mono:'JB',ui-monospace,monospace;
--bg:#030b13;--blanc:#061a2a;--pale:#08202f;--filet:#173448;--filet2:#173448;--encre:#eaf4f8;--encre2:#a9c1cc;--encre3:#86a3b1;
--marine:#020912;--vert:#12cdbf;--vert-fonce:#40ebdc;--vert-pale:rgba(18,205,191,.14);--bleu:#12cdbf;--bleu-pale:rgba(18,205,191,.12)}
html{background:#030b13;color-scheme:dark}
body{background:#030b13;color:var(--encre)}
a{color:inherit}
h1,h2,h3,h4{font-family:'SG',system-ui,sans-serif;letter-spacing:-.02em;color:#fff}
.eyebrow,.feature-number,.step-no{font-family:'JB',monospace;letter-spacing:.12em}

/* bandeaux et sections */
.band,.product-benefits,.trial-benefits,.help-main,.order-band{background:transparent}
.band.alt,.technical-matrix,.console-trust{background:#041421}
.product-workflow,.console-flow{background:#030b13}
.product-final,.console-cta{background:#06222f;border-top:1px solid #12cdbf33;border-bottom:1px solid #12cdbf33}
.product-hero{background:radial-gradient(ellipse 60% 90% at 85% 0,rgba(18,205,191,.16),transparent 60%),#030b13;border-bottom:1px solid rgba(255,255,255,.09)}
.product-page .product-hero{background:radial-gradient(ellipse 60% 90% at 85% 0,rgba(18,205,191,.16),transparent 60%),#030b13}
.product-hero .eyebrow,.product-page .product-hero .eyebrow{color:#40ebdc}
.product-hero .lede{color:#b9cdd6}
.feature-row,.technical,.order-selection,.help-page details,.free-steps [role=listitem]{border-color:#173448}
.console-flow li{border-top-color:#173448}

/* cartes, formulaires */
.carte,.free-form,.product-note,.console-trust article,.help-products article{background:#061a2a;border:1px solid #173448;box-shadow:none;border-radius:0}
.product-note{border-left:4px solid #12cdbf}
.champ label{color:#eaf4f8}
.champ input:not([type=checkbox]):not([type=radio]),.champ textarea,.champ select,input[type=email],input[type=text],textarea,select{background:#030b13;color:#eaf4f8;border:1px solid #2a4c61;border-radius:0}
.champ input::placeholder,.champ textarea::placeholder,input::placeholder,textarea::placeholder{color:#6d8b9a}
.champ input:focus,.champ textarea:focus{outline:2px solid #40ebdc55;border-color:#12cdbf}
.legal{background:#08202f;border-color:#173448;color:var(--encre2)}
.retour.ok{background:rgba(18,205,191,.14);color:#40ebdc}.retour.ko{color:#ff8a80}
.champ .err{border-color:#ff6b61}

/* boutons : même langage que l'accueil (carré, majuscules, turquoise) */
.btn,.btn.p,.product-page .btn.p{background:#12cdbf;border:1px solid #12cdbf;color:#031520!important;border-radius:0;font:700 14px/1 'SG',sans-serif;letter-spacing:.8px;text-transform:uppercase;padding:15px 20px;text-decoration:none}
.btn:hover,.btn.p:hover,.product-page .btn.p:hover{background:#40ebdc;border-color:#40ebdc}
.btn.s,.btn.sec,.btn.secondary,.btn.ghost,.btn.o{background:transparent;color:#40ebdc!important;border-color:#12cdbf}
.text-link{color:#40ebdc}.product-actions .text-link,.product-ftp .text-link{color:#cfe6ee}

/* captures, tableau comparatif */
.help-capture{background:#061a2a;border-color:#173448;border-radius:0}
.help-capture figcaption{background:#061a2a;color:var(--encre2)}
.capture-zoom{background:#12cdbf;color:#031520;border-radius:0}
.capture-dialog{background:#061a2a}.capture-dialog-bar{background:#020912}
.matrix-scroll{background:#061a2a;border-color:#173448;border-radius:0;box-shadow:none}
.matrix-scroll thead th{background:#020912;color:#40ebdc;font-family:'JB',monospace}
.matrix-scroll tbody tr:nth-child(odd){background:#061a2a}.matrix-scroll tbody tr:nth-child(even){background:#08202f}
.matrix-scroll tbody th{color:#fff}.matrix-scroll td,.matrix-scroll td:last-child{color:var(--encre2)}
.matrix-scroll th,.matrix-scroll td{border-bottom-color:#173448}
.tech-icon{background:rgba(18,205,191,.14);color:#40ebdc}

/* aide */
.help-layout section h2 span{color:#40ebdc}
.help-note{background:rgba(18,205,191,.1);border-left-color:#12cdbf}
.help-page .lang [aria-current]{color:#fff}
.skip-link{background:#12cdbf;color:#031520}

/* pied de page */
footer,.site-footer{background:#020912;color:var(--encre2);border-top:1px solid #173448}
.site-footer a,footer a{color:#cfe6ee}
.site-footer a:hover{color:#40ebdc}
.order-price{color:#40ebdc}

/* commande : bandeaux et notes écrits en dur dans la page */
body .order-band,body .order-band.alt{background:#030b13;border-top-color:#173448}body .order-band.alt{background:#041421}
body .payment-note{background:#08202f;border-color:#173448;border-left-color:#12cdbf;border-radius:0}
body .payment-note a{color:#40ebdc}body .payment-note p,body .payment-note h3{color:var(--encre2)}body .payment-note h3{color:#fff}
#paiement-cle{background:#030b13!important;border-color:#173448!important;color:#eaf4f8}

/* espace client (connexion par lien) */
body.client-access,body.client-access>.band{background:#030b13}
body.client-access>.hero{background:radial-gradient(ellipse 60% 90% at 85% 0,rgba(18,205,191,.16),transparent 60%),#030b13;color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}
body.client-access>.hero h1{font-family:'SG',sans-serif;color:#fff}
body.client-access>.hero .lede{color:#b9cdd6}
body.client-access #f-lien{background:#061a2a;border:1px solid #173448;border-radius:0;box-shadow:none}
body.client-access #f-lien h3{font-family:'SG',sans-serif;color:#fff}
body.client-access #f-lien .btn.p{background:#12cdbf;border-color:#12cdbf;border-radius:0;color:#031520}
body.client-access #f-lien .btn.p:hover{background:#40ebdc}
.lic .jeton{background:#08202f;border-color:#173448}

/* page d'accès (choix client / administrateur) */
body.access-page{background:#030b13;color:#eaf4f8;font-family:'SG',sans-serif}
html:has(body.access-page){background:#030b13}
.access-page h1,.access-options h2{font-family:'SG',sans-serif;color:#fff}
.access-label{color:#40ebdc;font-family:'JB',monospace}
.access-lead{color:#a9c1cc}
.access-options section{background:#061a2a;border:1px solid #173448;border-radius:0;box-shadow:none}
.access-options p{color:#a9c1cc}
.access-options a{background:#12cdbf;color:#031520;border-radius:0;text-transform:uppercase;letter-spacing:.8px}
.access-options a:hover{background:#40ebdc}
body .payment-note img,body .payment-note svg{background:#fff;padding:3px 7px;border-radius:3px;box-sizing:content-box}