refactor(ui): migrate remaining inline pages to the concept design language (#1470)

* refactor(ui): migrate remaining inline pages to the concept design language

Catch-up pass for surfaces the 2026-07 UI migration missed:

- Bankavstämning: de-boxed toolbar, dry-table sections (preview, omatchade
  verifikationer, ignorerade, matchade), instructional copy moved behind the
  page "?" (HelpPopover via FocusedReport, sv+en), AttnLine for the dirty-
  dates hint, EmptyState for the blank page, space-y-8 rhythm.
- Report detail views (trial balance, income statement, balance sheet,
  resultat-/balansrapport, reskontror, huvudbok, grundbok, dimension-P&L):
  shared Skeleton/Error/EmptyState shells, border-2 totals bands flattened
  to hairline cards with font-display tabular-nums headline numbers,
  ReportSectionTable rebuilt on the group-band idiom, font-mono money ->
  tabular-nums, house tablist for Förenklad/Detaljerad, GL filter de-boxed
  onto Input primitives, verdicts follow chips-mark-exceptions.
- Extensions browse: PageHeader, locked section headers, rounded-lg
  secondary icon tiles, flat hover shift on cards, p-6 content.
- Återkommande fakturor: page-level list moved off ui/table onto dry-table
  with hover-revealed quiet row actions; Skeleton loading.
- Help: EmptyState for no search hits, flat hover shift on resource links.
- Chart of accounts: spinner loading blocks -> Skeleton rows.
- Kunskap graph + salary calendar popovers: rounded-lg, Input/Textarea
  primitives instead of hand-rolled shadow-sm controls.

No logic, endpoint, or data changes. Verified via sandbox screenshots;
lint 0 errors, 13214 tests green.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* fix(ui): review triage: skip empty industry sectors, keyboard path to schedule edit

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Jakob Wennberg <311770904+jakobwennberg-oss@users.noreply.github.com>
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

app/(dashboard)/help/page.tsx

@@ -6,6 +6,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/com
 import { Input } from '@/components/ui/input'
 import { HelpLink } from '@/components/ui/info-tooltip'
 import { PageHeader } from '@/components/ui/page-header'
+import { EmptyState } from '@/components/ui/empty-state'
 import {
   Search,
   BookOpen,
@@ -377,14 +378,11 @@ export default function HelpPage() {
       {/* Terms list */}
       <div className="space-y-4">
         {filteredTerms.length === 0 ? (
-          <Card>
-            <CardContent className="py-12 text-center">
-              <Search className="h-8 w-8 text-muted-foreground mx-auto mb-3" />
-              <p className="text-muted-foreground">
-                {t('no_results', { query: searchQuery })}
-              </p>
-            </CardContent>
-          </Card>
+          <EmptyState
+            icon={Search}
+            title={t('no_results_title')}
+            description={t('no_results', { query: searchQuery })}
+          />
         ) : (
           filteredTerms.map((term) => (
             <TermCard
@@ -408,7 +406,7 @@ export default function HelpPage() {
             <a
               href="/docs/arkivplan-mall.md"
               download
-              className="p-3 rounded-lg border border-border hover:border-primary/50 transition-colors block"
+              className="p-3 rounded-lg border border-border transition-colors duration-150 hover:bg-secondary/60 block"
             >
               <div className="flex items-center gap-2">
                 <FileDown className="h-4 w-4" />
@@ -421,7 +419,7 @@ export default function HelpPage() {
             <a
               href="/docs/systemdokumentation-mall.md"
               download
-              className="p-3 rounded-lg border border-border hover:border-primary/50 transition-colors block"
+              className="p-3 rounded-lg border border-border transition-colors duration-150 hover:bg-secondary/60 block"
             >
               <div className="flex items-center gap-2">
                 <FileDown className="h-4 w-4" />
@@ -444,7 +442,7 @@ export default function HelpPage() {
           <div className="grid gap-3 sm:grid-cols-2">
             <HelpLink
               href="https://www.skatteverket.se/foretag/foretagarguiden.4.361dc8c15312eff6fd1f87f.html"
-              className="p-3 rounded-lg border border-border hover:border-primary/50 transition-colors block"
+              className="p-3 rounded-lg border border-border transition-colors duration-150 hover:bg-secondary/60 block"
             >
               <div className="flex items-center gap-2">
                 <ExternalLink className="h-4 w-4" />
@@ -456,7 +454,7 @@ export default function HelpPage() {
             </HelpLink>
             <HelpLink
               href="https://www.verksamt.se/"
-              className="p-3 rounded-lg border border-border hover:border-primary/50 transition-colors block"
+              className="p-3 rounded-lg border border-border transition-colors duration-150 hover:bg-secondary/60 block"
             >
               <div className="flex items-center gap-2">
                 <ExternalLink className="h-4 w-4" />