/* AACTC admin: the little that Franken UI does not cover.
 *
 * WHAT THIS FILE IS NOT ANY MORE. It was 208 lines of bespoke design built on
 * the public site's site.css, every colour in it one of that file's
 * --color-* custom properties. The admin is now styled by Franken UI 2.1.2,
 * vendored under assets/vendor/franken-ui/, and loads no site stylesheet at
 * all, so not one of those tokens resolves any more and not one of those rules
 * survives. What is left is one rule, written against FRANKEN'S OWN tokens in
 * Franken's own convention of hsl(var(--token)).
 *
 * LOADED LAST, AND DELIBERATELY UNLAYERED. core.min.css declares
 * `@layer theme, base, components, utilities;` and everything in both vendored
 * files sits inside one of those four layers. An unlayered rule outranks every
 * layered one whatever the source order, so nothing here can be undone by the
 * vendored Preflight and nothing here needs !important to say so. The flip
 * side is the trap: do NOT add a rule here that is meant to LOSE to a uk-*
 * class, because it will not.
 *
 * AND NOTHING HERE MAY RESTYLE A FRANKEN COMPONENT. Every class the admin's
 * templates and admin/lib/ui.php emit is either one of Franken's own or a
 * utility out of utilities.min.css, so there is nothing to bridge. A rule that
 * made a bespoke name look like a uk-* component would be a second, hand-kept
 * copy of that component, drifting the first time the library is updated, on
 * every screen the shared helpers render. If something genuinely cannot be
 * said in Franken's vocabulary, that is a finding to raise, not a rule to add.
 */

/* ===========================================================================
 * THE ONE RULE FRANKEN UI CANNOT EXPRESS.
 * ===========================================================================
 *
 * It is here because the pre-extracted utilities build ships no
 * `sr-only` and no `focus:not-sr-only` (both checked against the committed
 * files, zero hits), and core.min.css has no skip-link component. A skip link
 * has to be off-screen until focused and on-screen once focused, and there is
 * nothing in either file that does it. It was previously in the site's
 * site.css, which the admin no longer loads.
 */

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 60;
  padding: 12px 18px;
  background: hsl(var(--primary));
  color: hsl(var(--primary-foreground));
  border-radius: var(--uk-global-radius);
  font-weight: 700;
  text-decoration: none;
}
.skip-link:focus { left: 0; }
