[hidden] {
  display: none !important;
}

label {
  display: block;
}

input, select, textarea {
  max-width: 100%;
  box-sizing: border-box;
}

pre, code, .recipient, .history-row p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.route, .token-row, .history-row {
  margin: 1rem 0;
}

.badge, .history-row time {
  margin-right: 0.5rem;
}

footer {
  margin-top: 2rem;
}

.table-scroll {
  max-width: 100%;
  overflow-x: auto;
  margin-top: 1rem;
}

.routing-table {
  border-collapse: collapse;
}

.routing-table th, .routing-table td {
  border: 1px solid #aaa;
  padding: 0.4rem;
  text-align: left;
  vertical-align: top;
}

.routing-table .trigger {
  text-align: center;
}