/* Rotter'Dev — Espace client : DA de la vitrine en NOIR ET BLANC (2026-11-08, retour Matys).
   Même squelette que la vitrine (barre fine floutée, boutons pilule plein / verre, fond ShaderGradient),
   seules les couleurs changent : blanc, graphite, argent ; rappels DORÉS ; aucun rose.
   Chargé en dernier, après espace-app.css et espace-nb.css. */

body.ea-app, body.ea-portail-page {
  --nh-h: 60px; --nh-ruban: 34px;
  --or: #C9A86A; --or-clair: #E9D3A6;
  --a-rose: #FFFFFF; --a-blush: #D9D9DE; --rose: #FFFFFF;
  background: transparent !important; }
html:has(body.ea-app), html:has(body.ea-portail-page) { background: #0A0A0B; }
/* lueur qui suit la souris : blanche et dorée, plus de rose */
body.ea-app .curseur-lueur, body.ea-portail-page .curseur-lueur { background: radial-gradient(closest-side, rgba(233,211,166,.10), transparent 70%) !important; }
body.ea-app::before, body.ea-portail-page::before { display: none !important; }

/* ---------- Fond ShaderGradient plein écran (comme le hero de la vitrine) ---------- */
.ea-shader { position: fixed; inset: 0; z-index: -10; pointer-events: none;
  background: radial-gradient(80% 70% at 75% 30%, #3A3A40 0%, #18181B 45%, #0A0A0B 80%); }
.ea-shader canvas { filter: grayscale(1) contrast(1.05); }
.ea-voile { position: fixed; inset: 0; z-index: -9; pointer-events: none;
  background: linear-gradient(180deg, rgba(10,10,11,.05) 0%, rgba(10,10,11,.35) 50%, rgba(10,10,11,.7) 100%); }
.ea-voile::after { content: ""; position: absolute; inset: 0; opacity: .06; mix-blend-mode: overlay;
  background: url("../img/matiere-alu.webp") center / cover; }
body.ea-app .ec-fond, body.ea-app .ec-fond::after, body.ea-app .ec::after { background: none !important; display: none; }
body.ea-portail-page .cx-fond { background: transparent !important; }
body.ea-portail-page .cx-fond canvas { opacity: 1 !important; filter: grayscale(1) contrast(1.05); }
body.ea-portail-page .cx-fond::after { display: none; }

/* ---------- Marque : identique à la vitrine, logo blanc ---------- */
.ea-gauche { display: flex; align-items: center; gap: 18px; min-width: 0; }
.ea-marque.marque { gap: 12px; font-size: .82rem; color: #F5F5F7; letter-spacing: .28em; }
.ea-marque.marque img { width: 26px; height: auto; }
.ea-marque .dev { color: var(--or-clair); }
.ea-zone { position: relative; padding-left: 18px; font: 500 .6875rem var(--f-titre); letter-spacing: .24em; text-transform: uppercase; color: rgba(245,245,247,.55); white-space: nowrap; }
.ea-zone::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 18px; translate: 0 -50%; background: linear-gradient(180deg, transparent, var(--or), transparent); }

/* ---------- Barre : même verre que la vitrine ---------- */
.ea-barre, .ea-portail { height: var(--nh-h); background: rgba(11,11,13,.55) !important;
  backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); border-bottom: 0; }
.ea-barre::after, .ea-portail::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,168,106,.0) 10%, rgba(201,168,106,.55) 50%, rgba(255,255,255,.25) 75%, transparent) !important; opacity: 1; }
.ea-barre-in { gap: 28px; }

