/* KONEVRA neuf — charte B1 : « l'Atelier, écrit comme un bordereau ».
   Choisie par Jérôme le 10/11/2026 (decisions.md:867), maquette v3 :
   F:\CLAUDE\99_ARCHIVES\session-a2-konevra-neuf_2026-11-10\maquette-presentation\maquette_mix-B-A_v3.html
   Source unique des couleurs et des polices des écrans du neuf : un écran ne porte aucune couleur ni police en dur,
   il lit ces jetons. Indépendante de la charte de l'actuel (02_OUTILS\moteurs\_charte\), qui n'est pas touchée.
   Polices (Google Fonts, avec les lettres polonaises) :
   https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Source+Serif+4:wght@500;600&display=swap */

:root{
  /* couleurs — de B (Atelier) */
  --k-fond:#e6e5e1;          /* gris béton : liste, panneaux */
  --k-surface:#f3f2ef;       /* fond de travail */
  --k-encre:#141414;         /* texte, barre du haut, ligne choisie, bouton principal */
  --k-gris:#5c5c58;          /* texte secondaire, en-têtes de colonne */
  --k-filet:#c4c3bd;         /* séparations */
  --k-jaune:#f2c200;         /* ce qui attend ta décision ; onglet actif ; pastille de langue */
  --k-sur-encre:#ffffff;     /* texte sur la barre noire */
  --k-sur-encre-pale:#cfcfcf;/* texte secondaire sur la barre noire */
  /* couleur — de A (Bordereau) */
  --k-repere:#1f4e9c;        /* bleu de plan : d'où vient une valeur (sources) */
  --k-rouge:#b3261e;         /* ce qui est refusé ou signalé (R32 : une pièce trop lourde s'affiche en rouge) */

  /* polices — de A (Bordereau) */
  --k-titre:"Source Serif 4",Georgia,serif;          /* marque, titres de liste et de fiche */
  --k-texte:"IBM Plex Sans",Arial,sans-serif;        /* tout le texte */
  --k-chiffre:"IBM Plex Mono",ui-monospace,monospace;/* codes chantier, montants, quantités */

  /* tailles */
  --k-taille:13px; --k-taille-petite:11.5px; --k-titre-fiche:22px; --k-barre:50px;
}

body{margin:0;background:var(--k-surface);color:var(--k-encre);font:var(--k-taille)/1.45 var(--k-texte)}

/* barre du haut */
.k-barre{display:flex;align-items:center;gap:18px;padding:0 18px;height:var(--k-barre);background:var(--k-encre);color:var(--k-sur-encre)}
.k-barre .k-marque{font:600 19px var(--k-titre);letter-spacing:.04em}
.k-barre nav{display:flex;gap:4px;flex:1}
.k-barre nav a{padding:6px 10px;color:inherit;text-decoration:none;font-size:13.5px}
.k-barre nav a.on{background:var(--k-jaune);color:var(--k-encre)}
.k-barre .k-qui{color:var(--k-sur-encre-pale);font-size:12.5px;display:flex;align-items:center;gap:8px}
.k-pastille{font:600 11px/1 var(--k-texte);padding:4px 6px;border:1px solid currentColor;background:transparent;color:var(--k-jaune);cursor:pointer;letter-spacing:.05em}

/* liste */
.k-liste{background:var(--k-fond)}
.k-liste h2,.k-fiche h2,.k-titre-fiche{font-family:var(--k-titre);font-weight:600}
.k-titre-fiche{font-size:var(--k-titre-fiche);margin:0}
.k-liste table{width:100%;border-collapse:collapse;font-size:12.5px}
.k-liste th{color:var(--k-gris);font-size:11px;font-weight:600;text-align:left;border-bottom:1px solid var(--k-encre)}
.k-liste td{border-top:1px solid var(--k-filet)}
.k-liste tr.on td{background:var(--k-encre);color:var(--k-sur-encre)}
.k-code,.k-chiffre{font-family:var(--k-chiffre);font-size:12px;font-variant-numeric:tabular-nums}
.k-vide{opacity:.55}

/* fiche : une proposition de l'IA, sa source, tes boutons */
.k-statut{background:var(--k-encre);color:var(--k-sur-encre);font-size:12px;padding:4px 10px;white-space:nowrap}
.k-bloc h3{font-size:12px;margin:0 0 8px;letter-spacing:.05em;text-transform:uppercase;color:var(--k-gris);border-bottom:1px solid var(--k-encre);padding-bottom:4px}
.k-prop{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:6px 10px;padding:8px 0;border-top:1px solid var(--k-filet)}
.k-prop.attend{box-shadow:inset 4px 0 0 var(--k-jaune);padding-left:10px}
.k-prop .src{grid-column:2/3;font-size:var(--k-taille-petite);color:var(--k-gris)}
.k-prop .src b{color:var(--k-repere);font-weight:500}
.k-btn{font:600 12px var(--k-texte);padding:5px 10px;background:transparent;border:2px solid var(--k-encre);color:var(--k-encre);border-radius:0;cursor:pointer}
.k-btn.ok{background:var(--k-encre);color:var(--k-sur-encre)}
.k-manque{background:var(--k-jaune);padding:10px 12px;font-size:12.5px}
.k-note{color:var(--k-gris);font-size:var(--k-taille-petite)}