.pt-widget {
	--pt-bg: #ffffff;
	--pt-bg-alt: #f4f6f9;
	--pt-fg: #101828;
	--pt-fg-muted: #5c6577;
	--pt-accent: #17845f;
	--pt-border: rgba(16, 24, 40, 0.1);

	max-width: 320px;
	width: 100%;
	background: var(--pt-bg);
	color: var(--pt-fg);
	border: 1px solid var(--pt-border);
	border-radius: 12px;
	padding: 16px;
	font-size: 14px;
}

.pt-widget.pt-theme-dark {
	--pt-bg: #101828;
	--pt-bg-alt: #1c2536;
	--pt-fg: #f5f7fa;
	--pt-fg-muted: #9aa5b8;
	--pt-accent: #2ecc9a;
	--pt-border: rgba(255, 255, 255, 0.08);
}

.pt-widget-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
}

.pt-widget-title {
	font-weight: 700;
	font-size: 1.05em;
}

.pt-widget-date {
	color: var(--pt-fg-muted);
	font-size: 0.8em;
}

.pt-widget-next {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	background: var(--pt-bg-alt);
	border-radius: 8px;
	padding: 10px 12px;
	margin-bottom: 12px;
}

.pt-widget-next .pt-next-name {
	font-weight: 700;
	color: var(--pt-accent);
}

.pt-widget-next .pt-next-countdown {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.pt-widget-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pt-w-row {
	display: grid;
	grid-template-columns: 1fr 70px 70px;
	gap: 8px;
	align-items: center;
	padding: 6px 4px;
	border-bottom: 1px solid var(--pt-border);
	border-radius: 6px;
}

.pt-w-row:last-child {
	border-bottom: none;
}

.pt-w-heading {
	border-bottom: none;
	padding-bottom: 2px;
	color: var(--pt-fg-muted);
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.pt-w-row.pt-active {
	background: var(--pt-bg-alt);
}

.pt-w-label {
	font-weight: 600;
}

.pt-w-time {
	font-variant-numeric: tabular-nums;
	color: var(--pt-fg-muted);
	text-align: right;
}

.pt-w-iqama {
	color: var(--pt-fg);
}

.pt-w-jummah {
	border-top: 1px dashed var(--pt-accent);
}