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

components/app-switcher.tsx

@@ -46,7 +46,7 @@ export function AppSwitcher() {
             <div className="grid flex-1 text-left text-sm leading-tight">
               <span className="truncate font-semibold">{current.name}</span>
               {current.subtitle ? (
-                <span className="truncate text-xs text-muted-foreground">
+                <span className="truncate text-xs text-sidebar-foreground/70">
                   {current.subtitle}
                 </span>
               ) : null}

components/certificates/certificate-renew-settings.tsx

@@ -122,6 +122,7 @@ export function CertificateRenewSettingsPanel({
         <Badge
           size="sm"
           variant={!liveReady || !confirmed ? "warning-light" : enabled ? "success-light" : "secondary"}
+          className={liveReady && confirmed && enabled ? "text-[color:var(--status-online-fg)]" : undefined}
         >
           {!confirmed ? "Неизвестно" : enabled ? "Включено" : "Выключено"}
         </Badge>

components/data-grids/ospf-routes-data-grid.tsx

@@ -136,12 +136,12 @@ function OspfRoutesDataGrid({ routes, emptyTitle }: OspfRoutesDataGridProps) {
         accessorKey: "area",
         header: ({ column }) => <DataGridSortHeader column={column} title="Область" />,
         cell: ({ row }) => (
-          <span className="font-mono text-muted-foreground">{row.original.area}</span>
+          <span className="font-mono text-muted-foreground" title={row.original.area}>{row.original.area}</span>
         ),
         meta: {
           headerTitle: "Область",
-          headerClassName: DATA_GRID_CELL_PAD_LAST,
-          cellClassName: DATA_GRID_CELL_PAD_LAST,
+          headerClassName: cn(DATA_GRID_CELL_PAD_LAST, "text-right"),
+          cellClassName: cn(DATA_GRID_CELL_PAD_LAST, "text-right"),
         },
       },
     ],

components/nav-user.tsx

@@ -152,7 +152,7 @@ export function NavUser() {
             </Avatar>
             <div className="grid flex-1 text-left text-sm leading-tight">
               <span className="truncate font-semibold">{name}</span>
-              <span className="truncate text-xs text-muted-foreground">{email}</span>
+              <span className="truncate text-xs text-sidebar-foreground/70">{email}</span>
             </div>
             <ChevronsUpDownIcon className="ml-auto size-4" />
           </DropdownMenuTrigger>