/* Upload workspace: a clear review-before-publish flow. */
#admin #upload-pane { background: linear-gradient(180deg, #fff 0%, #fcfdff 100%); }

#admin #upload-pane .section-title { padding-bottom: 18px; }
#admin #upload-pane .step-badge { border: 1px solid #dce4ed; background: #f2f5f8; color: #405673; }

#admin #upload-pane .form-grid {
  gap: 10px;
  margin-top: 17px;
  padding: 9px;
  border: 1px solid #e4eaf1;
  border-radius: 15px;
  background: #f8fafc;
}

#admin #upload-pane .form-grid label {
  min-height: 112px;
  margin: 0;
  padding: 14px;
  border: 1px solid #e0e6ee;
  border-radius: 11px;
  background: #fff;
  color: #3c4e67;
}

#admin #upload-pane .field-number {
  width: 21px;
  height: 21px;
  border-radius: 7px;
  background: #213a5b;
  font-size: 10px;
}

#admin #upload-pane .form-grid input { min-height: 42px; margin-top: 9px; background: #fbfcfe; }
#admin #upload-pane .file-field input { padding: 8px 9px; color: #63748a; }

#admin #upload-pane .format-note {
  position: relative;
  gap: 11px;
  margin-top: 14px;
  padding: 14px 15px 14px 17px;
  border-color: #e2e8ef;
  border-radius: 12px;
  background: #fbfcfe;
}

#admin #upload-pane .format-note::before {
  content: '';
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #6d8098;
}

#admin #upload-pane .format-note b { color: #314965; }
#admin #upload-pane .format-note code { color: #294766; }

#admin #upload-pane .upload-review {
  margin-top: 15px;
  padding: 16px;
  border-color: #d9e2ec;
  border-radius: 14px;
  background: linear-gradient(135deg, #f8fafc, #fff);
}

#admin #upload-pane .upload-review-heading b { color: #284462; }
#admin #upload-pane .upload-review-heading i { background: #eaf0f6; color: #2b4968; }
#admin #upload-pane .upload-review-stats { gap: 9px; }
#admin #upload-pane .upload-review-stats article { border-color: #e3e8ee; border-radius: 10px; }
#admin #upload-pane .upload-review-stats article:last-child strong { color: #253f5d; }
#admin #upload-pane .upload-review p { color: #60758d; }

#admin #upload-pane .upload-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 9px;
  margin-top: 17px;
}

#admin #upload-pane .upload-actions .primary {
  min-height: 49px;
  margin: 0;
  border-radius: 10px;
  background: #213a5b;
  box-shadow: none;
}

#admin #upload-pane .upload-actions .primary:hover { background: #2b4b70; box-shadow: none; transform: none; }
#admin #upload-pane .upload-actions .upload-confirm { background: #304e6d; }
#admin #upload-pane .upload-actions .upload-confirm:hover { background: #3a5b7d; }
#admin #upload-pane .upload-actions:has(.upload-confirm:disabled) #validate-upload { grid-column: 1 / -1; }
#admin #upload-pane .upload-actions .message { grid-column: 1 / -1; margin: 0; }

@media (max-width: 650px) {
  #admin #upload-pane .form-grid { grid-template-columns: 1fr; }
  #admin #upload-pane .form-grid label { min-height: 0; }
  #admin #upload-pane .upload-actions { grid-template-columns: 1fr; }
  #admin #upload-pane .upload-actions .primary { min-height: 48px; }
  #admin #upload-pane .format-note { align-items: flex-start; flex-direction: column; gap: 5px; }
}