/* ---------------------------------------------------------------------------
   Complements PROPRES a la PWA -- tout le reste vient de style.css, repris
   sans modification. Ne mettre ici que ce qui n'existait pas cote Flask :
   l'ecran de connexion (Flask n'en avait aucun) et deux etats de chargement.
   --------------------------------------------------------------------------- */

/* --- ecran de connexion --------------------------------------------------- */
.connexion {
  max-width: 22rem;
  margin: 3rem auto;
  padding: 0 1.2rem;
  text-align: center;
}
.cx-sigle {
  font-size: 3.4rem;
  line-height: 1;
  color: var(--sapin);
}
.connexion h1 {
  font-size: 1.1rem;
  letter-spacing: .18em;
  margin: .4rem 0 1.8rem;
  font-weight: 500;
}
#form-cx { display: flex; flex-direction: column; gap: .7rem; }

/* 16 px MINIMUM : sous ce seuil Safari iOS zoome la page a la mise au point
   et n'en revient pas (piege deja rencontre sur la saisie rapide). */
#form-cx input {
  font: inherit;
  font-size: 16px;
  padding: .7rem .8rem;
  border: 1px solid var(--trait, #cfc7b6);
  border-radius: 6px;
  background: #fff;
}
#form-cx button {
  font: inherit;
  font-size: 16px;
  padding: .75rem;
  border: 0;
  border-radius: 6px;
  background: var(--sapin);
  color: #fff;
  cursor: pointer;
}
#form-cx button:disabled { opacity: .6; }
.cx-erreur { color: #a33; font-size: .85rem; min-height: 1.2em; margin-top: .9rem; }

/* --- pas de selection de texte : c'est une application, pas un document ----
   Sur iPhone, un appui un peu long n'importe ou selectionnait le titre de la
   vue, les en-tetes de mandat, les libelles de taches et les badges d'un seul
   tenant, et faisait surgir la barre « Copier / Traduire / Épeler » d'iOS
   (captures de Thierry). Le geste utile a cet endroit est le TAP et le SWIPE,
   jamais la selection.
   `-webkit-user-select` est encore necessaire : Safari ne s'est aligne sur la
   propriete non prefixee que tardivement. `-webkit-touch-callout: none` retire
   en plus le menu contextuel du long-appui.
   CE QUE CA COUTE, assume : plus moyen de selectionner le libelle d'une tache
   pour le copier depuis la tuile. Il reste copiable en ouvrant la carte
   d'edition -- son champ, lui, est un vrai champ de saisie.
   Les champs de saisie sont donc RENDUS a la selection : sans cette exception,
   on ne pourrait plus poser le curseur au milieu d'un libelle qu'on modifie. */
/* Le rectangle gris qui apparait sous le doigt est autre chose que la
   selection : c'est le TAP HIGHLIGHT de Safari, un voile que le moteur peint
   sur l'element touchable (ici le `<summary class="nom">` de la tuile, d'ou un
   pave qui couvre tout le libelle). Il survit a `user-select: none`, il faut le
   neutraliser separement. La propriete s'HERITE : la poser sur `html` couvre
   toute l'application.
   CE QU'ON PERD : le seul retour visuel au toucher que fournissait le systeme.
   Les elements qui en ont besoin ont leur propre etat `:active` dans
   style.css ; si un jour un geste parait "ne rien faire", c'est la qu'il faut
   ajouter le retour, pas ici en retablissant le voile gris. */
html { -webkit-tap-highlight-color: transparent; }

body {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
input, textarea, select {
  -webkit-user-select: text;
  user-select: text;
}

/* --- etats transitoires --------------------------------------------------- */
.chargement { text-align: center; padding: 3rem 1rem; opacity: .7; }
.rem-lecture {
  padding: .5rem .2rem;
  font-size: .85rem;
  white-space: pre-wrap;
  opacity: .85;
}
.ktoast.erreur { background: #a33; }