@media (max-width: 1100px) {
	.tenx-crm-grid-admin {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.tenx-crm-admin-shell,
	.tenx-crm-employee-shell,
	.tenx-crm-auth-screen,
	.tenx-crm-lock-screen {
		padding: 18px;
	}

	.tenx-crm-hero {
		flex-direction: column;
	}

	.tenx-crm h1 {
		font-size: 30px;
	}

	.tenx-crm-grid-admin,
	.tenx-crm-metrics {
		grid-template-columns: 1fr;
	}

	.tenx-crm-status-pill {
		white-space: normal;
	}
}