Visibility polish: admin sidebar contrast/focus, table header readability, nav focus rings

src/components/mobile-nav.tsx

@@ -35,7 +35,8 @@ export function MobileNav({
 				className="list-none cursor-pointer flex items-center justify-center w-11 h-11 rounded-xl shrink-0
 					[&::-webkit-details-marker]:hidden transition-colors duration-150
 					hover:bg-[color-mix(in_srgb,var(--color-primary)_12%,transparent)]
-					active:scale-[0.96]"
+					active:scale-[0.96]
+					focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary-readable,var(--color-primary))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--color-navbar)]"
 				aria-label={"Menu"}
 			>
 				<svg
@@ -102,7 +103,7 @@ export function MobileNav({
 						>
 							{brandLabel}
 						</span>
-						<span className="ml-auto text-[11px] font-semibold uppercase tracking-wider opacity-60">
+						<span className="ml-auto text-[11px] font-semibold uppercase tracking-wider opacity-75">
 							{closeLabel}
 						</span>
 					</div>