/* Guichet de régularisation : un transcript administratif.
   Atlas a droit a l'encre navy ; l'administre, a un gris efface.
   Aucune bulle coloree, aucune chaleur : c'est un registre, pas un chat. */

.transcript {
  border: 1px solid var(--filet);
  background: #fff;
  min-height: 16rem;
  max-height: 56vh;
  overflow-y: auto;
  padding: 1.1rem 1rem;
  margin: 1.4rem 0 1rem;
  font-size: 0.92rem;
}
.transcript:empty::before {
  content: "Aucune sollicitation enregistrée.";
  color: var(--encre-pale);
  font-size: 0.85rem;
}

.tour { margin-bottom: 1rem; }
.tour .qui {
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--encre-pale);
  margin-bottom: 0.2rem;
}
.tour.administre .texte { color: #5a6678; }
.tour.atlas .texte { color: var(--encre); border-left: 2px solid var(--encre); padding-left: 0.7rem; }
.tour .texte { white-space: pre-wrap; }

.attente .texte::after {
  content: "instruction en cours";
  color: var(--encre-pale);
  font-style: italic;
}

textarea {
  width: 100%;
  border: 1px solid var(--filet);
  background: #fff;
  color: var(--encre);
  padding: 0.65rem 0.7rem;
  font: inherit;
  resize: vertical;
  border-radius: 0;
}
textarea:focus { outline: 2px solid var(--acier); outline-offset: 1px; }
button[disabled] { opacity: 0.5; cursor: default; }

/* iOS safe-area */
html,body{min-height:100dvh}
body{margin:0}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}