/* L'intranet de Ktimia. Feuille séparée de la page pour que la
   politique de contenu puisse rester stricte : ni style ni script en
   ligne, donc rien à autoriser d'exceptionnel. */
:root {
    --fond: oklch(0.97 0.004 85);
    --carte: oklch(1 0 0);
    --trait: oklch(0.91 0.004 75);
    --encre: oklch(0.25 0.006 75);
    --gris: oklch(0.52 0.006 75);
    --alerte-fond: oklch(0.96 0.03 25);
    --alerte-encre: oklch(0.42 0.12 25);
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; background: var(--fond); color: var(--encre);
    font: 15px/1.5 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  }
  header {
    background: oklch(0.21 0.006 75); color: oklch(0.97 0.004 85);
    padding: 14px 18px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px;
  }
  header b { letter-spacing: 0.14em; font-weight: 600; text-transform: uppercase; font-size: 14px; }
  header span { font-size: 12.5px; color: oklch(0.75 0.006 75); }
  main { max-width: 980px; margin: 0 auto; padding: 18px 14px 60px; }
  h2 {
    font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--gris); margin: 26px 0 10px;
  }
  .carte {
    background: var(--carte); border: 1px solid var(--trait);
    border-radius: 12px; padding: 12px 14px; margin-bottom: 10px;
  }
  .carte.alerte { background: var(--alerte-fond); color: var(--alerte-encre); border-color: transparent; }
  .quand { font-size: 12px; color: var(--gris); font-variant-numeric: tabular-nums; }
  .titre { font-weight: 600; margin: 2px 0 4px; }
  .detail { white-space: pre-wrap; overflow-wrap: anywhere; }
  .suite { margin-top: 8px; font-size: 13.5px; color: var(--gris); }
  .vide { color: var(--gris); font-size: 13.5px; }
  .etiquette {
    display: inline-block; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
    color: var(--gris); border: 1px solid var(--trait); border-radius: 999px; padding: 1px 8px; margin-left: 6px;
  }
  form { max-width: 360px; margin: 60px auto; }
  label { display: block; font-size: 13px; color: var(--gris); margin: 12px 0 4px; }
  input, button {
    width: 100%; font: inherit; padding: 10px 12px;
    border: 1px solid var(--trait); border-radius: 10px; background: var(--carte); color: inherit;
  }
  button { margin-top: 16px; background: oklch(0.21 0.006 75); color: oklch(0.97 0.004 85); border: none; cursor: pointer; }
  .erreur { margin-top: 14px; padding: 10px 12px; border-radius: 10px; background: var(--alerte-fond); color: var(--alerte-encre); font-size: 13.5px; }
  .pied { margin-top: 30px; font-size: 12.5px; color: var(--gris); }
  a { color: inherit; }