/* A Zammad thread read in the detail sheet (#472). Nothing here is stored: the
   messages arrive on the request that opens the sheet and are gone with it.

   Its own part rather than more of 05, which is about a contact's channels and
   was at 486 of the 500 lines the repo allows.
*/

/* A subject is not an amount. `.sheet__amount` is set at 1,7 rem for a figure of
   four characters; a mail subject runs to a hundred and pushed the sheet's own
   Schließen button into a corner.

   A child of that slot rather than a modifier on it: the sheet is shared, and a
   class left on the element would set the next screen's amount in this size. */
.zm-betreff {
  display: inline-block;
  font-size: 1.15rem;
  line-height: 1.35;
}

.zm-ident {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.zm-msg {
  padding: 0.85rem 0;
  border-top: 1px solid var(--line);
}

.zm-msg:first-child {
  border-top: 0;
}

.zm-msg__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6rem;
  margin-bottom: 0.35rem;
}

.zm-msg__from {
  font-weight: 500;
}

.zm-msg__when,
.zm-msg__anhang {
  font-size: 0.78rem;
  color: var(--text-faint);
}

/* The body keeps the line breaks the sender wrote and wraps a pasted URL rather
   than pushing the sheet sideways. */
.zm-msg__body {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 0.92rem;
  line-height: 1.5;
}

/* One question: a tenancy, the address it was matched on, the threads that
   follow from the pair, and the two buttons once (#483). */
.zm-frage {
  display: grid;
  gap: 0.55rem;
}

.zm-frage__kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.zm-frage__adresse {
  font-size: 0.85rem;
  color: var(--text-dim);
}

.zm-frage__faden {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  padding-top: 0.4rem;
  border-top: 1px solid var(--line);
}

/* The date is fixed so sixteen subjects start on one line, which is what makes
   a card of sixteen readable as a list rather than as a wall. */
.zm-frage__datum {
  flex: 0 0 8.5rem;
  font-size: 0.78rem;
  color: var(--text-faint);
}

/* The state is a word Zammad chose and cannot be shortened, so it does not
   shrink — measured clipped at 1024 px, where a long subject squeezed it. The
   subject is the one thing on this row that may wrap. */
.zm-frage__faden .badge {
  flex: 0 0 auto;
}

/* The sheet's own commands, right-aligned above the messages like the Aktionen
   button of a record head. */
.zm-aktionen {
  justify-content: flex-end;
}