/* Poczta — czytanie maila (public/ui/mail-frame.js). Wygląd wyłącznie z tokenów.
   Treść HTML maila jest w <iframe sandbox>, który nie zna wysokości swojej treści (bez allow-same-origin rodzic
   jej nie zmierzy), więc ramka WYPEŁNIA obszar treści i przewija się sama: nagłówek u góry, odpowiedzi z Huba
   na dole, treść maila pomiędzy. Odpowiedzi zostają POZA ramką — granica „treść od nadawcy | nasz Hub” jest widoczna. */
.nh-mail-read {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  height: 100%;
  min-height: 0;
  max-width: 720px;
}
.nh-mail-read-head { flex: 0 0 auto; }
.nh-mail-read-body {
  flex: 1 1 auto;
  min-height: 240px;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  overflow-y: auto;
}
.nh-mail-read-replies {
  flex: 0 1 auto;
  max-height: 40%;
  overflow-y: auto;
}
.nh-mail-frame {
  flex: 1 1 auto;
  width: 100%;
  min-height: 240px;
  border: 1px solid var(--nh-line);
  border-radius: var(--radius-sm);
  background: var(--nh-surface);
}
.nh-mail-frame-note {
  margin: 0;
  font-size: var(--nh-text-xs);
  color: var(--nh-text-2);
}
.nh-mail-text {
  font-size: var(--nh-text-sm);
  line-height: 1.7;
  color: var(--nh-text);
  white-space: pre-wrap;
  overflow-wrap: break-word;
}