Metti l'anello di focus solo sui comandi

La regola valeva per qualunque elemento, e la WebView sposta il fuoco anche su
contenitori non interattivi: dopo la chiusura di un dialog restava un anello
azzurro intorno al titolo della testata, che indicava un bersaglio inesistente.
Ora lo prendono link, bottoni, campi e gli elementi dichiaratamente tappabili.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

SteUp.Shared/wwwroot/css/base.css

@@ -228,7 +228,18 @@ h1, h2, h3, h4, h5, h6, p {
     outline: none;
 }
 
-:focus-visible {
+/* L'anello segna un comando raggiunto da tastiera. Va messo sui controlli, non
+   su qualunque elemento che il motore decida di mettere a fuoco: la WebView
+   sposta il fuoco anche su contenitori non interattivi (per esempio la testata,
+   dopo la chiusura di un dialog) e li' l'anello indica un bersaglio che non
+   esiste. */
+a:focus-visible,
+button:focus-visible,
+input:focus-visible,
+select:focus-visible,
+textarea:focus-visible,
+[role="button"]:focus-visible,
+[tabindex]:not([tabindex="-1"]):focus-visible {
     outline: 2px solid var(--focus-ring);
     outline-offset: 2px;
     border-radius: var(--radius-compact);