UI badge cleanup + /chart-of-accounts route + loop skills (#850)

Bundles three separable concerns:

- style(ui): badge audit + cleanup across 45 files — real-status chips use Badge variants (raw Tailwind colors dropped), non-status count/type/label chips demoted to muted text, clustered badges consolidated; 20 unused imports removed.
- feat(bookkeeping): Kontoplan moved to a dedicated /chart-of-accounts route (nav + command palette wired); /bookkeeping shows the journal list only.
- chore(skills): loop-* automation skills + design-scan workflow under .claude/.

fix(reports): restored the destructive count badge on blocking errors in the periodisk sammanställning (EC Sales List) — a genuine status cue the audit had wrongly flattened; flagged by the PR reviewer and Swedish compliance bot, now clean.

All CI green; compliance bots report no findings.

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

components/import/BankFileConfirmStep.tsx

@@ -3,7 +3,6 @@
 import { useState, useEffect } from 'react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
-import { Badge } from '@/components/ui/badge'
 import { Label } from '@/components/ui/label'
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import {
@@ -169,11 +168,9 @@ export default function BankFileConfirmStep({
 
           {/* Additional info */}
           {refsCount > 0 && (
-            <div className="flex flex-wrap gap-2">
-              <Badge variant="outline" className="text-primary border-primary/30">
-                <Link2 className="mr-1 h-3 w-3" />
-                {refsCount} med OCR/referens
-              </Badge>
+            <div className="flex items-center gap-2 text-xs text-muted-foreground">
+              <Link2 className="h-3 w-3" />
+              {refsCount} med OCR/referens
             </div>
           )}
         </CardContent>

components/import/BankFilePreviewStep.tsx

@@ -2,7 +2,6 @@
 
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
-import { Badge } from '@/components/ui/badge'
 import {
   Table,
   TableBody,
@@ -160,14 +159,8 @@ export default function BankFilePreviewStep({
                       </TableCell>
                     )}
                     {transactions.some((t) => t.reference) && (
-                      <TableCell className="text-sm">
-                        {tx.reference ? (
-                          <Badge variant="outline" className="font-mono text-xs">
-                            {tx.reference}
-                          </Badge>
-                        ) : (
-                          '–'
-                        )}
+                      <TableCell className="font-mono text-sm text-muted-foreground">
+                        {tx.reference ? tx.reference : '–'}
                       </TableCell>
                     )}
                   </TableRow>

components/import/ImportReviewStep.tsx

@@ -4,7 +4,6 @@ import { useState, useEffect, useRef } from 'react'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Button } from '@/components/ui/button'
 import { Switch } from '@/components/ui/switch'
-import { Badge } from '@/components/ui/badge'
 import { Label } from '@/components/ui/label'
 import {
   Select,
@@ -373,9 +372,9 @@ export default function ImportReviewStep({
               <Label htmlFor="mark-no-doc-required" className="font-medium flex items-center gap-2">
                 Markera som &quot;Inget underlag krävs&quot;
                 {isHistoricalImport && (
-                  <Badge variant="secondary" className="text-[10px] font-normal">
-                    Rekommenderas vid migrering
-                  </Badge>
+                  <span className="text-xs font-normal text-muted-foreground">
+                    · Rekommenderas vid migrering
+                  </span>
                 )}
               </Label>
               <p className="text-sm text-muted-foreground">