/* Only the enabled-semester indicator changes. The original button, active
 * state, label, focus treatment and save handler remain owned by Settings.
 * Reuse the first important colour layer so neutral icon rules cannot tint
 * the check or add the standard inline-icon margin inside its circle. */
@layer peV2SoftBlue20261018n {
  @media (max-width:768px) {
    html.peV2PhoneRenderGuard.peV2PhoneSettings #settingsCWorkspace .adminSemesterCard .semesterFixedToggle.active > span {
      display:inline-flex!important;align-items:center!important;justify-content:center!important;
      box-sizing:border-box!important;flex:0 0 25px!important;
      width:25px!important;height:25px!important;min-width:25px!important;
      margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
      background:#27ae60!important;color:#fff!important;line-height:1!important;
      text-align:center!important;box-shadow:none!important;
    }
    /* The legacy circle selector matches every nested span. Remove those
     * nested fills and the line-icon adapter's right margin, not the circle. */
    html.peV2PhoneRenderGuard.peV2PhoneSettings #settingsCWorkspace .adminSemesterCard .semesterFixedToggle.active > span [data-v2-line-icon="check"] {
      display:inline-flex!important;align-items:center!important;justify-content:center!important;
      box-sizing:border-box!important;flex:0 0 18px!important;
      width:18px!important;height:18px!important;min-width:18px!important;
      margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
      background:none!important;color:#fff!important;line-height:1!important;box-shadow:none!important;
    }
    html.peV2PhoneRenderGuard.peV2PhoneSettings #settingsCWorkspace .adminSemesterCard .semesterFixedToggle.active > span .peV2OriginalGlyph {
      background:none!important;color:#fff!important;
    }
    html.peV2PhoneRenderGuard.peV2PhoneSettings #settingsCWorkspace .adminSemesterCard .semesterFixedToggle.active > span [data-v2-line-icon="check"] > .peV2LineIcon {
      display:block!important;flex:none!important;width:18px!important;height:18px!important;
      margin:0!important;padding:0!important;color:#fff!important;stroke:#fff!important;
      filter:none!important;
    }
  }
}