/* ═══════════════════════════════════════════════════════════════════════
   Espace pro et écrans de connexion — thème « equerre »
   Se charge APRÈS le bundle Tailwind du moteur (éditeur, Alpine) et APRÈS
   equerre.css : mêmes jetons (--eq-*), même en-tête, même bouton. Cette feuille
   n'apporte que ce que le site public n'a pas : formulaires, cartes, états,
   étapes, listes flottantes, vignettes, pied compact, toasts.
   Préfixe : .espace-*
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Page ───────────────────────────────────────────────────────── */
html, body { height: 100%; }
body.espace-corps { display: flex; flex-direction: column; min-height: 100vh; background: var(--eq-creme); }
.espace-main { flex: 1; padding: 36px 0 64px; }
.espace-main--carte { display: grid; place-items: start center; padding-top: 48px; }
.espace-main h1, .espace-main h2, .espace-main h3 { color: var(--eq-encre); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; }
.espace-main h1 { font-size: 28px; font-weight: 700; margin: 0 0 6px; }
.espace-main h2 { font-size: 19px; margin: 0 0 4px; }
.espace-main h3 { font-size: 15px; margin: 0 0 8px; }
.espace-main p { margin: 0 0 12px; }
.espace-main ul, .espace-main ol { margin: 0; padding: 0; list-style: none; }
.espace-main a { color: var(--eq-orange-texte); }
.espace-main a.equerre-bouton { color: #fff; }
.espace-main a.equerre-bouton--contour { color: var(--eq-orange-texte); }
.espace-main button { font-family: inherit; }

/* En-tête : celui du site (equerre-tete) ; seule la partie droite change */
.espace-tete-gestes { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.espace-tete-gestes .equerre-bouton { padding: 9px 16px; font-size: 14px; box-shadow: none; }
.espace-tete-gestes form { display: inline; }
.espace-tete-gestes button.espace-lien { background: none; border: 0; padding: 8px 6px; color: var(--eq-texte-doux); font-size: 14px; font-weight: 500; cursor: pointer; }
.espace-tete-gestes button.espace-lien:hover { color: var(--eq-encre); text-decoration: underline; }
.equerre-nav a.est-ici { color: var(--eq-orange-texte); }
.equerre-nav a.est-ici::after { transform: scaleX(1); }

/* Pied compact */
.espace-pied { padding: 22px 0 28px; font-size: 13px; color: var(--eq-texte-doux); }
.espace-pied .equerre-cadre { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; }
.espace-pied a { color: var(--eq-texte-doux); }
.espace-pied a:hover { color: var(--eq-encre); }

/* ── 2. Titre de page, pile de cartes ──────────────────────────────── */
.espace-titre { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 22px; }
.espace-titre p { margin: 0; color: var(--eq-texte-doux); font-size: 15px; }
.espace-pile { display: grid; gap: 20px; }
.espace-colonnes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }

/* ── 3. Cartes ─────────────────────────────────────────────────────── */
.espace-carte { background: var(--eq-blanc); border: 1px solid var(--eq-bord); border-radius: 14px; padding: 26px 28px; box-shadow: var(--eq-ombre-douce); }
.espace-carte--etroite { width: 100%; max-width: 500px; padding: 32px 36px; }
.espace-carte--large { max-width: 640px; }
.espace-carte-tete { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 20px; margin-bottom: 18px; }
.espace-carte-tete > div { min-width: 0; }
.espace-carte-aide { margin: 0; color: var(--eq-texte-doux); font-size: 14px; }
.espace-carte--etroite h1 { font-size: 24px; margin-bottom: 6px; }
.espace-carte--etroite > p.espace-carte-aide { margin-bottom: 20px; }
.espace-carte-note { margin: 18px 0 0; text-align: center; font-size: 14px; color: var(--eq-texte-doux); }
.espace-carte-note a { font-weight: 600; }

/* Bandeau d'accueil du tableau de bord : le dégradé orange du site */
.espace-accueil { padding: 30px 32px; border-radius: 14px; background: linear-gradient(120deg, var(--eq-orange-fonce), var(--eq-orange-texte)); color: #fff; box-shadow: var(--eq-ombre-orange); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 28px; }
.espace-accueil h1, .espace-accueil p { color: #fff; margin: 0; }
.espace-accueil p { opacity: .95; font-size: 15px; margin-top: 4px; }
.espace-accueil .equerre-bouton { background: #fff; border-color: #fff; color: var(--eq-orange-texte); box-shadow: none; }
.espace-accueil a.equerre-bouton { color: var(--eq-orange-texte); }
.espace-accueil .equerre-bouton:hover { background: var(--eq-creme); border-color: var(--eq-creme); color: var(--eq-orange-texte); }

/* ── 4. Formulaires ────────────────────────────────────────────────── */
.espace-form { display: grid; gap: 18px; }
.espace-champ { display: grid; gap: 6px; min-width: 0; align-content: start; }
.espace-champ--pleine { grid-column: 1 / -1; }
.espace-etiquette { font-size: 14px; font-weight: 600; color: var(--eq-encre); display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.espace-etiquette small { font-weight: 400; color: var(--eq-texte-doux); font-size: 13px; }
.espace-saisie {
  width: 100%; min-width: 0; padding: 11px 14px;
  border: 1.5px solid var(--eq-bord-fort); border-radius: var(--eq-r-bouton);
  background: var(--eq-blanc); color: var(--eq-encre);
  font-family: inherit; font-size: 15px; line-height: 1.4;
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none; appearance: none;
}
select.espace-saisie {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A4441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
}
textarea.espace-saisie { min-height: 110px; resize: vertical; }
.espace-saisie::placeholder { color: #9B928D; }
.espace-saisie:focus { outline: none; border-color: var(--eq-orange); box-shadow: 0 0 0 3px var(--eq-orange-pale); }
.espace-saisie[readonly], .espace-saisie:disabled { background: #FAF6F3; color: var(--eq-texte-doux); }
.espace-saisie--erreur { border-color: var(--eq-rouge-trait); }
.espace-saisie--erreur:focus { box-shadow: 0 0 0 3px var(--eq-rouge-pale); }
.espace-saisie--courte { max-width: 260px; }
.espace-erreur { margin: 0; color: var(--eq-rouge-trait); font-size: 13.5px; }
.espace-aide { margin: 0; color: var(--eq-texte-doux); font-size: 13px; line-height: 1.5; }
.espace-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.espace-grille--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.espace-rang { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.espace-gestes { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 12px; margin-top: 4px; }
.espace-gestes--gauche { justify-content: flex-start; }
.espace-gestes--entre { justify-content: space-between; }
.espace-gestes .espace-aide { margin-right: auto; }
.equerre-bouton[disabled], .equerre-bouton:disabled { opacity: .5; cursor: not-allowed; transform: none; box-shadow: none; }

/* Cases à cocher et boutons radio */
.espace-case { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: var(--eq-texte); cursor: pointer; line-height: 1.45; }
.espace-case input { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--eq-orange-fonce); cursor: pointer; }
.espace-case--menue { font-size: 13px; color: var(--eq-texte-doux); align-items: center; }
.espace-case--menue input { width: 15px; height: 15px; margin: 0; }
.espace-case a { font-weight: 600; }

/* Étiquette « en attente » à côté d'un champ dont la modification est en relecture */
.espace-marque { display: inline-block; padding: 2px 8px; border-radius: var(--eq-r-pilule); background: var(--eq-jaune-pale); color: #8A6200; font-size: 11.5px; font-weight: 600; }

/* ── 5. Alertes ────────────────────────────────────────────────────── */
.espace-alerte { padding: 14px 16px; border-radius: 10px; border: 1px solid; font-size: 14.5px; line-height: 1.5; margin: 0 0 18px; }
.espace-alerte p { margin: 0; }
.espace-alerte p + p { margin-top: 4px; }
.espace-alerte ul { margin: 6px 0 0 18px; list-style: disc; }
.espace-alerte li { margin: 2px 0; }
.espace-alerte b, .espace-alerte strong { font-weight: 600; }
.espace-alerte--ok { background: var(--eq-vert-pale); border-color: #BFE8D0; color: var(--eq-vert-texte); }
.espace-alerte--attention { background: var(--eq-jaune-pale); border-color: #F1DDA0; color: #6F4E00; }
.espace-alerte--erreur { background: var(--eq-rouge-pale); border-color: #F3C2BB; color: #9E2A1A; }
.espace-alerte--info { background: var(--eq-orange-pale); border-color: var(--eq-creme-bord); color: var(--eq-orange-texte); }
.espace-alerte--info a, .espace-alerte--erreur a, .espace-alerte--attention a, .espace-alerte--ok a { color: inherit; text-decoration: underline; }

/* ── 6. État de la fiche (pastille) ────────────────────────────────── */
.espace-etat { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: var(--eq-r-pilule); font-size: 13px; font-weight: 600; white-space: nowrap; }
.espace-etat::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.espace-etat--draft { background: var(--eq-creme); color: var(--eq-texte); }
.espace-etat--pending { background: var(--eq-jaune-pale); color: #8A6200; }
.espace-etat--published { background: var(--eq-vert-pale); color: var(--eq-vert-texte); }
.espace-etat--rejected, .espace-etat--suspended { background: var(--eq-rouge-pale); color: #9E2A1A; }

/* Liste de contrôle (ce qui manque avant de soumettre) */
.espace-controle { display: grid; gap: 8px; }
.espace-controle li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; color: var(--eq-texte); }
.espace-controle-picto { flex: none; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; }
.espace-controle-picto .icone { width: 14px; height: 14px; }
.espace-controle li.est-fait .espace-controle-picto { background: var(--eq-vert-pale); color: var(--eq-vert-texte); }
.espace-controle li.est-fait { color: var(--eq-texte-doux); }
.espace-controle li:not(.est-fait) .espace-controle-picto { background: var(--eq-creme); color: var(--eq-orange-texte); }

/* ── 7. Étapes (inscription) ───────────────────────────────────────── */
.espace-etapes { display: flex; align-items: center; gap: 12px; margin-bottom: 26px; font-size: 13.5px; font-weight: 600; }
.espace-etape { display: flex; align-items: center; gap: 9px; color: var(--eq-texte-doux); white-space: nowrap; }
.espace-etape-rond { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--eq-creme); color: var(--eq-texte-doux); font-size: 12.5px; }
.espace-etape-rond .icone { width: 15px; height: 15px; }
.espace-etape--active { color: var(--eq-orange-texte); }
.espace-etape--active .espace-etape-rond { background: var(--eq-orange-fonce); color: #fff; }
.espace-etape--faite { color: var(--eq-vert-texte); }
.espace-etape--faite .espace-etape-rond { background: var(--eq-vert-pale); color: var(--eq-vert-texte); }
.espace-etapes-trait { flex: 1; height: 1px; background: var(--eq-bord-fort); }
.espace-carte--etroite h1 + .espace-etapes { margin-top: 14px; }

/* Encart « entreprise vérifiée » */
.espace-entreprise { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px 18px; border-radius: 10px; background: var(--eq-vert-pale); border: 1px solid #BFE8D0; color: var(--eq-vert-texte); font-size: 14px; }
.espace-entreprise b { display: block; font-size: 15px; color: #0B5C33; margin-bottom: 2px; }
.espace-entreprise p { margin: 0; }
.espace-entreprise small { display: block; margin-top: 6px; font-size: 12.5px; opacity: .9; }
.espace-entreprise button { flex: none; background: none; border: 0; padding: 0; color: inherit; font: inherit; font-size: 13px; font-weight: 600; text-decoration: underline; cursor: pointer; }

/* ── 8. Métiers et activités ───────────────────────────────────────── */
.espace-domaines { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.espace-domaine { border: 1px solid var(--eq-bord); border-radius: 10px; padding: 14px 16px 16px; background: var(--eq-blanc); }
.espace-domaine-titre { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; font-size: 14px; font-weight: 600; color: var(--eq-encre); }
.espace-domaine-picto { flex: none; width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--eq-orange-pale); color: var(--eq-orange-texte); }
.espace-domaine-picto .icone { width: 16px; height: 16px; }
.espace-domaine ul { display: grid; gap: 9px; }
.espace-domaine li { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.espace-domaine .espace-case { font-size: 14px; }
.espace-repli { border: 1px solid var(--eq-bord); border-radius: 10px; padding: 0 16px; }
.espace-repli summary { list-style: none; cursor: pointer; padding: 14px 0; font-size: 14.5px; font-weight: 600; color: var(--eq-encre); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.espace-repli summary::-webkit-details-marker { display: none; }
.espace-repli summary small { font-weight: 400; color: var(--eq-texte-doux); }
.espace-repli summary::after { content: ''; flex: none; width: 8px; height: 8px; border-right: 2px solid var(--eq-orange-texte); border-bottom: 2px solid var(--eq-orange-texte); transform: rotate(45deg); transition: transform .2s ease; margin-right: 4px; }
.espace-repli[open] summary::after { transform: rotate(225deg); }
.espace-repli > div { padding: 4px 0 18px; }
.espace-repli .espace-domaines { gap: 16px; }
.espace-repli .espace-domaine { border: 0; padding: 0; }
.espace-repli .espace-domaine-titre { font-size: 12.5px; text-transform: uppercase; letter-spacing: .08em; color: var(--eq-texte-doux); margin-bottom: 8px; }

/* ── 9. Liste flottante (recherche de commune) ─────────────────────── */
.espace-flottant { position: relative; }
.espace-liste-flottante { position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; right: 0; background: var(--eq-blanc); border: 1px solid var(--eq-bord-fort); border-radius: 10px; box-shadow: var(--eq-ombre); overflow: hidden; }
.espace-liste-flottante button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 0; background: none; text-align: left; font: inherit; font-size: 14px; color: var(--eq-encre); cursor: pointer; }
.espace-liste-flottante button:hover { background: var(--eq-orange-pale); }
.espace-liste-flottante button small { color: var(--eq-texte-doux); font-size: 12.5px; white-space: nowrap; }
.espace-choix { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: var(--eq-r-bouton); background: var(--eq-creme); color: var(--eq-encre); font-size: 14.5px; font-weight: 500; }
.espace-choix small { color: var(--eq-texte-doux); font-weight: 400; }
.espace-choix .icone { width: 16px; height: 16px; color: var(--eq-vert-texte); }

/* ── 10. Logo et photos ────────────────────────────────────────────── */
.espace-medias { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 28px; }
.espace-logo-apercu { position: relative; display: inline-block; }
.espace-logo-apercu img { width: 136px; height: 136px; object-fit: contain; border: 1px solid var(--eq-bord); border-radius: 12px; background: #fff; padding: 6px; }
.espace-vignettes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.espace-vignette { position: relative; }
.espace-vignette img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; border: 1px solid var(--eq-bord); }
.espace-supprimer { position: absolute; top: -9px; right: -9px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--eq-bord-fort); background: #fff; color: var(--eq-texte-doux); display: grid; place-items: center; cursor: pointer; box-shadow: var(--eq-ombre-douce); padding: 0; }
.espace-supprimer:hover { color: var(--eq-rouge-trait); border-color: var(--eq-rouge-trait); }
.espace-supprimer .icone { width: 14px; height: 14px; }
.espace-fichier { display: inline-block; margin-top: 12px; }
.espace-fichier input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.espace-fichier .equerre-bouton { cursor: pointer; }
.espace-sous-titre { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--eq-encre); }
.espace-sous-titre small { font-weight: 400; color: var(--eq-texte-doux); }

/* ── 11. Codes (double authentification) ───────────────────────────── */
.espace-code { display: block; padding: 10px 14px; border-radius: 8px; background: var(--eq-creme); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; color: var(--eq-encre); word-break: break-all; user-select: all; }
.espace-codes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.espace-codes code { padding: 6px 10px; border-radius: 6px; background: #fff; border: 1px solid var(--eq-bord); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; user-select: all; }
.espace-qr { flex: none; padding: 8px; border: 1px solid var(--eq-bord); border-radius: 12px; background: #fff; }
.espace-qr svg { display: block; width: 160px; height: 160px; }
.espace-encart { padding: 16px 18px; border-radius: 10px; background: var(--eq-creme); }
.espace-bouton-danger { background: transparent; border-color: var(--eq-rouge-trait); color: var(--eq-rouge-trait); box-shadow: none; }
.espace-bouton-danger:hover { background: var(--eq-rouge-pale); border-color: var(--eq-rouge-trait); color: var(--eq-rouge-trait); box-shadow: none; }

/* ── 12. Notifications : composant commun <x-moteur::notifications />, styles dans equerre.css § 23 ── */

/* Éditeur Tiptap (composant du moteur, Tailwind) : le cadre suit la charte des champs */
.espace-main .editeur { border: 1.5px solid var(--eq-bord-fort); border-radius: var(--eq-r-bouton); }
.espace-main .editeur:focus-within { border-color: var(--eq-orange); box-shadow: 0 0 0 3px var(--eq-orange-pale); }
.espace-main .editeur .ProseMirror { min-height: 180px; padding: 12px 14px; font-size: 15px; line-height: 1.6; color: var(--eq-encre); outline: none; }
.espace-main .editeur .ProseMirror p { margin: 0 0 10px; }
.espace-main .editeur .ProseMirror ul { list-style: disc; padding-left: 22px; margin: 0 0 10px; }
.espace-main .editeur .ProseMirror ol { list-style: decimal; padding-left: 22px; margin: 0 0 10px; }
.espace-main .editeur .ProseMirror h2 { font-size: 18px; margin: 14px 0 8px; }
.espace-main .editeur .ProseMirror h3 { font-size: 16px; margin: 12px 0 6px; }

/* ── 12 bis. Fiche et tableau de bord ─────────────────────────────── */
.espace-etat-texte { margin: 0 0 16px; font-size: 14.5px; color: var(--eq-texte); }
.espace-controle-titre { margin: 4px 0 10px; }
.espace-carte .espace-gestes { margin-top: 20px; }
.espace-lien-action { background: none; border: 0; padding: 0; color: var(--eq-orange-texte); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.espace-lien-action:hover { text-decoration: underline; }
.espace-rang--saisie { flex-wrap: nowrap; }
.espace-rang--saisie .espace-saisie { flex: 1; }
.espace-rang--saisie .equerre-bouton { flex: none; }
fieldset.espace-domaine { margin: 0; min-width: 0; }
fieldset.espace-domaine legend { padding: 0; float: left; width: 100%; }
fieldset.espace-domaine legend + ul { clear: both; }
.espace-domaine-titre { margin: 0 0 12px; }
.espace-logo-vide { width: 136px; height: 136px; display: grid; place-items: center; border: 1.5px dashed var(--eq-bord-fort); border-radius: 12px; color: var(--eq-texte-doux); background: #FAF6F3; }
.espace-flottant .espace-saisie { margin-top: 10px; }
.espace-raccourcis { display: grid; gap: 10px; }
.espace-raccourci { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--eq-bord); border-radius: 10px; color: var(--eq-encre); text-decoration: none; transition: border-color .15s ease, background .15s ease; }
.espace-raccourci:hover { text-decoration: none; border-color: var(--eq-creme-bord); background: var(--eq-creme); }
.espace-raccourci > span:nth-child(2) { flex: 1; min-width: 0; display: grid; }
.espace-raccourci b { font-size: 14.5px; font-weight: 600; }
.espace-raccourci small { font-size: 13px; color: var(--eq-texte-doux); }
.espace-raccourci-picto { flex: none; width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--eq-orange-pale); color: var(--eq-orange-texte); }
.espace-raccourci-picto .icone { width: 20px; height: 20px; }
.espace-raccourci-fleche { flex: none; width: 16px; height: 16px; color: var(--eq-texte-doux); }
.espace-etat .icone { width: 15px; height: 15px; }
.espace-etat:has(.icone)::before { display: none; }

/* Bouton qui ressemble à un lien (déconnexion sous une carte étroite) */
.espace-lien-bouton { background: none; border: 0; padding: 0; color: var(--eq-orange-texte); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.espace-lien-bouton:hover { text-decoration: underline; }
/* Jetons : communes secondaires retenues, chacune avec sa croix */
.espace-jetons { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 10px; }
.espace-jeton { display: inline-flex; align-items: center; gap: 8px; padding: 6px 8px 6px 12px; border-radius: var(--eq-r-pilule); background: var(--eq-creme); color: var(--eq-encre); font-size: 14px; font-weight: 500; }
.espace-jeton small { color: var(--eq-texte-doux); font-weight: 400; font-size: 12.5px; }
.espace-jeton button { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 0; background: #fff; color: var(--eq-texte-doux); cursor: pointer; padding: 0; }
.espace-jeton button:hover { color: var(--eq-rouge-trait); }
.espace-jeton button .icone { width: 13px; height: 13px; }
/* Le bouton d'ajout de logo tient sur une ligne dans sa colonne étroite */
.espace-medias .espace-fichier .equerre-bouton { white-space: nowrap; padding: 10px 14px; font-size: 14px; }

/* ── 13. Largeurs ──────────────────────────────────────────────────── */
@media (max-width: 1023px) {
  .espace-domaines { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .espace-vignettes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .espace-colonnes { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .espace-main { padding: 22px 0 48px; }
  .espace-main--carte { padding-top: 24px; }
  .espace-main h1 { font-size: 24px; }
  .espace-carte { padding: 20px 18px; border-radius: 12px; }
  .espace-carte--etroite { padding: 24px 20px; }
  .espace-grille, .espace-grille--3 { grid-template-columns: 1fr; }
  .espace-domaines { grid-template-columns: 1fr; }
  .espace-medias { grid-template-columns: 1fr; }
  .espace-vignettes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .espace-etapes { font-size: 12.5px; gap: 8px; }
  .espace-accueil { padding: 22px 20px; }
  .espace-gestes .equerre-bouton { width: 100%; }
  .espace-rang--saisie { flex-wrap: wrap; }
  .espace-grille--3 > [style*="span 2"] { grid-column: auto; }
  .espace-tete-gestes .equerre-bouton { padding: 8px 12px; font-size: 13px; }
  .espace-tete-gestes button.espace-lien { display: none; }
  .equerre-nav .espace-nav-sortie { display: block; }
}
@media (min-width: 768px) {
  .equerre-nav .espace-nav-sortie { display: none; }
}