[hidden] {
  display: none !important;
}

.auth-message {
  display: none;
  min-height: 40px;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
}

.auth-message.visible { display: block; }
.auth-message.pending { background: #f5f1e4; color: #526166; }
.auth-message.error { background: #fff0f0; color: #b23939; }
.auth-message.success { background: #edf3f4; color: #173640; }
.auth button:disabled { cursor: wait; opacity: .7; }

.token-field {
  display: flex;
  gap: 8px;
}

.token-field input { flex: 1; }

.token-field .token-icon {
  flex: 0 0 44px;
  padding: 0;
  font-size: 20px;
  background: #faf6e8;
  color: #bd9226;
}

.panel .secondary-button {
  width: auto;
  margin: -7px 0 15px;
  background: #faf6e8;
  color: #bd9226;
}