.upsh_page,
.upsh_preview_section,
.upsh_cards_section {
  display: grid;
  gap: 18px;
}

.upsh_upload,
.upsh_section_head,
.upsh_card_head,
.upsh_card_actions,
.upsh_actions,
.upsh_link_form {
  display: flex;
  align-items: center;
  gap: 12px;
}

.upsh_upload,
.upsh_section_head {
  justify-content: space-between;
}

.upsh_upload {
  padding: 18px;
  border: 1px dashed var(--admin-border, #cdd7e0);
  border-radius: 16px;
  background: var(--admin-card, #fff);
}

.upsh_upload h3,
.upsh_section_head h3,
.upsh_upload p,
.upsh_address {
  margin: 0;
}

.upsh_file_button {
  width: auto;
  min-width: 145px;
  cursor: pointer;
  text-align: center;
}

.upsh_status {
  padding: 11px 14px;
  border-radius: 10px;
  background: #f2f6fa;
}

.upsh_status.success {
  color: #176b37;
  background: #e8f6ed;
}

.upsh_status.warning {
  color: #825500;
  background: #fff5d5;
}

.upsh_status.error,
.upsh_preview_error {
  color: var(--red, #b42318);
  background: #fff0ee;
}

.upsh_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}

.upsh_card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
  padding: 17px;
  border: 1px solid var(--admin-border, #d7dee5);
  border-radius: 14px;
  background: var(--admin-card, #fff);
  box-shadow: 0 5px 18px rgba(21, 45, 68, 0.06);
}

.upsh_card.has_link {
  border-color: #e2bd45;
  background: #fff9dd;
  box-shadow: 0 5px 20px rgba(160, 115, 0, 0.12);
}

.upsh_card.is_duplicate {
  border-color: #e2bd45;
}

.upsh_card_head {
  justify-content: space-between;
  align-items: flex-start;
}

.upsh_card_head strong {
  font-size: 18px;
}

.upsh_card_head span,
.upsh_file_name {
  color: var(--text-muted, #687684);
  font-size: 12px;
}

.upsh_address {
  color: var(--text-muted, #687684);
  font-size: 13px;
}

.upsh_tasks {
  display: grid;
  gap: 8px;
  line-height: 1.4;
}

.upsh_tasks > div {
  padding: 9px 10px;
  border-radius: 9px;
  background: rgba(234, 240, 246, 0.72);
  overflow-wrap: anywhere;
}

.upsh_tasks time {
  font-weight: 700;
  white-space: nowrap;
}

.upsh_card_actions,
.upsh_actions {
  flex-wrap: wrap;
}

.upsh_card_actions button,
.upsh_actions button,
.upsh_section_head > button {
  width: auto;
}

.upsh_card_actions .upsh_delete {
  color: var(--red, #b42318);
  border-color: #e7b7b2;
}

.upsh_link_form {
  align-items: stretch;
}

.upsh_link_form input {
  min-width: 0;
  flex: 1;
}

.upsh_link_form button {
  width: auto;
}

.upsh_telegram_link {
  color: #825500;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.upsh_duplicate {
  margin: 0;
  color: #825500;
  font-weight: 600;
}

.upsh_preview_error p {
  margin: 0;
}

@media (max-width: 720px) {
  .upsh_upload,
  .upsh_section_head,
  .upsh_card_head,
  .upsh_link_form {
    align-items: stretch;
    flex-direction: column;
  }

  .upsh_file_button,
  .upsh_link_form button,
  .upsh_section_head > button {
    width: 100%;
  }

  .upsh_grid {
    grid-template-columns: 1fr;
  }
}