[hidden] {
  display: none !important;
}

.auth button {
  cursor: pointer;
}

.auth button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.auth small {
  min-height: 18px;
}

.processing {
  border-left: 3px solid var(--gold);
  color: var(--muted);
}

.processing.failed {
  border-left-color: #a33;
  color: #7d2929;
}

.attachments {
  flex-wrap: wrap;
}

.attachmentCard {
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  min-width: min(420px, 100%);
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--gold);
  border-radius: 10px;
  background: var(--white);
}

.attachmentCard > b {
  grid-row: 1 / 3;
  color: var(--green);
}

.attachmentCard > small {
  color: var(--muted);
}

.attachmentCard > div {
  grid-column: 3;
  grid-row: 1 / 3;
}

.attachmentCard.ready {
  border-left-color: var(--green);
}

.attachmentCard.error {
  border-left-color: #a33;
}

.attachmentCard button {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 5px 8px;
  background: var(--paper);
  cursor: pointer;
}

#sendMessage:disabled {
  cursor: wait;
  opacity: 0.6;
}