/* 반응형
   (admin.css 1292–1359 행에서 분리. CSS 는 순서가 우선순위라 로드 순서를 지켜야 한다) */

@media (max-width: 1040px) {
	.dashboard {
		grid-template-columns: 1fr;
	}
	.day-grid,
	.day-grid[data-view="two"] {
		grid-template-columns: 1fr;
	}
	.sidebar {
		position: static;
		height: auto;
		flex-direction: row;
		align-items: center;
		overflow-x: auto;
	}
	.sidebar nav {
		display: flex;
		min-width: max-content;
	}
	.logout-button {
		margin-top: 0;
		margin-left: auto;
	}
	.stats-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.utility-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.workspace-header,
	.card-heading {
		display: grid;
	}
	.date-chip {
		text-align: left;
	}
	.stats-grid,
	.reservation-form,
	.quick-actions {
		grid-template-columns: 1fr;
	}
	.search-form {
		grid-template-columns: 1fr auto;
	}
	.search-form select {
		grid-column: 1 / -1;
	}
	.timeslot-grid {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	}
	.timeslot {
		min-height: 80px;
		padding: 12px;
	}
	.sidebar {
		padding: 18px;
	}
	.brand small {
		display: none;
	}
	.workspace {
		padding: 18px;
	}
}