/* Difficulty contests + the editable submission rows (2026-09-02, contest.js
   and submit-screen.js). Own file per the per-feature CSS rule. */
.cs-contest {
  margin-left: 8px; font-size: 11px; font-weight: 700; background: none; color: inherit;
  border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; padding: 2px 9px;
  cursor: pointer; opacity: .7; font-family: inherit; vertical-align: middle;
}
.cs-contest:hover { opacity: 1; border-color: rgba(255, 255, 255, .6); }
.sc-grade.unrated { color: #b9b9c6; }
.contest-box {
  margin: 8px 0 6px; padding: 10px 12px; border-radius: 10px;
  background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12);
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; text-align: left;
}
/* display:flex above outranks the page's [hidden] rule at equal specificity */
.contest-box[hidden] { display: none; }
.contest-box b, .contest-box .hint { width: 100%; margin: 0; }
.contest-box select, .contest-box input {
  flex: 1; min-width: 180px; font: inherit; padding: 6px 8px; border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .2); background: rgba(0, 0, 0, .3); color: inherit;
}
.contest-box .contest-actions { display: flex; gap: 6px; }
#contest-status { width: 100%; font-size: 12px; opacity: .85; }

/* the submitter's own edits on their submission rows */
.sub-acts { display: flex; gap: 6px; align-items: center; margin-top: 6px; flex-wrap: wrap; }
/* a submission the team PROMOTED into the official catalog (2026-09-05): the
   gold pill, and the one button that moves it back */
.sub-st.official { color: #ffd75e; border-color: rgba(255, 215, 94, .5); background: rgba(255, 215, 94, .18); }
.sub-acts .sub-unpromote { font-size: 11px; padding: 3px 8px; }
.sub-acts select, .upload-form select {
  font: inherit; font-size: 12px; padding: 4px 6px; border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .2); background: rgba(0, 0, 0, .3); color: inherit;
}
.upload-form select { width: 100%; padding: 8px; margin: 0 0 8px; }
.sub-acts .sub-rename { font-size: 11px; padding: 3px 8px; }