/* Admin event branding (/admin/events/:id/branding/edit).
   The verification card renders a full absolute portal URL and a long DNS
   token — both unbroken strings that overflow the card at phone widths
   without wrap rules. */

.admin-event-branding__verification a,
.admin-event-branding__token {
  overflow-wrap: anywhere;
}

.admin-event-branding__token {
  white-space: pre-wrap;
}

/* HMS-781 — consistent field rhythm; the default stylesheet previously left
   every gap to browser defaults. */
.admin-event-branding__title {
  margin-block-end: var(--wa-space-l);
}

.admin-event-branding__field {
  margin-block-end: var(--wa-space-m);
}

.admin-event-branding__field label {
  display: block;
  margin-block-end: var(--wa-space-2xs);
  font-weight: var(--wa-font-weight-semibold, 600);
}

/* HMS-781 QA — the checkbox and its label sit on one line. */
.admin-event-branding__field--checkbox {
  display: flex;
  align-items: center;
  gap: var(--wa-space-xs);
}

.admin-event-branding__field--checkbox label {
  display: inline;
  margin: 0;
}

.admin-event-branding__hint {
  margin: var(--wa-space-2xs) 0 0;
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
}

.admin-event-branding__submit {
  margin-block-start: var(--wa-space-s);
}

/* The verification section is a separate concern from the branding form —
   give it a rule line and its own rhythm. */
.admin-event-branding__verification {
  margin-block-start: var(--wa-space-xl);
  padding-block-start: var(--wa-space-l);
  border-top: 1px solid var(--wa-color-surface-border);
}

.admin-event-branding__verification h2 {
  margin: 0 0 var(--wa-space-m);
}

.admin-event-branding__verification p {
  margin-block: var(--wa-space-xs);
}

.admin-event-branding__token {
  margin-block: var(--wa-space-s);
}

.admin-event-branding__verify {
  margin-block-start: var(--wa-space-s);
}