.mps-screen {
	background: #0b3d2e;
	color: #ffffff;
	border-radius: 16px;
	padding: 28px;
	font-family: inherit;
	text-align: center;
	max-width: 1100px;
	margin: 0 auto;
}
.mps-name { font-size: 2rem; font-weight: 800; }
.mps-clock { font-size: 3.4rem; font-weight: 800; line-height: 1.1; margin: 6px 0; }
.mps-dates { opacity: 0.9; display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.mps-hijri { color: #ffd972; }
.mps-next {
	margin: 20px auto;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	padding: 12px 18px;
	display: inline-flex;
	gap: 10px;
	align-items: center;
	font-size: 1.25rem;
	flex-wrap: wrap;
	justify-content: center;
}
.mps-next strong { color: #ffd972; }
.mps-table, .mps-mini { width: 100%; border-collapse: collapse; background: #ffffff; color: #14342a; border-radius: 10px; overflow: hidden; }
.mps-table th, .mps-table td, .mps-mini td { padding: 12px 14px; border-bottom: 1px solid #e5e5e5; text-align: left; font-size: 1.15rem; }
.mps-table thead th { background: #145943; color: #ffffff; }
.mps-table tr.mps-active td { background: #fff3c4; font-weight: 800; }
.mps-announcement { margin-top: 18px; font-size: 1.1rem; color: #ffd972; font-weight: 600; }
@media (max-width: 640px) {
	.mps-clock { font-size: 2.4rem; }
	.mps-table th, .mps-table td { font-size: 1rem; padding: 10px; }
}