/**
 * Styles propres au démonstrateur, par-dessus le DSFR.
 * Minimal : on s'appuie au maximum sur les composants DSFR (cartes, badges,
 * onglets, alertes). Ici uniquement la modale et quelques ajustements.
 */

#user-block { display: flex; align-items: center; }

/* Choix des collections interrogées (cases à cocher en ligne) */
.sources-inline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
}
.sources-inline__title { color: var(--text-mention-grey, #666); }
.sources-inline .fr-checkbox-group { margin: 0; }
.sources-inline__hint { color: var(--text-mention-grey, #666); }

/* Liste de résultats compacte, façon boîte mail (une ligne par message) */
.mail-list { border-top: 1px solid var(--border-default-grey, #ddd); }
.mail-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-bottom: 1px solid var(--border-default-grey, #ddd);
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.75rem;
}
.mail-row:hover,
.mail-row:focus-visible { background: var(--background-alt-grey, #f6f6f6); }
.mail-row__from {
  flex: 0 0 11rem;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-weight: 500;
}
.mail-row__subject {
  flex: 1 1 auto;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mail-row__source { flex: none; text-transform: none; }
.mail-row__folder {
  flex: none;
  color: var(--text-mention-grey, #666);
  font-size: 0.75rem;
  white-space: nowrap;
}
.mail-row__date {
  flex: 0 0 5rem;
  text-align: right;
  color: var(--text-mention-grey, #666);
  font-size: 0.75rem;
  white-space: nowrap;
}
.mail-row__open { flex: none; }
@media (max-width: 48em) {
  .mail-row__from { flex-basis: 6.5rem; }
  .mail-row__source, .mail-row__folder { display: none; }
}

/* Corps de message : préformaté, défilable, sans déborder */
.thread-msg-body {
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 0.9rem;
  max-height: 16rem;
  overflow-y: auto;
  padding: 0.5rem 0.75rem;
  background: var(--background-alt-grey, #f6f6f6);
  border-left: 3px solid var(--border-default-grey, #ddd);
}

/* Modale simple (pas de dépendance JS DSFR pour la démo) */
.mysearch-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 18, 0.5);
  z-index: 1000;
  padding: 2rem 1rem;
  overflow-y: auto;
}
.mysearch-modal.open { display: block; }
.mysearch-modal__content {
  background: var(--background-default-grey, #fff);
  max-width: 48rem;
  margin: 0 auto;
  border-radius: 0.25rem;
  padding: 1.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 18, 0.3);
}
.mysearch-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.mysearch-modal__body { margin-top: 1rem; }

/* Le contenu large (corps de mail, tableaux) défile dans son cadre */
.mysearch-modal__body { overflow-x: auto; }