/* Important layer overrides legacy component !important outlines regardless of specificity.
   Pointer focus is quiet; keyboard focus follows the rounded control or its input wrapper. */
@layer erp-focus-policy {
    @media screen {
        html[data-erp-input-mode="pointer"] :is(input,textarea,select,button,a,[role="button"],[tabindex],[contenteditable]):focus {
            outline: none !important;
            box-shadow: none !important;
        }
        html[data-erp-input-mode="keyboard"] :is(input,textarea,select,button,a,[role="button"],[tabindex],[contenteditable]):focus-visible {
            outline: none !important;
            box-shadow: 0 0 0 2px rgba(37,99,235,.4) !important;
        }
        html[data-erp-input-mode="keyboard"] :is(.directory-search,.login-input-wrap,.input-group):has(:focus-visible) {
            box-shadow: 0 0 0 2px rgba(37,99,235,.4) !important;
        }
        html[data-erp-input-mode="keyboard"] :is(.directory-search,.login-input-wrap,.input-group) :focus-visible {
            outline: none !important;
            box-shadow: none !important;
        }
    }
}