.upload-panel {
  display: block;
}

.upload-preview {
  display: flex;
  align-items: center;
  gap: 23px;
  width: 100%;
}

.upload-preview .button {
  margin-left: auto;
}

.upload-panel.locked > .upload-preview {
  display: flex;
  opacity: 0.48;
  filter: saturate(0.55);
  pointer-events: none;
  user-select: none;
}

.upload-panel .upload-lock {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid #e3b34c;
  border-radius: 12px;
  background: #fff7df;
}

.upload-panel.locked .upload-lock .button {
  margin-left: 0;
}

.upload-panel[data-lock-reason="limit"] .upload-lock {
  border-color: #b43d3d;
}

@media (max-width: 900px) {
  .upload-preview {
    flex-wrap: wrap;
  }

  .upload-preview .button {
    margin-left: 87px;
  }
}

@media (max-width: 570px) {
  .upload-preview .button {
    margin-left: 0;
    width: 100%;
  }
}

/* Compact member access forms */
.auth-card {
  width: min(480px, 100%);
  padding: 24px;
}

.auth-card h2 {
  margin-bottom: 14px;
}

.auth-tabs {
  margin-bottom: 14px;
}

.auth-form {
  gap: 10px;
}

.auth-form.hidden {
  display: none;
}

.auth-form label {
  gap: 4px;
}

.auth-form input {
  min-height: 44px;
}

@media (max-width: 620px) {
  .auth-tabs {
    grid-template-columns: repeat(3, 1fr);
  }

  .auth-card {
    padding: 22px 17px;
  }
}