/* Focus treatment — loaded last, on purpose
   ==================================================================
   The house style used to put a 3–4px tinted halo around every focused field. Across a form that
   reads as an error state rather than a cursor position, and it is repeated in dozens of separate
   rules in common.css, most of them with !important. Rather than edit each one, this sheet is
   linked after all the others and states the rule once:

     - Pointer focus: no ring. The caret and the field's own border-colour change already say where
       you are, and a click is its own confirmation.
     - Keyboard focus (:focus-visible): a thin 2px ring stays. A keyboard user has no pointer, so
       removing it entirely would be an accessibility regression, not a cleanup.

   Scope is form controls only — buttons, links, cards and menus keep their own treatments.
   Checkboxes, radios and range inputs are excluded: the ring is the whole affordance on those.

   To restore the old halo for one control, give it a rule with !important after this sheet loads. */

:is(input, textarea, select, .dnx-select-trigger, [contenteditable="true"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus {
    box-shadow: none !important;
    outline: none !important;
}

:is(input, textarea, select, .dnx-select-trigger, [contenteditable="true"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-primary-color, #2563EB) 22%, transparent) !important;
}