.admin-contenu { max-width: 1280px; margin: 0 auto; padding: 18px; }
.onglets { display: flex; gap: 6px; border-bottom: 1px solid var(--trait); margin-bottom: 16px; }
.onglet { font: inherit; font-weight: 600; background: none; border: 0; border-bottom: 3px solid transparent; padding: 8px 14px; cursor: pointer; color: var(--encre-douce); }
.onglet.actif { color: var(--accent); border-bottom-color: var(--accent); }
.admin-grille { display: grid; grid-template-columns: minmax(320px, 0.9fr) 1.4fr; gap: 16px; align-items: start; }
.carte { background: var(--carte); border: 1px solid var(--trait); border-radius: var(--rayon); padding: 14px 16px; min-width: 0; }
.carte h2 { font-size: 1.1rem; margin: 0 0 10px; }
.carte h3 { font-size: 0.98rem; margin: 18px 0 8px; }
.carte-entete { display: flex; justify-content: space-between; align-items: center; }
.tableau { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.tableau th { text-align: left; color: var(--encre-douce); font-weight: 600; border-bottom: 1px solid var(--trait); padding: 6px 4px; }
.tableau td { border-bottom: 1px solid var(--trait); padding: 7px 4px; vertical-align: top; }
.tableau tbody tr { cursor: pointer; }
.tableau tbody tr:hover, .tableau tbody tr.selection { background: var(--accent-clair); }
.etat { font-family: ui-monospace, Menlo, monospace; font-size: 0.8rem; font-weight: 700; padding: 1px 6px; border-radius: 6px; background: var(--accent-clair); color: var(--accent); }
.etat.alerte { background: var(--alerte-clair); color: var(--alerte); }
.etat.fin { background: #dcefdc; color: #2c6a2c; }
.drapeau { display: inline-block; margin-top: 3px; font-size: 0.78rem; font-weight: 700; color: var(--alerte); }
.fiche { display: grid; grid-template-columns: 160px 1fr; gap: 6px 12px; margin: 0; font-size: 0.92rem; }
.fiche dt { color: var(--encre-douce); }
.fiche dd { margin: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.alerte-fiche { background: var(--alerte-clair); color: var(--alerte); border-radius: 8px; padding: 8px 12px; font-weight: 600; }
.demande-fiche { background: #dcefdc; color: #2c6a2c; border-radius: 8px; padding: 8px 12px; }
.transcription { display: flex; flex-direction: column; gap: 6px; max-height: 520px; overflow-y: auto; background: #fbfaf8; border: 1px solid var(--trait); border-radius: 10px; padding: 10px; }
.transcription .message { max-width: 92%; }
.horodatage { display: block; font-size: 0.7rem; opacity: 0.7; margin-top: 2px; }
.journal-admin { margin: 0; padding-left: 18px; font-size: 0.86rem; }
.journal-admin li { margin-bottom: 4px; }
.zone-texte { display: flex; flex-direction: column; gap: 4px; font-weight: 600; }
.zone-texte textarea { font: inherit; font-weight: 400; border: 1px solid var(--trait); border-radius: 10px; padding: 10px; resize: vertical; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; }
.zone-texte textarea:disabled { background: #f3f1ee; cursor: not-allowed; }
.actions button:disabled { opacity: 0.5; cursor: not-allowed; }
.note-lecture-seule { background: var(--accent-clair); color: var(--accent); border-radius: 8px; padding: 8px 12px; font-weight: 600; }
.base-actuelle { white-space: pre-wrap; font-family: inherit; font-size: 0.86rem; background: #fbfaf8; border: 1px solid var(--trait); border-radius: 10px; padding: 12px; max-height: 480px; overflow-y: auto; }

@media (max-width: 900px) {
  .admin-grille { grid-template-columns: 1fr; }
  .fiche { grid-template-columns: 1fr; }
  .fiche dt { margin-top: 6px; }
}