/* Onglets = liens de la vitrine + pilule de verre qui glisse (texte toujours lisible) */
.ea-onglets { gap: 4px; padding: 0; background: none !important; border: 0 !important; }
.ea-onglets a, .ea-app .ea-onglets a { height: 36px; padding: 0 16px; gap: 8px; font: 500 .82rem var(--f-titre); letter-spacing: .02em; color: rgba(245,245,247,.62) !important; }
.ea-onglets a svg, .ea-app .ea-onglets a svg { stroke: currentColor !important; opacity: .8; }
.ea-onglets a:hover, .ea-onglets a:focus-visible, .ea-onglets a[aria-current="page"], .ea-app .ea-onglets a[aria-current="page"] { color: #FFFFFF !important; }
.ea-app .ea-onglets a[aria-current="page"] svg { stroke: #FFFFFF !important; }
.ea-pilule, .ea-app .ea-pilule { top: 50% !important; height: 36px !important; translate: 0 -50%;
  background: rgba(255,255,255,.08) !important; border: 1px solid rgba(255,255,255,.16); box-shadow: none !important; }
.ea-pilule::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--or-clair), var(--or), transparent); }
.ea-onglets b, .ea-app .ea-onglets b, .ea-app .ea-dock b, .ea-dock b {
  min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; font: 700 .625rem var(--f-titre);
  color: #0A0A0B !important; background: linear-gradient(180deg, #F2E3C2, #C9A86A) !important; box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset; }

/* ---------- Boutons : ceux de la vitrine, version noir et blanc ---------- */
.ea-app .a-btn-plein, .ea-portail-page .a-btn-plein, .ea-btn-nouveau, .ea-app .ea-btn-nouveau, .ea-app .ea-dock-plus, .ea-dock-plus {
  position: relative; overflow: hidden; color: #0A0A0B !important;
  background: linear-gradient(180deg, #FFFFFF, #D4D4DA) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.7) inset, 0 14px 44px -10px rgba(255,255,255,.28) !important;
  transition: box-shadow .4s, transform .4s; }
.ea-app .a-btn-plein::after, .ea-portail-page .a-btn-plein::after, .ea-btn-nouveau::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(233,211,166,.55) 50%, transparent 65%) -200% 0 / 250% 100% no-repeat;
  animation: a-balaye 4.5s ease-in-out infinite; }
