/* GVS+ v377 — tous les champs des pages ont le look des carreaux de l'accueil (bord bleu doux, coins bien arrondis,
   ombre légère), en version plus PETITE que les carreaux. Mode clair : bleu doux ; mode sombre : vert doux.
   Ne touche PAS : cases à cocher, boutons radio, fichiers, curseurs, ni les champs des barres de discussion / de recherche
   qui ont déjà leur propre cadre. */
:root { --gvs-fld-line:#D5DAE3; --gvs-fld-line-on:#0A4DFF; --gvs-fld-shadow:0 2px 8px rgba(15,23,42,.10); --gvs-fld-bg:rgba(255,255,255,.72); }   /* v382 : contour fin gris clair + ombre douce (modèle de la page Formations) ; bleu électrique quand le champ est actif */
body.dark { --gvs-fld-line:#6FBF8E; --gvs-fld-line-on:#86EFAC; --gvs-fld-shadow:0 3px 10px rgba(0,0,0,.35); --gvs-fld-bg:rgba(11,16,32,.7); }

/* ---------- champs : texte, e-mail, nombre, date, mot de passe, liste déroulante, zone de texte ---------- */
html body :is(#gvsFldScopeA, main.wrap, .settings-panel, .game-panel, .crop-panel, .gvs-sheet-box)
  :is(#gvsFldScopeB, input, select, textarea):where(
    :not([type=radio]):not([type=checkbox]):not([type=file]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=color]):not([type=image]):not(.gvs-sh-text)
  ):where(:not(#messagerie *):not(#gvsZip1Messenger *):not(.chat-composer *):not(.msg-input-row *):not(.msg-search *):not(.messenger-search *):not(.search-bar *):not(.anip-home-search *):not(.gvs-section-search *):not(.gvs-user-director-composer *):not(.gvs-msg-composer *):not(.admin-msg-reply-row *):not(.gvs-top-search-inner *):not(.gvs-wa-user-home *):not(.gvs-wa-chat *):not([class*="gvs-wa-"] *):not([class*="gvs-pc-"] *):not(.switch *):not(.course-scroll-control *):not(.gvs-quiz-scroll-control *):not(.gvs-hl-scroll .gvs-hl-search *)) {
  border: 1.5px solid var(--gvs-fld-line) !important;
  border-radius: 16px !important;
  min-height: 46px;
  padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 14px !important;
  background: var(--gvs-fld-bg) !important; background-color: var(--gvs-fld-bg) !important;
  box-shadow: var(--gvs-fld-shadow) !important;
  outline: none !important;
  transition: box-shadow .15s ease, border-color .15s ease;
}
html body :is(#gvsFldScopeA, main.wrap, .settings-panel, .game-panel, .crop-panel, .gvs-sheet-box)
  :is(#gvsFldScopeB, input, select, textarea):where(
    :not([type=radio]):not([type=checkbox]):not([type=file]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=color]):not([type=image]):not(.gvs-sh-text)
  ):where(:not(#messagerie *):not(#gvsZip1Messenger *):not(.chat-composer *):not(.msg-input-row *):not(.msg-search *):not(.messenger-search *):not(.search-bar *):not(.anip-home-search *):not(.gvs-section-search *):not(.gvs-user-director-composer *):not(.gvs-msg-composer *):not(.admin-msg-reply-row *):not(.gvs-top-search-inner *):not(.gvs-wa-user-home *):not(.gvs-wa-chat *):not([class*="gvs-wa-"] *):not([class*="gvs-pc-"] *):not(.switch *):not(.course-scroll-control *):not(.gvs-quiz-scroll-control *):not(.gvs-hl-scroll .gvs-hl-search *)):focus {
  border-color: var(--gvs-fld-line-on) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--gvs-fld-line-on) 25%, transparent), var(--gvs-fld-shadow) !important;
}
/* zone de texte : on garde la hauteur de saisie */
html body :is(#gvsFldScopeA, main.wrap, .settings-panel, .game-panel) textarea:not(#gvsMsgNone):where(:not(#messagerie *):not(#gvsZip1Messenger *):not(.gvs-user-director-composer *):not(.gvs-msg-composer *):not(.chat-composer *)) { min-height: 84px; }
/* mot de passe : garder la place du bouton « œil » à droite */
html body :is(#gvsFldScopeA, main.wrap, .settings-panel) .password-field :is(#gvsFldScopeB, input) { padding-right: 48px !important; }

/* ---------- lignes des listes (Formations, Discussions…) et cartes de choix : même liseré que les carreaux ---------- */
html body #gvsHubList .gvs-hl-row,
html body :is(#inscription, main.wrap) :is(.gf-choice, .gf-op, .gf-radio-big, .schedule-item) {
  border: 1.5px solid var(--gvs-fld-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--gvs-fld-shadow) !important;
}
html body #gvsHubList .gvs-hl-row { min-height: 58px; }

/* v381 : fenêtre « Nouvelle publication » / « Ajouter un statut » — fond plein (plus de verre transparent) pour que le texte saisi se lise ;
   le champ texte coloré (dégradé bleu, vert, etc.) garde son dégradé et son texte blanc */
html body .gvs-sheet .gvs-sheet-box { background: #FFFFFF !important; background-color: #FFFFFF !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body.dark .gvs-sheet .gvs-sheet-box { background: #0F172A !important; background-color: #0F172A !important; }
html body .gvs-sheet textarea.gvs-sh-text { min-height: 110px; border-radius: 16px !important; box-shadow: none !important; }
html body .gvs-sheet textarea.gvs-bg0, html body .gvs-sheet textarea.gvs-bg1, html body .gvs-sheet textarea.gvs-bg2, html body .gvs-sheet textarea.gvs-bg3, html body .gvs-sheet textarea.gvs-bg4, html body .gvs-sheet textarea.gvs-bg5 { background-color: transparent !important; }

/* v384 : barre de recherche de l'accueil encore plus longue (marges latérales réduites, plus de largeur maximale) */
html body #gvsTopSearchBar.gvs-top-search-bar { padding-left: 14px !important; padding-right: 14px !important; }
html body #gvsTopSearchBar .gvs-top-search-inner { max-width: none !important; width: 100% !important; }

/* v385 : la fenêtre « Paramètres du site » (et les autres fenêtres .settings-panel) a un fond plein : plus de transparence, le texte se lit bien */
html body:not(.dark) .settings-panel { background: #FFFFFF !important; background-color: #FFFFFF !important; }
html body.dark .settings-panel { background: #0B1020 !important; background-color: #0B1020 !important; }
html body .settings-modal { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(5,12,25,.55) !important; }

/* v385 : page de connexion — espace resserré au-dessus du bouton power vert pour voir « © GVS+ 2026 » */
html body #auth #loginErr:empty { min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
html body #auth #loginBtn.gvs-connect-image-btn { margin-top: 18px !important; min-height: 64px !important; }
html body #auth #authModeNote:empty { display: none !important; }
html body #auth #authModeNote { margin-top: 4px !important; }
html body #auth #gvsCreatorNote { margin-top: 4px !important; }
html body #auth .gvs-footer-copy { margin-top: 2px !important; padding-bottom: 8px !important; }

/* v409 : icônes des carreaux de navigation de l'accueil beaucoup plus grandes (elles étaient forcées à 22 px dans une tuile d'environ 115 px).
   Boîte d'icône ≈ 60 px (selon la largeur de l'écran) ; les icônes colorées des 6 carreaux remplissent toute la boîte. Sélecteur avec #home pour passer devant les anciennes règles. */
html body #home .anip-tile-grid .anip-tile .anip-tile-icon {
  width: clamp(46px, 15.5vw, 72px) !important;
  height: clamp(46px, 15.5vw, 72px) !important;
  margin-bottom: 5px !important;
  border-radius: 18px !important;
}
html body #home .anip-tile-grid .anip-tile .anip-tile-icon svg {
  width: 56% !important;
  height: 56% !important;
}
html body #home .anip-tile-grid .anip-tile.gvs-hub-t .anip-tile-icon svg.gvs-ci {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}

/* v411 : le bandeau des réseaux et applications (Facebook, TikTok…) reste TOTALEMENT transparent : plus de voile blanc ni de flou
   (la règle « verre léger » de gvs-transparent.css le rendait laiteux). Mode clair et mode sombre. */
html body #gvsQuickAppsBar.gvs-quick-apps-bar,
html body.dark #gvsQuickAppsBar.gvs-quick-apps-bar,
html body #appHeader .gvs-quick-apps-bar {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border-bottom-color: transparent !important;
}

/* v412 : « Mes groupes » — le bloc de création de groupe n'a plus de contour ni d'ombre */
html body #mesGroupes #mesGroupesBody.card {
  border: 0 !important;
  box-shadow: none !important;
}

/* v4_38 : grands carreaux de navigation de l'accueil — contour lumineux sur CHAQUE carreau
   (mode clair : bleu électrique ; mode sombre : vert clair), trait net + halo. Sélecteur avec #home pour passer devant les anciennes règles. */
html body #home .anip-tile-grid :is(.anip-tile, .home-like-section) {
  --gvs-glow: #0A4DFF;
  border: 2px solid var(--gvs-glow) !important;
  outline: none !important;
  box-shadow: 0 0 5px 1px var(--gvs-glow),
              0 0 14px 2px color-mix(in srgb, var(--gvs-glow) 60%, transparent),
              0 0 28px 5px color-mix(in srgb, var(--gvs-glow) 28%, transparent),
              inset 0 0 8px 0 color-mix(in srgb, var(--gvs-glow) 35%, transparent) !important;
}
html body.dark #home .anip-tile-grid :is(.anip-tile, .home-like-section) {
  --gvs-glow: #86EFAC;
}