/* Shared add/edit status controls, matching the approved compact radio buttons. */
body.user-portal .user-content .status-choice-field {
  display: block; grid-column: 1 / -1; min-width: 0; margin: 0; padding: 0; border: 0;
}
body.user-portal .user-content .status-choice-field .task-choice-layout {
  display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: start;
  column-gap: 16px; row-gap: 7px; min-width: 0;
}
body.user-portal .user-content .status-choice-field .task-choice-label {
  display: block; margin: 0; padding: 0; color: #344054; background: none;
  border: 0; box-shadow: none; font-size: 15px; font-weight: 400; line-height: 32px; text-align: left;
}
body.user-portal .user-content .status-choice-field .task-choice-options {
  display: flex; grid-column: 2; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0;
}
body.user-portal .user-content .status-choice-field .task-choice-options > label {
  position: relative; display: block; width: auto; min-width: 0; margin: 0; padding: 0; cursor: pointer;
}
body.user-portal .user-content .status-choice-field input[type=radio] {
  position: absolute; width: 1px; height: 1px; min-height: 0; margin: 0; padding: 0;
  opacity: 0; pointer-events: none;
}
body.user-portal .user-content .status-choice-field .task-choice-options label > span {
  display: inline-flex; align-items: center; gap: 6px; min-height: 32px;
  width: auto; margin: 0; padding: 0 11px; border: 1px solid #e0e4ee; border-radius: 6px;
  color: #7f899b; background: #f5f7fa; box-shadow: none; font-size: 15px; font-weight: 600;
  line-height: 1.4; white-space: nowrap; transform: none;
}
body.user-portal .user-content .status-choice-field .task-choice-options label > span::before { content: none; }
body.user-portal .user-content .status-choice-field .task-choice-options span > i {
  display: block; flex: 0 0 12px; width: 12px; height: 12px; margin: 0;
  border: 1px solid #99a4b8; border-radius: 50%; background: #fff; box-sizing: border-box;
}
body.user-portal .user-content .status-choice-field input:checked + span {
  border-color: transparent; color: #fff; background: linear-gradient(110deg, #506af0, #8c61e9);
  box-shadow: 0 3px 8px #7165e52b;
}
body.user-portal .user-content .status-choice-field input:checked + span > i {
  border-color: #fff; background: transparent; box-shadow: inset 0 0 0 3px #fff;
}
body.user-portal .user-content .status-choice-field input:focus-visible + span { outline: 2px solid #506af0; outline-offset: 3px; }
body.user-portal .user-content .status-choice-field input:disabled + span { opacity: .5; cursor: not-allowed; }
body.user-portal .user-content .status-choice-field .task-choice-layout > small {
  display: block; grid-column: 2; max-width: none; margin: 0; padding: 0;
  color: #7b8ba4; font-size: 14px; line-height: 1.65;
}
body.user-portal .user-content :is(.user-article-task-modal, .user-image-text-task-modal) .status-choice-field .task-choice-layout {
  grid-template-columns: var(--creation-task-label-width) minmax(0, 1fr);
}
body.user-portal .user-content :is(.user-article-task-modal, .user-image-text-task-modal) .status-choice-field .task-choice-label { text-align: right; }
@media (max-width: 600px) {
  body.user-portal .user-content .status-choice-field .task-choice-layout,
  body.user-portal .user-content :is(.user-article-task-modal, .user-image-text-task-modal) .status-choice-field .task-choice-layout { grid-template-columns: 1fr; gap: 6px; }
  body.user-portal .user-content .status-choice-field .task-choice-options,
  body.user-portal .user-content .status-choice-field .task-choice-layout > small { grid-column: 1; }
  body.user-portal .user-content .status-choice-field .task-choice-label,
  body.user-portal .user-content :is(.user-article-task-modal, .user-image-text-task-modal) .status-choice-field .task-choice-label { text-align: left; }
}