.ea-app .a-btn-plein:hover, .ea-portail-page .a-btn-plein:hover, .ea-btn-nouveau:hover, .ea-app .ea-btn-nouveau:hover {
  box-shadow: 0 0 0 1px #FFFFFF inset, 0 0 0 4px rgba(201,168,106,.18), 0 18px 54px -10px rgba(233,211,166,.35) !important; transform: translateY(-1px); }
.ea-app .a-btn-plein svg, .ea-portail-page .a-btn-plein svg, .ea-btn-nouveau svg, .ea-dock-plus svg { stroke: #0A0A0B !important; }
.ea-btn-nouveau, .ea-app .ea-btn-nouveau { height: 38px; padding: 0 18px; gap: 10px; font: 600 .8rem var(--f-titre); border-radius: 999px; }

.ea-app .a-btn-verre, .ea-portail-page .a-btn-verre { color: #F5F5F7 !important; background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.18) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: none !important; }
.ea-app .a-btn-verre:hover, .ea-portail-page .a-btn-verre:hover { background: rgba(255,255,255,.12) !important; border-color: rgba(255,255,255,.4) !important; }
.ea-app .a-btn-verre svg, .ea-portail-page .a-btn-verre svg { stroke: currentColor !important; }

/* Avatar + icônes de la barre : verre sobre */
.ea-moi { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.12) !important; }
.ea-avatar, .ea-app .ea-avatar { color: #0A0A0B !important; background: linear-gradient(140deg, #FFFFFF, #B9B9BF) !important;
  box-shadow: 0 0 0 2px #0A0A0B, 0 0 0 3px rgba(201,168,106,.6) !important; }
.ea-icone { color: rgba(245,245,247,.7) !important; background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.12) !important; }
.ea-icone:hover { color: #FFFFFF !important; background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.3) !important; }
.ea-retour { color: rgba(245,245,247,.75) !important; background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.14) !important; }
.ea-retour:hover { color: #FFFFFF !important; border-color: rgba(255,255,255,.35) !important; }

/* Dock mobile : même verre, repère doré */
.ea-dock { background: rgba(14,14,16,.72) !important; border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); box-shadow: 0 20px 50px -20px rgba(0,0,0,.9) !important; }
.ea-dock a { color: rgba(245,245,247,.6) !important; }
.ea-dock a[aria-current="page"] { color: #FFFFFF !important; }
.ea-dock a[aria-current="page"]::before { background: var(--or) !important; box-shadow: 0 0 12px rgba(201,168,106,.8) !important; }

/* Cartes : verre fumé comme les cartes de la vitrine */
.ea-app .ec-tuile, .ea-app .ec-projet, .ea-app .ec-payer, .ea-app .ec-carte, .ea-portail-page .cx-panneau {
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-color: rgba(255,255,255,.12) !important; }
.ea-app .ec-tuile-or { border-color: rgba(201,168,106,.5) !important; }
.ea-app .ec-projet:hover { border-color: rgba(255,255,255,.28) !important; box-shadow: 0 30px 60px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(201,168,106,.2) !important; }

@media (max-width: 720px) {
  .ea-zone { display: none; }
}
@media (max-width: 900px) {
  .ea-zone { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ea-app .a-btn-plein::after, .ea-portail-page .a-btn-plein::after, .ea-btn-nouveau::after { animation: none; }
}

/* Pastilles « en cours » : pouls doré */
body.ea-app .ec-statut.en-cours i, body.ea-portail-page .cx-statut i, body.ea-app .ec-frise li.actuel .ec-puce { animation: ea-pouls-or 2s infinite !important; }
@keyframes ea-pouls-or { 0% { box-shadow: 0 0 0 0 rgba(201,168,106,.55); } 70% { box-shadow: 0 0 0 8px rgba(201,168,106,0); } 100% { box-shadow: 0 0 0 0 rgba(201,168,106,0); } }
/* Ce fichier n'est chargé que dans l'espace : le pouls de la vitrine y devient doré */
@keyframes a-pouls { 0% { box-shadow: 0 0 0 0 rgba(201,168,106,.6); } 70% { box-shadow: 0 0 0 10px rgba(201,168,106,0); } 100% { box-shadow: 0 0 0 0 rgba(201,168,106,0); } }
body.ea-app .a-etiquette, body.ea-portail-page .a-etiquette { border-color: rgba(255,255,255,.16); color: #F5F5F7; }
body.ea-app .a-point, body.ea-portail-page .a-point { background: var(--or); }

/* =========================================================================
   BARRE DE NAVIGATION : celle de la vitrine (ruban + barre + panneau), en noir et blanc
   ========================================================================= */
@media (max-width: 900px) { body.ea-app, body.ea-portail-page { --nh-ruban: 0px; } }
body.ea-app .nh-ruban, body.ea-portail-page .nh-ruban { background: linear-gradient(90deg, #0D0D0F, #17171A 50%, #0D0D0F); border-bottom: 1px solid rgba(255,255,255,.06); }
body.ea-app .nh-ruban .point, body.ea-portail-page .nh-ruban .point { background: var(--or); animation: ea-pouls-or 2.4s infinite; }
body.ea-app .nh-ruban .or, body.ea-portail-page .nh-ruban .or { color: var(--or-clair); }
body.ea-app .nh::after, body.ea-portail-page .nh::after { background: linear-gradient(90deg, transparent, rgba(201,168,106,0) 10%, rgba(201,168,106,.55) 50%, rgba(233,211,166,.35) 75%, transparent); }
body.ea-app .nh-pilule, body.ea-portail-page .nh-pilule { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.16); }
body.ea-app .nh-pilule::after, body.ea-portail-page .nh-pilule::after { background: linear-gradient(90deg, transparent, var(--or-clair), var(--or), transparent); }
body.ea-app .nh-lien[aria-current="page"] { color: #FFFFFF; }
body.ea-app .nh-lien[aria-current="page"]::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 2px; height: 1px; background: linear-gradient(90deg, transparent, var(--or), transparent); }
body.ea-app .nh .marque .dev, body.ea-portail-page .nh .marque .dev { color: var(--or-clair); }
.nh .marque .ea-zone { margin-left: 6px; padding-left: 16px; letter-spacing: .24em; font-size: .62rem; }
.ea-pastille { min-width: 17px; height: 17px; padding: 0 5px; border-radius: 9px; display: inline-grid; place-items: center; font: 700 .6rem var(--f-titre); letter-spacing: 0;
  color: #0A0A0B; background: linear-gradient(180deg, #F2E3C2, #C9A86A); }
.nh-actions .ea-moi { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 0; background: none !important; }
.nh-actions .ea-avatar { width: 32px; height: 32px; font-size: .8rem; }
body.ea-app .nh-panneau, body.ea-portail-page .nh-panneau { background: linear-gradient(180deg, rgba(11,11,13,.92), rgba(20,20,23,.94)); border-bottom-color: rgba(255,255,255,.08); }
body.ea-app .nh-gros a:hover { color: var(--or-clair); }
body.ea-app .nh-carte { border-color: rgba(201,168,106,.3); }
.ea-carte-compte { display: grid; place-items: center; background: radial-gradient(80% 80% at 50% 30%, #2A2A2F, #0D0D0F) !important; }
.ea-avatar-grand { width: 72px !important; height: 72px !important; font-size: 1.6rem !important; margin-bottom: 30px; }
body.ea-app .nh-tel, body.ea-portail-page .nh-tel { background: rgba(11,11,13,.97); }
body.ea-app .nh-tel .or, body.ea-portail-page .nh-tel .or { color: var(--or); }
body.ea-app .nh-burger span, body.ea-portail-page .nh-burger span { background: #FFFFFF; }
@media (max-width: 900px) { .nh .marque .ea-zone { display: none; } }

/* =========================================================================
   CURSEUR : lueur entièrement dorée
   ========================================================================= */
body.ea-app .curseur-lueur, body.ea-portail-page .curseur-lueur {
  background: radial-gradient(closest-side, rgba(233,211,166,.20), rgba(201,168,106,.08) 45%, transparent 72%) !important; mix-blend-mode: screen; }
body.ea-app .carte::before, body.ea-portail-page .carte::before { background: radial-gradient(420px circle at var(--x, 50%) var(--y, -30%), rgba(233,211,166,.14), transparent 60%); }
.ea-carte-compte { display: block; }
.ea-carte-compte .ea-avatar-grand { position: absolute; left: 18px; top: 18px; width: 56px !important; height: 56px !important; font-size: 1.3rem !important; margin: 0; z-index: 1; display: grid; place-items: center; }

/* =========================================================================
   PROFIL DANS LA BARRE (remplace « Nouvelle demande », retour Matys 2026-11-08)
   Photo : image de base (initiale) ou avatar Discord si le compte est relié.
   Rôle : Client · Potentiel client · CEO (Matys et les personnes qu'il définit).
   ========================================================================= */
.ea-profil { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 4px 16px 4px 4px; border-radius: 999px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); transition: background .3s, border-color .3s; }
.ea-profil:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.26); }
.ea-profil-photo { position: relative; flex: none; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: grid; place-items: center;
  background: linear-gradient(140deg, #FFFFFF, #B9B9BF); box-shadow: 0 0 0 2px #0A0A0B, 0 0 0 3px rgba(255,255,255,.25); }
.ea-profil-initiale { font: 600 .875rem var(--f-titre); color: #0A0A0B; }
.ea-profil-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ea-profil-txt { display: grid; gap: 3px; line-height: 1; text-align: left; }
.ea-profil-nom { font: 600 .8125rem var(--f-titre); color: #FFFFFF; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ea-role { justify-self: start; padding: 2px 7px; border-radius: 999px; font: 600 .5625rem var(--f-titre); letter-spacing: .14em; text-transform: uppercase;
  color: #F5F5F7; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); }
.ea-profil[data-role="prospect"] .ea-role { color: rgba(245,245,247,.6); background: none; border-style: dashed; border-color: rgba(255,255,255,.22); }
.ea-profil[data-role="ceo"] .ea-role { color: #0A0A0B; background: linear-gradient(180deg, #F2E3C2, #C9A86A); border-color: transparent; }
.ea-profil[data-role="ceo"] .ea-profil-photo { box-shadow: 0 0 0 2px #0A0A0B, 0 0 0 3px #C9A86A, 0 0 18px -2px rgba(201,168,106,.6); }
.ea-profil[data-role="ceo"] { border-color: rgba(201,168,106,.45); }
.ea-profil-grand { position: absolute; left: 18px; top: 18px; width: 56px; height: 56px; z-index: 1; }
.ea-profil-grand .ea-profil-initiale { font-size: 1.3rem; }
@media (max-width: 900px) { .ea-profil-txt { display: none; } .ea-profil { padding: 4px; } }

/* Profil aéré (retour Matys : « trop compact ») */
.nh-actions { gap: 0; }
.ea-profil { height: 50px; gap: 14px; padding: 5px 22px 5px 5px; margin-left: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); }
.ea-profil-photo { width: 40px; height: 40px; }
.ea-profil-initiale { font-size: 1rem; }
.ea-profil-txt { gap: 5px; }
.ea-profil-nom { font-size: .9375rem; letter-spacing: -.005em; max-width: 170px; }
.ea-role { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0 !important; background: none !important;
  font: 500 .75rem var(--f-titre); letter-spacing: .02em; text-transform: none; color: rgba(245,245,247,.62); }
.ea-role::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #FFFFFF; }
.ea-profil[data-role="prospect"] .ea-role { color: rgba(245,245,247,.5); }
.ea-profil[data-role="prospect"] .ea-role::before { background: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); }
.ea-profil[data-role="ceo"] .ea-role { color: transparent; background: linear-gradient(90deg, #F2E3C2, #C9A86A) !important; -webkit-background-clip: text !important; background-clip: text !important; font-weight: 600; letter-spacing: .12em; }
.ea-profil[data-role="ceo"] .ea-role::before { background: #C9A86A; box-shadow: 0 0 8px rgba(201,168,106,.8); }
@media (max-width: 900px) { .ea-profil { height: 44px; padding: 3px; margin: 0; } .ea-profil-photo { width: 36px; height: 36px; } }

/* Profil sans cadre (retour Matys) : nom et rôle alignés à droite, photo tout à droite, filet doré de séparation */
.ea-profil, .ea-profil:hover { position: relative; flex-direction: row-reverse; height: auto; gap: 14px; padding: 0 0 0 26px; margin-left: 8px;
  background: none !important; border: 0 !important; border-radius: 0; }
.ea-profil::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 30px; translate: 0 -50%;
  background: linear-gradient(180deg, transparent, rgba(201,168,106,.7), transparent); }
.ea-profil-txt { text-align: right; justify-items: end; }
.ea-role { flex-direction: row-reverse; }
.ea-profil-photo { width: 42px; height: 42px; transition: box-shadow .3s, transform .3s; }
.ea-profil:hover .ea-profil-photo { transform: scale(1.05); box-shadow: 0 0 0 2px #0A0A0B, 0 0 0 3px #C9A86A; }
.ea-profil:hover .ea-profil-nom { color: var(--or-clair); }
@media (max-width: 900px) { .ea-profil { padding: 0; } .ea-profil::before { display: none; } }

/* Connexion : tout tient sur un écran d'ordinateur, colonnes équilibrées (2026-11-08) */
.cx-garanties-g { width: min(520px, 100%); margin: 4px 0 0; gap: 10px; }
.cx-garanties-g li { color: rgba(245,245,247,.62); }
.cx-garanties-g svg { stroke: #C9A86A !important; }
@media (min-width: 901px) {
  body.ea-portail-page #contenu.cx { min-height: 100svh; display: grid; align-items: center; padding: calc(var(--nh-ruban, 34px) + var(--nh-h, 60px) + clamp(16px, 3vh, 40px)) clamp(24px, 5vw, 64px) clamp(16px, 3vh, 40px); }
  body.ea-portail-page .cx-grille { width: min(1180px, 100%); grid-template-columns: minmax(0, 1fr) minmax(380px, 440px); gap: clamp(40px, 6vw, 110px); align-items: center; }
  body.ea-portail-page .cx-vitrine { gap: clamp(14px, 2.2vh, 24px); }
  body.ea-portail-page .cx-titre { font-size: clamp(2.6rem, min(5.2vw, 8.5vh), 4.6rem); }
  body.ea-portail-page .cx-chapo { font-size: 1rem; }
  body.ea-portail-page .cx-apercu { margin-top: 2px; }
  body.ea-portail-page .cx-panneau { padding: clamp(20px, 3vh, 32px) 36px clamp(18px, 2.6vh, 26px); }
  body.ea-portail-page .cx-r { width: 64px; height: 64px; margin: 0 0 2px; }
  body.ea-portail-page .cx-r img { width: 46px; height: auto; }
  body.ea-portail-page .cx-h2 { font-size: clamp(1.8rem, 4vh, 2.3rem); margin-bottom: 4px; }
  body.ea-portail-page .cx-onglets { margin-top: clamp(10px, 1.8vh, 18px); }
  body.ea-portail-page .cx-form { gap: clamp(10px, 1.6vh, 16px); margin-top: clamp(12px, 2vh, 20px); }
  body.ea-portail-page .cx-ou { margin: clamp(10px, 1.8vh, 18px) 0 clamp(8px, 1.4vh, 14px); }
  body.ea-portail-page .cx-option-note { margin-top: 8px; }
  body.ea-portail-page .cx-bas { margin-top: clamp(12px, 2vh, 20px); padding-top: clamp(10px, 1.6vh, 16px); gap: 8px; }
}
/* Écrans bas (portables 768 px, fenêtre réduite) : on enlève le superflu */
@media (min-width: 901px) and (max-height: 820px) {
  body.ea-portail-page .cx-r { display: none; }
  body.ea-portail-page .cx-message { display: none; }
  body.ea-portail-page .cx-chapo { font-size: .9375rem; line-height: 1.5; }
}
@media (min-width: 901px) and (max-height: 700px) {
  body.ea-portail-page .cx-garanties-g, body.ea-portail-page .cx-option-note { display: none; }
}
/* Téléphone : garanties sous l'exemple, centrées comme le reste */
@media (max-width: 900px) { .cx-garanties-g { text-align: left; } }
@media (min-width: 901px) {
  body.ea-portail-page .cx-bas .cx-retour { display: none; } /* déjà dans la barre */
  body.ea-portail-page .cx-champ input { height: 46px; }
  body.ea-portail-page .cx-large { min-height: 50px; }
  body.ea-portail-page .cx-form { margin-top: clamp(10px, 1.6vh, 16px) !important; }
}
@media (min-width: 901px) and (max-height: 820px) {
  body.ea-portail-page .cx-option-note { display: none; }
  body.ea-portail-page .cx-h2 { font-size: 1.75rem; }
}
@media (min-width: 901px) {
  body.ea-portail-page #contenu.cx { padding-top: calc(var(--nh-ruban, 34px) + var(--nh-h, 60px) + clamp(12px, 2.4vh, 36px)); padding-bottom: clamp(12px, 2.4vh, 36px); }
  body.ea-portail-page .cx-onglets { margin: clamp(10px, 1.6vh, 18px) 0 clamp(4px, 1vh, 10px); }
  body.ea-portail-page .cx-champ input { height: clamp(42px, 5vh, 48px); }
}
@media (min-width: 901px) and (max-height: 760px) {
  body.ea-portail-page .cx-chapo { display: none; }
  body.ea-portail-page .cx-panneau .a-sur { display: none; }
}