/* R52 settings: readable action text on dark cards. Keep the shared accent
   unchanged: primary fills and the rest of the application use its own tokens. */
html[data-theme="dark"] #view-settings :is(
  .vf-profile-edit,
  .seg__btn.is-active,
  .cache-seg__btn.is-active,
  .bg-tile--compact.is-active .bg-tile__name
) {
  color: #9bb8ff;
}

/* The edit action was 36px on desktop while the mobile override was 44px. */
#view-settings .vf-profile-edit {
  min-height: 44px;
}

html[data-theme="dark"] #view-settings .settings-scroll :is(button, a, [tabindex]):focus-visible {
  outline-color: #9bb8ff;
}

/* R54: one gap between the final settings card and the install section. */
#view-settings .settings-panels > [role="tabpanel"] > .settings-group:last-child,
#view-settings .settings-panels > [role="tabpanel"] > .settings-group:last-child > .settings-card:last-child {
  margin-bottom: 0;
}

#view-settings .settings-scroll > .settings-footer {
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
}

/* Keep native checkbox focus inside its visible row when a label is clicked. */
#view-settings .settings-toggle {
  position: relative;
}

#view-settings .settings-toggle > input[type="checkbox"] {
  top: 50%;
  inset-inline-end: 0;
  width: 44px;
  height: 44px;
  margin: 0;
  transform: translateY(-50%);
}