/* Accueil Web-ADNS (site 25242, gipco-adns.com/statique/25243/) — WEBAD-1105, passe Impeccable du 15/10/2026.
   Ouverture d'affichage reprise À L'IDENTIQUE de ad-plateforme.css (charte Éditeur v1.1, page plateforme ADNS) :
   la page n'a pas d'écran produit à montrer, son ouverture est typographique, comme celle de la plateforme. */
.ad-pa-ouverture { padding-block: clamp(40px, 4vw + 16px, 96px) clamp(56px, 5vw + 24px, 112px); overflow: clip; }
.ad-pa-tete { display: grid; gap: clamp(20px, 1.6vw + 12px, 32px); }
.ad-pa-h1 { max-width: 15.5em; }
.ad-pa-tete__chapeau { max-width: 37em; }

/* Surtitres LONGS (65 et 67 signes, texte figé) : en capitales, ils ne se lisent plus (constat Impeccable « all-caps-body »).
   Casse de phrase, Inter, au corps « petit » ; la puce soleil du poinçon reste. Les surtitres courts de la charte gardent leurs capitales. */
.ad-mx-sur.ad-wa-sur-long { font-family: var(--ad-police-texte); font-size: var(--ad-t-petit); line-height: 1.45; letter-spacing: normal;
                            font-feature-settings: normal; text-transform: none; max-width: 40em; }

/* Version « accompagne la connexion » (r0003) : un écran, pas de fin de page. Le formulaire est dans l'en-tête WO. */
.ad-wa-acces { min-height: min(62vh, 560px); display: grid; align-items: center; }
.ad-wa-acces__aide { display: grid; gap: var(--ad-e-3); margin-top: var(--ad-e-4); padding-top: var(--ad-e-5); border-top: 1px solid var(--ad-filet); max-width: 37em; font-size: var(--ad-t-petit); }

/* Connexion en fragment (page /connexion) : carte du formulaire, posée dans la page. Le formulaire envoie à WO (/gnetresa/wa/). */
.ad-wa-cx { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(32px, 6vw, 96px); align-items: center; padding-block: clamp(32px, 5vw, 80px); min-height: min(70vh, 640px); }
.ad-wa-cx__texte { display: grid; gap: var(--ad-e-5); max-width: 34em; }
.ad-wa-cx__carte { background: var(--ad-fond); border: 1px solid var(--ad-filet); border-radius: var(--ad-r-5); padding: clamp(24px, 3.2vw, 44px); display: grid; gap: var(--ad-e-6); box-shadow: 0 1px 2px rgba(17,17,18,.05), 0 12px 32px -12px rgba(17,17,18,.12); max-width: 480px; width: 100%; justify-self: end; }
.ad-wa-cx__carte .ad-form { grid-template-columns: minmax(0, 1fr); }
.ad-wa-cx__ligne { display: flex; justify-content: space-between; align-items: center; gap: var(--ad-e-4); flex-wrap: wrap; }
.ad-wa-cx__case { display: inline-flex; align-items: center; gap: 10px; font-size: var(--ad-t-petit); }
.ad-wa-cx__case input { width: 20px; height: 20px; accent-color: var(--ad-encre-fond); }
.ad-wa-cx__carte .ad-btn { width: 100%; justify-content: center; }
.ad-wa-cx__aide { padding-top: var(--ad-e-5); border-top: 1px solid var(--ad-filet); font-size: var(--ad-t-petit); }
.ad-wa-cx__erreur { margin: 0; padding: 12px 14px; border: 1px solid var(--ad-erreur); border-radius: var(--ad-r-3); color: var(--ad-erreur); font-size: var(--ad-t-petit); }
@media (max-width: 900px) { .ad-wa-cx { grid-template-columns: minmax(0, 1fr); min-height: 0; } .ad-wa-cx__carte { order: -1; justify-self: stretch; max-width: none; } }
css .ad-wa-cx__carte--ouverture { max-width: none; justify-self: stretch; }
@media (max-width: 900px) { .ad-wa-cx__carte--ouverture { order: 0; } }

/* Accueil général : les quatre portes */
.ad-wa-portes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ad-e-6); }
.ad-wa-porte { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--ad-e-4); padding: var(--ad-e-6); background: var(--ad-fond); border: 1px solid var(--ad-filet); border-radius: var(--ad-r-5); align-content: start; }
.ad-wa-porte__vue { display: block; }
.ad-wa-porte .ad-btn { justify-self: start; }
@media (max-width: 1080px) { .ad-wa-portes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ad-wa-portes { grid-template-columns: minmax(0, 1fr); } }

