Harden shell and tables interactions

src/RolemasterDb.App/Components/Shell/AppShell.razor.css

@@ -24,6 +24,11 @@
     top: 1rem;
 }
 
+.skip-link:focus-visible {
+    outline: 2px solid var(--focus-ring);
+    outline-offset: 2px;
+}
+
 .app-shell-header {
     position: sticky;
     top: 0;
@@ -95,6 +100,7 @@
 
 .app-shell-header-omnibox {
     min-width: 0;
+    overflow: hidden;
 }
 
 .app-shell-header-actions {
@@ -127,6 +133,12 @@
     background: currentColor;
 }
 
+.app-shell-menu-toggle:focus-visible,
+.app-shell-drawer-close:focus-visible {
+    outline: 2px solid var(--focus-ring);
+    outline-offset: 2px;
+}
+
 .app-shell-shortcuts {
     margin-top: 0.75rem;
 }
@@ -135,6 +147,7 @@
     flex: 1 1 auto;
     min-width: 0;
     padding: 1rem 0 5.75rem;
+    scroll-margin-top: calc(var(--shell-header-height, 5.75rem) + 1rem);
 }
 
 .content-shell {
@@ -197,7 +210,7 @@
     border-radius: 999px;
     background: color-mix(in srgb, var(--surface-2) 84%, transparent);
     color: var(--text-primary);
-    min-height: 2.5rem;
+    min-height: 2.75rem;
     padding: 0.45rem 0.85rem;
 }
 
@@ -212,7 +225,7 @@
     }
 
     .app-shell-bar {
-        grid-template-columns: minmax(0, 1fr) auto auto;
+        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
         gap: 0.75rem;
         padding: 0.7rem 0.85rem;
     }