fix(ui): улучшить контраст и доступность прокрутки

app/(main)/alerts/page.tsx

@@ -2592,7 +2592,7 @@ function AlertsContent() {
             >
                 <div className="px-4 pb-3"><Input aria-label="Поиск правил" placeholder="Поиск по имени или объекту…" value={search} onChange={e => setSearch(e.target.value)} autoComplete="off" name="alert-rules-search" /></div>
                 {filteredRules.length === 0 ? (
-                  <div className="flex flex-col items-center justify-center py-12 text-muted-foreground/40">
+                  <div className="flex flex-col items-center justify-center py-12 text-muted-foreground">
                     <BellOffIcon className="size-8 mb-2 opacity-40" />
                     <p className="text-sm">Правила не найдены</p>
                   </div>

app/(main)/certificates/page.tsx

@@ -199,7 +199,7 @@ function CertPartReference() {
               <p className="font-sans font-semibold text-foreground/80 mb-1.5 text-[11px] uppercase tracking-wide">
                 {b.title}
               </p>
-              <pre className="bg-zinc-950 rounded-md p-2.5 text-zinc-300 text-[11px] leading-relaxed overflow-x-auto whitespace-pre">
+              <pre tabIndex={0} role="region" aria-label={"Команды RouterOS: " + b.title} className="bg-zinc-950 rounded-md p-2.5 text-zinc-300 text-[11px] leading-relaxed overflow-x-auto whitespace-pre focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2">
                 {b.lines.join("\n")}
               </pre>
             </div>

app/(main)/containers/page.tsx

@@ -498,7 +498,7 @@ function ContainersContent() {
           <div className="flex items-start gap-3 rounded-lg bg-info/5 border border-info/20 px-4 py-3 text-sm">
             <BoxIcon aria-hidden="true" className="size-5 text-info shrink-0 mt-0.5" />
             <div>
-              <p className="font-medium text-info">Контейнеры доступны с RouterOS 7.4+</p>
+              <p className="font-medium text-foreground">Контейнеры доступны с RouterOS 7.4+</p>
               <p className="text-muted-foreground text-xs mt-0.5">
                 Поддерживаются Docker-совместимые образы. Требуется установка пакета <code className="font-mono bg-muted px-1 rounded">container</code>.
                 Сеть veth настраивается на устройстве. Создание контейнеров в интерфейсе пока недоступно.

app/(main)/filters/page.tsx

@@ -256,7 +256,7 @@ function TypeChip({ type }: { type: "jump-host" | "exit-node" | "home-router" })
   return (
     <span className={cn(
       "inline-flex items-center rounded px-1.5 py-0.5 text-[10px] font-bold border shrink-0",
-      type === "home-router" ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/20" :
+      type === "home-router" ? "bg-emerald-500/10 text-[color:var(--status-online-fg)] border-emerald-500/20" :
       type === "jump-host"
         ? "bg-violet-500/10 text-violet-600 dark:text-violet-400 border-violet-500/20"
         : "bg-sky-500/10 text-sky-600 dark:text-sky-400 border-sky-500/20",
@@ -1780,7 +1780,7 @@ function FiltersPage() {
 
   if (isLive && liveLoadState === "error" && liveServers.length === 0) {
     return <div className="flex h-full flex-col items-center justify-center gap-3 p-6">
-      <p role="alert" className="text-sm text-destructive">Не удалось загрузить Filters: {liveLoadError}</p>
+      <p role="alert" className="text-sm text-[color:var(--status-offline-fg)]">Не удалось загрузить Filters: {liveLoadError}</p>
       <Button variant="outline" onClick={() => setLoadAttempt(n => n + 1)}>Повторить загрузку</Button>
     </div>
   }

app/(main)/uptime/page.tsx

@@ -2441,7 +2441,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
           <p className="text-xs text-muted-foreground shrink-0">
             {pingCatalogKnown ? filtered.length + " из " + probes.length + " проб" : "Каталог проб пока неизвестен"}
             <span className="text-muted-foreground/70 hidden md:inline"> · </span>
-            <span className="text-muted-foreground/80 hidden md:inline" title="Отображение на дашборде">
+            <span className="text-muted-foreground hidden md:inline" title="Отображение на дашборде">
               звезда — блок «Активные пробы»
             </span>
           </p>
@@ -2655,7 +2655,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
                                 />
                                 <span>
                                   Подробный график RTT
-                                  <span className="font-mono tabular-nums text-muted-foreground/80 ml-1">
+                                  <span className="font-mono tabular-nums text-muted-foreground ml-1">
                                     ({p.series.length} точ.)
                                   </span>
                                 </span>