# CSS Coverage Report

**Generated by:** `v2/scripts/dev-helpers/css-coverage-analysis.py`

## Manual Coverage Analysis

Chrome DevTools Coverage provides accurate CSS usage data. To run:

1. Open Chrome DevTools (F12)
2. More tools > Coverage (or Cmd+Shift+P > "Show Coverage")
3. Click record (circle icon), navigate to each URL below
4. Review CSS files: red = unused, green = used
5. Document unused % per CSS file for optimization decisions

## Representative URLs Per Page Type

For coverage testing, use 2–3 representative URLs per page type. Base URL: `https://www.ordio.com` (or `http://localhost:8003` for local).

| Page Type | Representative URLs |
|-----------|---------------------|
| Homepage | `/`, `/v2` |
| Comparison | `/alternativen/planday-vergleich`, `/alternativen/clockify-vergleich`, `/alternativen/personio-vergleich` |
| Tools | `/tools/minijob-rechner`, `/tools/arbeitszeitrechner`, `/tools/arbeitstage-rechner` |
| Blog | `/insights/`, `/insights/lexikon/minijob/`, `/insights/ratgeber/hr-trends/` |
| Product | `/schichtplan`, `/arbeitszeiterfassung`, `/mitarbeiter-app` |
| Pricing | `/preise` |
| Industry | `/branchen/gastronomie`, `/branchen/einzelhandel`, `/branchen/handwerk-industrie` |
| Templates | `/vorlagen/schichtplan-excel-vorlage`, `/vorlagen/dienstplan-excel-vorlage` |
| Webinar | `/webinar/ordio-webinar` |
| Download | `/download` |
| Static | `/kunden`, `/ueber-uns`, `/agb` |
| Affiliate/Partner | `/partner/login`, `/partner` |
| ShiftOps | `/shiftops` |

## Expected Findings

- **output.min.css**: Likely 60-80% unused on any single page (Tailwind bundle)
- **critical.css**: Should be highly used (above-the-fold)
- **Page-specific CSS**: Varies; tools-pages, comparison-pages typically 70%+ used