/* ULTRA PRIORITY - Loaded as external stylesheet to override everything.
   BOU-91 T1: :focus-visible is deliberately NOT reset here anymore — the keyboard
   focus ring is restored on :focus-visible in app/globals.css (documented on BOU-8).
   POINTER focus (:focus / :active / :hover) stays ringless — the client's request. */

* {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
}

*:focus,
*:active,
*:hover {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
}

/* BOU-143 — `border-color: inherit` is NO LONGER APPLIED ON `:hover`, and that
   removal is the whole ticket. It stays on :focus/:active below.

   What it was doing: `*:hover { border-color: inherit }` repaints the border of
   EVERY hovered element to its PARENT's border colour. A parent that declares no
   border resolves to `currentColor` — its text colour — so a porcelain card
   outlined in `rgba(180,173,236,.3)` snapped to midnight `#210b2c` the instant the
   pointer crossed it. On a card, a stat tile, an avatar chip or a calendar cell,
   that reads as « this is pressable / editable ». It fired on decoration and on
   controls alike, on every surface at once, which is exactly the client's round-#1
   « decorative shapes must lose hover/editable styling APP-WIDE » and his round-#7
   « I can still see this issue a bit everywhere when I open pages ».

   Measured 19 Aug 2026 (e2e-bou143-hover-affordance.mjs, 22 routes across public,
   freelance and institute): 349 non-clickable elements changed border colour on
   hover before this line went; 0 after. Nothing else in the app produced the
   effect — cursor:pointer-with-nothing-to-click measured 0 both times.

   ⚠️ THE RESET IS NOT WEAKENED. All four outline properties still fire on all
   three states, here and in app/globals.css; the keyboard `:focus-visible` ring
   restored by BOU-91 T1 is untouched. Only the border repaint is gone.

   ⚠️ TWO PLACES DEFENDED THEMSELVES AGAINST THIS LINE AND ARE NOW REDUNDANT, NOT
   WRONG — leave them: `.keep-border` (app/globals.css) and BOU-178's rest==hover
   pins on `.boost-card` (institutsLanding.css). Both pin a border colour equal in
   both states purely to outrank this declaration. They are inert now and deleting
   them is a separate, deliberate change.

   ⚠️ STILL PRESENT, DELIBERATELY OUT OF SCOPE, REPORTED NOT FIXED: the same
   declaration on `:active` (kept below, and mirrored in app/layout.tsx's inline
   <style>) flips the border while a non-clickable element is held down, and
   app/globals.css applies it to `button:hover`/`a:hover`, where it overrides a
   control's DESIGNED hover border. Removing either changes states this ticket did
   not measure — the second one visibly restyles real controls, so it needs a
   designer call. */
/* BOU-143 :active twin — `:active` REMOVED from this rule; only `:focus` keeps the
   border repaint. Pressing a decorative card repainted its border to midnight for as
   long as the button was held, so the element answered a click it never handles —
   the ticket's rule failing on the literal click rather than on hover.

   `:focus` stays because it only ever lands on something focusable, i.e. a real
   control, and killing the pointer focus ring is the client's own request. The
   outline reset above is untouched on all three states, and BOU-91 T1's
   `:focus-visible` keyboard ring is unaffected. */
*:focus {
  border-color: inherit !important;
}

button,
a,
[role="button"] {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}

button:focus,
button:active,
a:focus,
a:active {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  border-color: inherit !important;
}