/* スマートフォン対応: 画面幅600px以下 */
@media (max-width: 600px) {
	.card {
		min-width: 100% !important;
		width: 100% !important;
		margin-bottom: 1rem !important;
	}
	.card-body {
		padding: 0.75rem !important;
		font-size: 0.98em;
	}
	.card-header {
		font-size: 1em;
		padding: 0.5rem 0.75rem !important;
	}
	.chart-container {
		min-width: 0 !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	canvas {
		min-width: 0 !important;
		width: 100% !important;
		height: 180px !important;
	}
	.alert {
		font-size: 0.98em !important;
		padding: 0.75rem 0.75rem !important;
	}
	h5 {
		font-size: 1.05em !important;
	}
	.footer {
		font-size: 0.95em !important;
		padding: 1rem 0 !important;
	}
}
.card-body {
	padding-bottom: 24px !important;
}
body { background: #f8f9fa; }
.card { border-radius: 0 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.card-header { background: #e9ecef; font-weight: bold; }
.detail-btn {
	margin-top: 10px;
	margin-bottom: 16px;
	display: block;
	width: auto;
}
.chart-container {
	height: 220px;
	margin-bottom: 8px;
}