/*
Layout stylesheet
- Purpose: Global page structure (grid columns, main regions, spacing).
- Scope: Only container-level classes used across pages: .app-container, .sidebar, .main-content
- Component-specific layouts should remain in style.css to avoid conflicts.
*/
.app-container {
	display: grid;
	grid-template-columns: 250px 1fr;
}

.sidebar {
	background-color: var(--color-bg-secondary);
	padding: var(--spacing-md);
	border-right: 1px solid var(--color-border);
}

.main-content {
	padding: 1.5rem;
}