/*
 * Keyboard focus indicator (WCAG 2.4.7 / 2.4.11).
 * Loaded last on every layout. Only :focus-visible matches, so mouse users see no change.
 * The :not(#_) repeats raise specificity above the app's ID-scoped `outline: none !important` rules.
 * Text fields are left alone: they already show a border/shadow focus state.
 */
html body :is(a, button, summary, [role="button"], [role="menuitem"], [role="tab"], [tabindex]:not([tabindex="-1"]), .btn, input[type="checkbox"], input[type="radio"], input[type="range"], input[type="button"], input[type="submit"], input[type="file"]):focus-visible:not(#_):not(#_) {
  outline: 2px solid #0b5fff !important;
  outline-offset: 2px !important;
}

html[data-wl-theme="dark"] body :is(a, button, summary, [role="button"], [role="menuitem"], [role="tab"], [tabindex]:not([tabindex="-1"]), .btn, input[type="checkbox"], input[type="radio"], input[type="range"], input[type="button"], input[type="submit"], input[type="file"]):focus-visible:not(#_):not(#_) {
  outline-color: #6cb6ff !important;
}