@layer utility {
    :is(a, button, input, select, textarea, [tabindex]):focus-visible {
        outline: var(--ui-focus-width) solid var(--ui-focus-ring);
        outline-offset: 2px;
    }

    .ui-dashboard-main:focus { outline: none; }
    .ui-dashboard-main:focus-visible {
        outline: var(--ui-focus-width) solid var(--ui-focus-ring);
        outline-offset: calc(-1 * var(--ui-focus-width));
    }
}