# Admin dashboard visual unify — design spec

**Date:** 2026-10-14  
**Status:** Approved (owner)  
**Scope:** Visual chrome only on the admin dashboard

## Goal

Make the admin dashboard look like the rest of the admin panel: calm, bordered cards, brand navy, even spacing. Remove marketing-style gradients, gold chips, lift hover, and multi-colour KPI accents that made the page feel scattered.

## Decisions

| Decision | Choice |
|---|---|
| Content / API | Unchanged — same fields, sorts, charts, `GET dashboard/overview` |
| Approach | Unify with panel chrome (not a new IA, not polish-only) |
| Filters / refresh / export | Out of scope (PROTECTED §A) |

## Visual rules

1. **Page background** — no radial gold/navy wash; no negative margin on the dashboard container.
2. **Header** — title «نمای کلی» + muted subtitle «آمار ۳۰ روز گذشته · به‌روز از سرور»; remove «منتزر» badge.
3. **Chart/table cards** — light border / default ant Card look; drop heavy multi-layer shadows.
4. **Period labels** — muted text next to the title (not gold pills).
5. **KPI cards** — flat; soft grey icon well + `#1c2d56` icon/value; no side accent bar; no translateY hover.
6. **Sales summary** — three equal cells; no gold accent on the average.
7. **Spacing** — ~16px gap between blocks.
8. **Chart series colours** — keep `#1c2d56 / #28c76f / #ff9f43 / #ea5455` and −45° x-label rotation.

## Files

- `apps/admin-panel/src/views/Dashboard.vue`
- `apps/admin-panel/src/components/statistics-cards/StatisticsCardLine.vue`
- `docs/parity/PROTECTED.md` §A (document chrome change)
- `docs/parity/CHANGELOG.md`

## States

Loading (`a-spin`), empty product chart (`a-empty`), tables, and fetch error handling stay as today.

## Done when

Same stats and charts render; page reads as part of the admin shell (no gradient / gold chip / card lift); desktop and mobile grids still work.