/* Upload workspace: one clear, review-before-publish flow. */
#admin #upload-pane { background: linear-gradient(180deg, #fff 0%, #fbfcff 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 .upload-setup { margin-top: 18px; }
#admin #upload-pane .upload-platform-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 15px 17px; border: 1px solid #dbe4ef; border-radius: 15px;
  background: linear-gradient(135deg, #f4f7fb 0%, #fff 100%);
}
#admin #upload-pane .upload-platform-bar > div { min-width: 0; display: grid; gap: 3px; }
#admin #upload-pane .upload-platform-bar > div > span { color: #587092; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
#admin #upload-pane .upload-platform-bar b { color: #203a5b; font-size: 15px; }
#admin #upload-pane .upload-platform-bar small { color: #738298; font-size: 11px; line-height: 1.45; }
#admin #upload-pane .upload-platform-picker { flex: 0 0 172px; margin: 0; color: #53657d; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
#admin #upload-pane .upload-platform-picker select { min-height: 42px; margin-top: 5px; padding: 9px 34px 9px 11px; border-color: #bfcde0; border-radius: 10px; background: #fff; color: #263f60; font-size: 13px; font-weight: 800; }

#admin #upload-pane .upload-primary-fields {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 10px; margin-top: 10px; padding: 9px;
  border: 1px solid #e4eaf1; border-radius: 15px; background: #f8fafc;
}
#admin #upload-pane .upload-primary-fields label {
  min-height: 104px; 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 .upload-primary-fields 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 .upload-platform-bar { align-items: stretch; flex-direction: column; gap: 12px; padding: 14px; }
  #admin #upload-pane .upload-platform-picker { width: 100%; flex-basis: auto; }
  #admin #upload-pane .upload-primary-fields { grid-template-columns: 1fr; }
  #admin #upload-pane .upload-primary-fields 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; }
}