/* Éditeur de pages Web-ADNS (écran fictif) : composants, page en composition, proposition de l'assistant IA */
.wa-ed { display: grid; grid-template-rows: auto 1fr; gap: 0; font-size: .92em; min-height: 26em; background: var(--ad-ui-neige); }
.wa-ed__barre { display: flex; align-items: center; gap: .9em; padding: .7em 1em; background: var(--ad-ui-blanc); border-bottom: 1px solid var(--ad-ui-filet-fort); }
.wa-ed__site { display: inline-flex; align-items: center; gap: .5em; font-weight: 600; margin-right: auto; }
.wa-ed__outils { display: inline-flex; gap: .7em; color: var(--ad-ui-ardoise); }
.wa-ed__corps { display: grid; grid-template-columns: 8.5em minmax(0, 1fr) 12.5em; min-height: 0; }
.wa-ed__palette { display: grid; align-content: start; gap: .55em; padding: .9em; border-right: 1px solid var(--ad-ui-filet-fort); background: var(--ad-ui-blanc); }
.wa-ed__palette b { font-size: .8em; color: var(--ad-ui-ardoise); font-weight: 600; letter-spacing: .02em; }
.wa-ed__palette span { display: flex; align-items: center; gap: .55em; padding: .5em .6em; border: 1px solid var(--ad-ui-filet-fort); border-radius: .5em; background: var(--ad-ui-neige); }
.wa-ed__page { display: grid; align-content: start; gap: .8em; padding: 1.1em; }
.wa-ed__bloc { position: relative; display: grid; gap: .45em; padding: 1em; background: var(--ad-ui-blanc); border: 1px solid var(--ad-ui-filet-fort); border-radius: .6em; }
.wa-ed__bloc--choisi { border: 2px solid var(--ad-ui-sarcelle); }
.wa-ed__bloc b { font-size: 1.15em; line-height: 1.2; }
.wa-ed__etiq { position: absolute; top: -.75em; left: .8em; padding: .05em .55em; font-size: .75em; font-weight: 600; background: var(--ad-ui-sarcelle); color: #fff; border-radius: .35em; }
.wa-ed__bloc:not(.wa-ed__bloc--choisi) .wa-ed__etiq { background: var(--ad-ui-ardoise); }
.wa-ed__cta { justify-self: start; padding: .4em .8em; border-radius: .5em; background: var(--ad-ui-sarcelle); color: #fff; font-weight: 600; }
.wa-ed__ligne { display: block; height: .55em; border-radius: .3em; background: var(--ad-ui-perle); }
.wa-ed__ligne--court { width: 60%; }
.wa-ed__bloc--vide { display: flex; align-items: center; justify-content: center; gap: .5em; padding: .9em; border: 1.5px dashed var(--ad-ui-acier); background: transparent; color: var(--ad-ui-ardoise); }
.wa-ed__ia { display: grid; align-content: start; gap: .7em; padding: .9em; border-left: 1px solid var(--ad-ui-filet-fort); background: var(--ad-ui-blanc); }
.wa-ed__ia b { display: flex; align-items: center; gap: .45em; }
.wa-ed__prop { padding: .7em; border-radius: .6em; background: var(--ad-ui-ambre-pale); line-height: 1.35; }
.wa-ed__actions { display: flex; align-items: center; gap: .8em; }
.wa-ed__valider { background: var(--ad-ui-sarcelle); color: #fff; }
.wa-ed__modifier { font-weight: 600; color: var(--ad-ui-ardoise); }
.wa-ed--tel { min-height: 0; }
.wa-ed--tel .wa-ed__page { padding: .9em; }
.wa-ed--tel .wa-ed__ia { border-left: 0; border-top: 1px solid var(--ad-ui-filet-fort); }

/* Illustration Web-ADNS : éditeur réel (proposition 1 des designers UX, 15/10) */
/* Web-ADNS · illustration « éditeur réel » · proposition 1 (wa-p1-*)
   Jetons --ad-ui-* uniquement, sans police externe ni script. Se charge après ad-ecrans.css.
   Deux couleurs qui ne se mélangent pas : l'ENCRE est l'éditeur (sélection, barre d'outils),
   la SARCELLE est le site de Morvane (la charte du client). Jamais de jaune. */

/* ---- Cadre navigateur : largeur de conception 64 em, hauteur utile ≈ 30,5 em (≈ 380 px à 800 px) ---- */
.wa-p1-cadre { --ad-ui-l: 64; }
.wa-p1-ed { display: grid; grid-template-columns: 19em minmax(0, 1fr); height: 30.5em; overflow: hidden; background: var(--ad-ui-blanc); position: relative; }
.wa-p1-ed::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3.2em; pointer-events: none;
                   background: linear-gradient(to bottom, transparent, var(--ad-ui-blanc) 90%); z-index: 4; }

/* arbre des pages : large à dessein, c'est la zone que le téléphone recouvre sur la scène */
.wa-p1-arbre { background: var(--ad-ui-neige); border-right: 1px solid var(--ad-ui-perle); padding: 1em .7em; display: grid; align-content: start; gap: .1em; }
.wa-p1-arbre__site { display: flex; align-items: center; gap: .6em; font-weight: 600; padding: .3em .6em .8em; }
.wa-p1-arbre__n { display: flex; align-items: center; gap: .6em; padding: .45em .6em .45em 1.5em; border-radius: .5em; color: var(--ad-ui-ardoise); font-weight: 500; }
.wa-p1-arbre__n--2 { padding-left: 3em; }
.wa-p1-arbre .bi { color: var(--ad-ui-graphite); }
.wa-p1-arbre__n--actif { background: var(--ad-ui-blanc); color: var(--ad-ui-encre); font-weight: 600; box-shadow: 0 0 0 1px var(--ad-ui-perle); }
.wa-p1-arbre__n--actif .bi { color: var(--ad-ui-encre); }

.wa-p1-main { display: grid; grid-template-rows: auto auto minmax(0, 1fr); min-width: 0; }
.wa-p1-onglets { padding: 0 1.1em; gap: 1.05em; font-size: .92em; }
.wa-p1-onglets span { padding: .8em 0 .7em; }
.wa-p1-actions { display: flex; justify-content: space-between; align-items: center; gap: .6em; padding: .55em 1em; border-bottom: 1px solid var(--ad-ui-perle); }
.wa-p1-actions__fin { display: flex; gap: .5em; }
.wa-p1-ia { background: var(--ad-ui-encre); color: var(--ad-ui-blanc); box-shadow: none; }

.wa-p1-corps { display: grid; grid-template-columns: minmax(0, 1fr) 15em; min-height: 0; }
.wa-p1-toile { background: var(--ad-ui-brume); padding: .8em .8em 0; min-width: 0; }
.wa-p1-page { box-shadow: 0 0 0 1px var(--ad-ui-perle); border-radius: .6em .6em 0 0; height: 100%; }

/* panneau Paramètres */
.wa-p1-params { border-left: 1px solid var(--ad-ui-perle); background: var(--ad-ui-blanc); padding: 1em; display: grid; align-content: start; gap: .8em; }
.wa-p1-params__titre { font-size: 1.05em; font-weight: 600; }
.wa-p1-params__comp { display: inline-flex; align-items: center; gap: .5em; justify-self: start; padding: .3em .7em; border-radius: 999px; background: var(--ad-ui-encre); color: var(--ad-ui-blanc); font-weight: 600; font-size: .92em; }
.wa-p1-champ { display: grid; gap: .3em; }
.wa-p1-champ small { font-size: .875em; font-weight: 600; color: var(--ad-ui-ardoise); }
.wa-p1-champ__saisie { display: block; padding: .55em .7em; border-radius: .5em; background: var(--ad-ui-blanc); box-shadow: inset 0 0 0 1px var(--ad-ui-filet-fort); min-height: 2.5em; }
.wa-p1-champ__saisie--haut { min-height: 4.6em; }
.wa-p1-champ__saisie--actif { box-shadow: inset 0 0 0 2px var(--ad-ui-encre); }

/* ---- Le site de Morvane (rendu réel de la charte du client) : partagé navigateur / téléphone ---- */
.wa-p1-site { background: var(--ad-ui-blanc); overflow: hidden; }
.wa-p1-site__nav { display: flex; justify-content: space-between; align-items: center; padding: .8em 1.2em; box-shadow: inset 0 -1px 0 var(--ad-ui-perle); }
.wa-p1-site__liens { display: flex; gap: 1.2em; color: var(--ad-ui-ardoise); font-weight: 500; font-size: .92em; }
.wa-p1-site__hero { background: var(--ad-ui-sarcelle-pale); padding: 4.3em 1.3em 1.3em; display: grid; grid-template-columns: minmax(0, 1fr) 8em; column-gap: 1em; align-items: start; }
.wa-p1-site__hero > .wa-p1-choisi, .wa-p1-site__texte, .wa-p1-site__cta { grid-column: 1; }
.wa-p1-site__sur { display: block; font-size: .9em; font-weight: 600; color: var(--ad-ui-sarcelle); }
.wa-p1-site__titre { display: block; font-size: 1.7em; line-height: 1.12; font-weight: 650; letter-spacing: -0.02em; color: var(--ad-ui-encre); margin-top: .15em; }
.wa-p1-site__texte { color: var(--ad-ui-ardoise); margin-top: .8em; }
.wa-p1-site__cta { justify-self: start; margin-top: .8em; }
.wa-p1-site__suite { padding: 1em 1.3em; display: grid; gap: .5em; }
.wa-p1-site__bandeau { height: 2.4em; border-radius: .5em; background: var(--ad-ui-brume); }
.wa-p1-site__ligne { height: .6em; border-radius: 999px; background: var(--ad-ui-perle); }
.wa-p1-site__ligne--court { width: 60%; }

/* bloc sélectionné : encre = éditeur */
.wa-p1-choisi { position: relative; box-shadow: 0 0 0 2px var(--ad-ui-encre); border-radius: .25em; padding: .5em .6em .6em; background: var(--ad-ui-sarcelle-pale); }
.wa-p1-choisi__nom { position: absolute; left: -2px; top: -1.55em; background: var(--ad-ui-encre); color: var(--ad-ui-blanc); font-size: .875em; font-weight: 600; padding: .1em .6em; border-radius: .3em .3em 0 0; }
.wa-p1-barre { position: absolute; right: -2px; top: -2.1em; display: flex; background: var(--ad-ui-encre); color: var(--ad-ui-blanc); border-radius: .4em .4em 0 0; }
.wa-p1-barre > i { width: 2.1em; height: 2.1em; display: grid; place-items: center; font-size: 1em; }
.wa-p1-barre > i.is-survol { background: var(--ad-ui-ardoise); border-top-right-radius: .4em; }
.wa-p1-bulle { position: absolute; right: 0; bottom: 2.5em; white-space: nowrap; background: var(--ad-ui-encre); color: var(--ad-ui-blanc); font-size: .92em; font-weight: 600;
               padding: .35em .7em; border-radius: .4em; }
.wa-p1-bulle::after { content: ""; position: absolute; right: .8em; top: 100%; border: .35em solid transparent; border-top-color: var(--ad-ui-encre); }

/* dessin de bureau : couleurs du site, aucune photo */
.wa-p1-art { grid-column: 2; grid-row: 1 / span 3; align-self: end; position: relative; width: 8em; height: 8em; border-radius: .8em; background: var(--ad-ui-sarcelle-clair); overflow: hidden; }
.wa-p1-art i { position: absolute; display: block; }
.wa-p1-art__ecran { left: 1.7em; top: 1.5em; width: 3.3em; height: 2.2em; border-radius: .25em; background: var(--ad-ui-sarcelle-fonce); }
.wa-p1-art__pied { left: 3.15em; top: 3.7em; width: .4em; height: .8em; background: var(--ad-ui-sarcelle-fonce); }
.wa-p1-art__plateau { left: .8em; right: .8em; top: 4.5em; height: .5em; border-radius: .2em; background: var(--ad-ui-sarcelle); }
.wa-p1-art__jambe { left: 1.2em; top: 5em; width: .4em; height: 2.2em; background: var(--ad-ui-sarcelle); }
.wa-p1-art__jambe--d { left: auto; right: 1.2em; }
.wa-p1-art__fauteuil { right: 1.6em; bottom: .6em; width: 1.6em; height: 1.6em; border-radius: 50%; background: var(--ad-ui-corail); }

/* ---- Téléphone : l'IA agit sur la page entière ---- */
.wa-p1-tel { display: grid; gap: 1em; padding: .3em 1.1em 0; align-content: start; }
.wa-p1-tel__tete { display: grid; gap: .35em; }
.wa-p1-tel__tete b { font-size: 1.2em; font-weight: 650; letter-spacing: -0.01em; display: flex; align-items: center; gap: .45em; }
.wa-p1-tel__page { display: inline-flex; align-items: center; gap: .4em; color: var(--ad-ui-graphite); font-size: .92em; }
.wa-p1-tel__bloc { display: grid; gap: .45em; }
.wa-p1-tel__saisie { display: block; padding: .65em .75em; border-radius: .6em; box-shadow: inset 0 0 0 1px var(--ad-ui-filet-fort); line-height: 1.4; color: var(--ad-ui-ardoise); }
.wa-p1-tel__gen { justify-content: center; height: 2.8em; border-radius: .7em; }
.wa-p1-tel__statut { display: flex; align-items: center; justify-content: space-between; color: var(--ad-ui-graphite); }
.wa-p1-apercu { border-radius: .6em; box-shadow: 0 0 0 1px var(--ad-ui-perle); font-size: .88em; }
.wa-p1-site__hero--tel { grid-template-columns: minmax(0, 1fr); padding: 1.1em 1.1em 1.2em; }
.wa-p1-tel__versions { display: flex; justify-content: space-between; align-items: center; gap: .6em; padding-top: .8em; border-top: 1px solid var(--ad-ui-perle); color: var(--ad-ui-ardoise); font-size: .95em; }
.wa-p1-tel__versions i { margin-right: .4em; color: var(--ad-ui-graphite); }
.wa-p1-tel__versions u { font-weight: 600; color: var(--ad-ui-encre); text-underline-offset: .15em; }

/* retouches (15/10) : le téléphone ne couvre que le bord du cadre (charte) → arbre étroit */
.wa-p1-ed { grid-template-columns: 9.5em minmax(0, 1fr); }