/* ===== Priority radio group: per-option colors (Low/Med/High/Critical) ===== */
/* Scope strictly to Priority via its ARIA label */
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 9999px;
  background: transparent;
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}

/* Hide native radio circles for this group */
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiobutton > input[type="radio"]{
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  opacity: 0;
  width: 0; height: 0; margin: 0;
  pointer-events: none;
}

/* Neutralize the theme’s selected purple on the LABEL so our colors show */
[aria-labelledby="title_field_priority"] 
  .Radiogroupalternate__radiobutton [type="radio"]:checked 
  + .Radiogroupalternate__radiolabel {
  background: transparent !important;
  box-shadow: none !important;
  border-left-color: transparent !important;
  color: inherit !important;
}

/* --- Unselected borders/text per option --- */
#Low     + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { border: 2px solid #27ae60; color:#27ae60; }
#Medium  + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { border: 2px solid #f1c40f; color:#8a6d00; }
#High    + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { border: 2px solid #e67e22; color:#a84d00; }
#Critical+ .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { border: 2px solid #e74c3c; color:#a32116; }

/* --- Selected fills per option --- */
#Low:checked      + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { background:#27ae60; border-color:#27ae60; color:#fff; }
#Medium:checked   + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { background:#f1c40f; border-color:#f1c40f; color:#111; }
#High:checked     + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { background:#e67e22; border-color:#e67e22; color:#111; }
#Critical:checked + .Radiogroupalternate__radiolabel .Radiogroupalternate__radiofaux { background:#e74c3c; border-color:#e74c3c; color:#fff; }

/* --- Hover + focus (generic, readable on all) --- */
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel:hover .Radiogroupalternate__radiofaux {
  box-shadow: 0 0 0 2px rgba(0,0,0,.08);
}
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel:focus-visible .Radiogroupalternate__radiofaux {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,.18);
}

/* ===== Priority group: fully reset theme styling on wrapper/label ===== */
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiobutton,
[aria-labelledby="title_field_priority"] .Radiogroupalternate__button,
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Kill any selected-state purple applied to the LABEL itself */
[aria-labelledby="title_field_priority"]
  .Radiogroupalternate__radiobutton [type="radio"]:checked
  + .Radiogroupalternate__radiolabel {
  background: transparent !important;
  box-shadow: none !important;
  border-left: 0 !important;
  color: inherit !important;
}

/* Also neutralize hover/active on the LABEL so only the pill shows effects */
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel:hover,
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel:active,
[aria-labelledby="title_field_priority"] .Radiogroupalternate__radiolabel:focus {
  background: transparent !important;
  box-shadow: none !important;
}