/* A.6 — Responsive Mobile: ensure 375px layout works */
@media (max-width: 600px) {
	html, body, #root { overflow-x: hidden; width: 100%; }
	.MuiInputBase-root { min-width: 0 !important; }
	.MuiDrawer-paperAnchorLeft:not(.MuiDrawer-paperAnchorDockedLeft) {
		width: 85vw !important;
		max-width: 320px !important;
	}
	.MuiBottomNavigation-root {
		position: fixed !important;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1200;
		height: 56px !important;
		background: #0F172A !important;
		border-top: 1px solid rgba(255,255,255,0.08) !important;
	}
	.ticket-advanced-content { padding-bottom: 56px !important; }
	.mobile-avatar { width: 36px !important; height: 36px !important; }
	.MuiToolbar-root { padding-left: 8px !important; padding-right: 8px !important; }
	.MuiTableContainer-root { overflow-x: auto; }
	.MuiChip-label { max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
	.MuiDialog-paper {
		margin: 8px !important;
		max-height: calc(100% - 16px) !important;
		width: calc(100% - 16px) !important;
		max-width: 100% !important;
	}
}

@supports (padding: env(safe-area-inset-bottom)) {
	@media (max-width: 600px) {
		.MuiBottomNavigation-root {
			padding-bottom: env(safe-area-inset-bottom) !important;
			height: calc(56px + env(safe-area-inset-bottom)) !important;
		}
	}
}