/* HMS-316 — the booking support workspace. Quiet admin chrome: cards, muted
   meta lines, and a plain draft textarea. No loud fills. */

.admin-support__back { font-size: 0.875rem; }

.admin-support__card {
  background: var(--wa-color-surface-default);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-l);
  padding: 1rem;
  margin-bottom: 1rem;
}

.admin-support__title { margin: 0 0 0.5rem; font-size: 1.25rem; }

.admin-support__meta { margin: 0.25rem 0; color: var(--wa-color-text-quiet); font-size: 0.875rem; }

.admin-support__facts,
.admin-support__payments,
.admin-support__steps { margin: 0.5rem 0 1rem; padding-inline-start: 1.25rem; }

.admin-support__source {
  color: var(--wa-color-text-quiet);
  font-size: 0.75rem;
}

/* Gaps read as "not established" — dashed rule + muted text, visually distinct
   from the verified facts list. */
.admin-support__gaps {
  margin: 0.5rem 0 1rem;
  padding-inline-start: 1.25rem;
  border-inline-start: 2px dashed var(--wa-color-surface-border);
  color: var(--wa-color-text-quiet);
}

.admin-support__draft {
  width: 100%;
  min-height: 10rem;
  font-size: 0.875rem;
  padding: 0.75rem;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m);
}

.admin-support__hint { color: var(--wa-color-text-quiet); font-size: 0.875rem; }

.admin-support__history { margin-top: 1rem; color: var(--wa-color-text-quiet); font-size: 0.875rem; }

/* HMS-1254 — the acknowledgement card carries the booking's CURRENT state
   chip once, on the heading row; history rows below drop their per-row
   badge and keep only the audit facts. */
.admin-support__ack-heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* HMS-1254 QA — wa-badge scales off its host's font-size, so inside the h2 it
   rendered at heading scale (text ~18px). Pin the host to the app's small
   size so the Sent/Overdue chips match every other badge. */
.admin-support__ack-heading wa-badge { font-size: var(--wa-font-size-s); }

.admin-support__notices {
  list-style: none;
  margin: 0.5rem 0 1rem;
  padding: 0;
}

.admin-support__notice {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--wa-color-surface-border);
}
.admin-support__notice:last-child { border-bottom: 0; }

.admin-support__notice-row {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

.admin-support__notice-kind { font-weight: 500; }

.admin-support__notice-sep {
  align-self: center;
  border-left: 1px solid var(--wa-color-surface-border);
  height: 1em;
}

.admin-support__notice-recipient {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-support__notice-date {
  margin-left: auto;
  color: var(--wa-color-text-quiet);
  white-space: nowrap;
}

.admin-support__notice-detail {
  margin: 0.25rem 0 0;
  color: var(--wa-color-text-quiet);
  font-size: 0.875rem;
}

.admin-support__actions { margin-top: 1rem; }

@media (max-width: 40rem) {
  .admin-support__notice-row { flex-wrap: wrap; }
  .admin-support__notice-date { flex-basis: 100%; text-align: right; }
}

/* HMS-1284 — notes thread: same defect as the hotel side. The wrap's
   `min-width: max-content` let one long note stretch the table into
   horizontal scroll; fit the wrap and let every cell break anywhere, so an
   unbroken string or an email-style sender label cannot overflow. pre-wrap
   keeps author newlines, matching the hotel side. */
.admin-table-wrap .admin-notes__table { min-width: 0; }
.admin-notes__table td { vertical-align: top; overflow-wrap: anywhere; }
.admin-notes__table td.admin-notes__body { white-space: pre-wrap; }