.sr-incomplete-heading {
  margin: 18px 0 10px;
  padding: 11px 12px;
  border: 1px solid #754c21;
  border-radius: 12px;
  background: #5b33151f;
}
.sr-incomplete-heading h2 { color: #ffd394; }
.sr-incomplete-heading small { display: block; margin-top: 3px; color: #a89a86; }
.sr-incomplete-heading > b,
.sr-task-incomplete-label { color: #ffb84d !important; }
.sr-task.incomplete {
  border-color: #6c4926;
  background: linear-gradient(145deg, #17170f, #0c1721);
}
.sr-task.incomplete .sr-task-bar { background: #f0a62b; }
.sr-task.incomplete .sr-task-title em {
  display: inline-block;
  margin-left: 6px;
  padding: 3px 6px;
  border-radius: 6px;
  background: #a7621c;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  letter-spacing: .04em;
  vertical-align: 2px;
}
.sr-task-missing { color: #ffd18b !important; line-height: 1.4; }
.sr-incomplete-note {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #e8bd79;
  font-size: 12px;
  white-space: nowrap;
}
.sr-incomplete-note .material-symbols-rounded { font-size: 21px; }
.sr-incomplete-note small { color: #9d8f7c; font-size: 10px; }
.sr-incomplete-ops {
  display: grid;
  justify-items: end;
  gap: 8px;
}
.sr-incomplete-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.sr-incomplete-actions .sr-button { min-width: 82px; }
.sr-incomplete-viewer b { color: #fff; font-size: 16px; }
.sr-incomplete-viewer small {
  display: block;
  margin-top: 3px;
  color: #a8bad0;
  font-size: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1050px) {
  .sr-incomplete-ops { grid-column: 3 / -1; justify-items: start; }
  .sr-incomplete-actions { width: min(100%, 360px); }
}

@media (max-width: 680px) {
  .sr-incomplete-ops { grid-column: 2 / -1; width: 100%; }
  .sr-incomplete-note { white-space: normal; }
  .sr-incomplete-actions { width: 100%; }
}