/* HMS-1181 — styles the admin agents page at /admin/events/:event_id/agents */

.event-agents__title {
  margin: 0 0 0.5rem;
}

.event-agents__description {
  margin: 0 0 1.5rem;
  color: var(--wa-color-text-quiet);
}

.event-agents__add-card {
  display: block;
  max-width: 36rem;
  margin-bottom: 2rem;
}

.event-agents__add-heading {
  margin: 0 0 1rem;
  font-size: var(--wa-font-size-l);
}

.event-agents__add-form {
  display: flex;
  align-items: flex-end;
  gap: var(--wa-space-s);
}

.event-agents__add-form wa-input {
  flex: 1;
  min-width: 0;
}

.event-agents__add-form wa-button {
  flex: none;
}

.event-agents__list {
  overflow-x: auto;
  width: 100%;
  box-shadow: inset -10px 0 10px -10px var(--wa-color-neutral-border-quiet);
}

.event-agents__table {
  width: 100%;
  border-collapse: collapse;
}

.event-agents__cell {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--wa-color-surface-border);
}

.event-agents__table th.event-agents__cell {
  font-weight: 600;
  color: var(--wa-color-text-quiet);
}

.event-agents__table td.event-agents__cell {
  white-space: normal;
}

.event-agents__empty {
  color: var(--wa-color-text-quiet);
}