# apps/web/src/styles/pages
dir: apps/web/src/styles/pages

index: apps/web/src/styles/pages/.pi-map.index.md

## role
Contains page-specific CSS stylesheets for individual application views in the web frontend, providing scoped visual styling for distinct feature pages and their UI components.
## files
- git-history.css | Stylesheet for a Git history visualization page with commit list, graph display, and detail panel. | dep: CSS custom properties (var(--border), var(--radius-md), var(--panel), var(--ink), var(--brand), var(--muted), var(--radius-sm), var(--radius-lg))
- projects.css | Stylesheet for a projects management UI page with repositories, workspaces, and tool links | dep: CSS custom properties (variables)
- sessions.css | Stylesheet for a sessions management UI component with responsive mobile layout, dropdown menus, and form elements | dep: CSS custom properties (var(--border), var(--panel), var(--text), var(--space-*), var(--danger), var(--bg)), CSS animations
- ssh-keys.css | Provides responsive CSS styling for an SSH key list component, stacking vertically on mobile and switching to horizontal layout on larger screens | dep: CSS custom properties (var(--space-3), var(--space-2), var(--space-4), var(--bg), var(--radius-md))
- workspace-detail.css | Stylesheet for a workspace detail page with responsive tabs, file browser, git integration, tools, and settings UI | dep: CSS custom properties (design tokens), IBM Plex Mono font
- workspaces.css | Stylesheet for a workspaces page featuring a responsive grid of workspace cards with status badges, instance chips, and action buttons.
## arch
Modular page-scoped CSS architecture with responsive design patterns (mobile-first breakpoints, flex/grid layouts), component-oriented styling for specific UI elements (cards, lists, forms, tabs), and status-driven visual states (badges, chips).
## tags
var(, stylesheet, git, page, detail, radius, workspaces, responsive
## symbols
-
## workflows
-
## dirty
-
