/* =====================================================================
   Charte des outils internes — Intranet (31/10/2026)
   Référence : DESIGN.md. À charger APRÈS charte.css. L'Intranet n'utilise pas Bootstrap : `index.php`
   (connexion ET grille des applications), `register.php`, `forgot_password.php` et `reset_password.php`
   portent leur propre <style>, que l'on recouvre ici sous `body.charte`. Le logo se pose en CSS (fond
   d'image, icône masquée) : aucune modification du HTML de ces pages.
   ===================================================================== */

/* charte.css fixe la base à 14 px (tableaux denses de Production) ; on se lit debout : 16 px. */
body.charte{ font-size:16px; line-height:1.45; background:var(--fond); }

/* ---- Connexion, création de compte, mot de passe oublié : une carte blanche cernée d'un filet ---- */
body.charte .login-bg{ background:var(--beige-clair); }
body.charte:has(> .login-card){ background:var(--beige-clair); }
body.charte .login-card{ background:var(--fond); border:1px solid var(--filet); border-radius:var(--arrondi); box-shadow:none; }
body.charte .login-logo, body.charte .hub-logo{ background:#fff url("../img/logo-maison-96.png") center/contain no-repeat !important;
  border-radius:999px; box-shadow:none; }
body.charte .login-logo{ width:72px; height:72px; }
body.charte .hub-logo{ width:48px; height:48px; }
body.charte .login-logo i, body.charte .hub-logo i{ display:none; }
body.charte .login-card h4{ color:var(--encre); font-weight:600; }
body.charte .login-card .subtitle{ color:var(--encre-douce); }
body.charte .login-card .form-label{ color:var(--encre-douce); font-weight:500; }
body.charte .login-card .form-control{ border:1px solid var(--contour); border-radius:var(--arrondi); color:var(--encre); }
body.charte .login-card .form-control:focus{ border-color:var(--vert); box-shadow:0 0 0 2px rgba(74,112,21,.25); }
body.charte .login-card .btn-primary, body.charte .login-card .btn-success{
  background:var(--vert) !important; border:1px solid var(--vert) !important; color:#fff !important; border-radius:var(--arrondi); font-weight:600; }
body.charte .login-card .btn-primary:hover, body.charte .login-card .btn-success:hover{ background:var(--vert-survol) !important; transform:none; opacity:1; }
body.charte .input-group .btn-toggle{ border-color:var(--contour); background:var(--fond); color:var(--encre-douce); border-radius:0 var(--arrondi) var(--arrondi) 0; }
body.charte .input-group .btn-toggle:hover{ background:var(--beige); }
body.charte .alert-danger{ background:var(--urgent-teinte); border-color:#F0C6C0; color:var(--encre); border-radius:var(--arrondi); }
body.charte .alert-success{ background:var(--vert-teinte); border-color:#D3E6B4; color:var(--encre); border-radius:var(--arrondi); }
/* liens posés en ligne (« Créer un compte », « Mot de passe oublié ») */
body.charte .login-card a[style*="667eea"]{ color:var(--vert) !important; }
body.charte .login-card a[style*="94a3b8"]{ color:var(--encre-douce) !important; }

/* ---- Grille des applications : en-tête blanche, un filet ---- */
body.charte .hub-bg{ background:var(--fond); }
body.charte .hub-header{ background:var(--fond); color:var(--encre); border-bottom:1px solid var(--filet); box-shadow:none; }
body.charte .hub-title{ color:var(--encre); font-weight:600; }
body.charte .hub-subtitle{ color:var(--encre-douce); opacity:1; }
body.charte .hub-user-name{ color:var(--encre); }
body.charte .hub-badge[style*="239,68,68"]{ background:var(--beige) !important; color:var(--encre-douce) !important; }   /* « Admin » n'est pas une alerte */
body.charte .btn-logout, body.charte a.btn-logout[style]{ background:var(--fond) !important; color:var(--encre) !important;
  border:1px solid var(--contour) !important; border-radius:var(--arrondi); font-weight:600; }
body.charte .btn-logout:hover, body.charte a.btn-logout[style]:hover{ background:var(--beige) !important; color:var(--encre) !important; }
body.charte .hub-content{ animation:none !important; }
body.charte .hub-welcome h2{ color:var(--encre); font-weight:600; }
body.charte .hub-welcome p{ color:var(--encre-douce); }

/* ---- Tuiles d'applications : sobres, sans lévitation. Le survol assombrit le cadre et fait avancer la flèche. ---- */
body.charte .app-card{ background:var(--fond); border:1px solid var(--filet); border-radius:var(--arrondi); box-shadow:none; transition:none; }
body.charte .app-card:hover{ transform:none; box-shadow:none; border-color:var(--encre-douce); background:var(--beige-clair); }
body.charte .app-card:active{ transform:translateY(1px); }
body.charte .app-card-icon{ background:var(--beige) !important; border-radius:var(--arrondi); }
body.charte .app-card-icon i{ color:var(--encre-douce); }
body.charte .app-card-name{ color:var(--encre); }
body.charte .app-card-desc{ color:var(--encre-douce); }
body.charte .app-card-soon{ background:var(--beige) !important; color:var(--encre-douce) !important; }
body.charte .app-card:hover .app-card-arrow{ color:var(--vert); }
body.charte .hub-docs, body.charte .hub-admin{ border-top-color:var(--filet); }
body.charte .hub-admin a:hover{ color:var(--encre); border-color:var(--contour); background:var(--beige-clair); }

/* ---- Widgets d'administration : titres neutres, seul le rouge dit « à traiter » ---- */
body.charte .widget{ background:var(--fond); border:1px solid var(--filet); border-radius:var(--arrondi); box-shadow:none; }
body.charte .widget-header{ background:var(--beige) !important; color:var(--encre) !important; }
body.charte .widget-stat{ border-bottom-color:var(--filet); }
body.charte .widget-stat-label{ color:var(--encre-douce); }
body.charte .widget-stat-value{ color:var(--encre); }
body.charte .widget-stat-value.alert-red{ color:var(--urgent); }
body.charte .widget-stat-value.alert-green{ color:var(--encre); }

/* ---- Compléments après contrôle sur le site (31/10/2026) ---- */
/* Aucune animation, sauf le retour d'un clic : la page animait l'apparition de la carte de connexion. */
body.charte .login-card, body.charte .login-bg, body.charte .hub-bg{ animation:none !important; }
/* Pastilles de groupes : le texte coloré sur son propre fond pâle (alpha 33) se lisait mal. Un mot, en gris. */
body.charte .hub-badge{ background:var(--beige) !important; color:var(--encre-douce) !important; font-weight:500; }
body.charte .hub-docs-title{ color:var(--discret); text-transform:none; letter-spacing:0; font-size:.85rem; }
body.charte .app-card-arrow{ color:var(--discret); }
/* Liens de la carte (inscription : « Déjà un compte ? ») : le vert sert l'action */
body.charte .login-card a:not([class*="btn"]){ color:var(--vert); }