/*
 * "Son veriler" kutusu (kısa kod + widget).
 *
 * Ortak `.pgsp` jetonlarının (service-pages.css) üzerine kurulur; kenar
 * çubuğu kadar dar alana göre tasarlandı, geniş alanda iki sütuna açılır.
 */
.pgsp--veri {
	container-type: inline-size;
	--pgsp-veri-ink: var(--pgsp-accent);
}

@supports (color: color-mix(in srgb, red 50%, blue)) {
	.pgsp--veri {
		--pgsp-veri-ink: color-mix(in srgb, var(--pgsp-accent) 65%, currentColor);
	}
}

.pgsp .pgsp-veri__title {
	margin: 0 0 0.75em !important;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pgsp .pgsp-veri__list {
	display: grid;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: 1px solid var(--pgsp-line);
	border-radius: var(--pgsp-radius);
	overflow: hidden;
}

.pgsp .pgsp-veri__item {
	margin: 0 !important;
	border-bottom: 1px solid var(--pgsp-line);
}

.pgsp .pgsp-veri__item::marker {
	content: none;
}

.pgsp .pgsp-veri__item:last-child {
	border-bottom: 0;
}

.pgsp .pgsp-veri__row {
	display: flex;
	align-items: center;
	gap: 0.75em;
	padding: 0.75em 0.95em;
	color: inherit;
	text-decoration: none;
}

.pgsp a.pgsp-veri__row:hover,
.pgsp a.pgsp-veri__row:focus-visible {
	background: var(--pgsp-accent-soft);
}

.pgsp a.pgsp-veri__row:focus-visible {
	outline: 2px solid var(--pgsp-accent);
	outline-offset: -2px;
}

.pgsp-veri__text {
	display: grid;
	flex: 1 1 auto;
	gap: 0.1em;
	min-width: 0;
}

.pgsp-veri__label {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.3;
}

.pgsp-veri__badge {
	display: inline-block;
	margin-right: 0.15em;
	padding: 0.05em 0.4em;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	vertical-align: 0.1em;
	color: var(--pgsp-veri-ink);
}

.pgsp-veri__sub {
	font-size: 0.75rem;
	color: var(--pgsp-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Mini grafik: haber grafiğinin son ayları; süs, okunmaz (eğilim okunda). */
.pgsp-veri__spark {
	flex: none;
	width: 56px;
	height: 20px;
	color: var(--pgsp-veri-ink);
	opacity: 0.85;
}

/* Sabit genişlik: mini grafikler satırdan satıra aynı hizada dursun. */
.pgsp-veri__figure {
	display: grid;
	flex: 0 0 6.75rem;
	justify-items: end;
	gap: 0.15em;
	text-align: right;
}

.pgsp-veri__value {
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 1.15;
	font-variant-numeric: tabular-nums;
	color: var(--pgsp-veri-ink);
	white-space: nowrap;
}

.pgsp-veri__unit {
	font-size: 0.7em;
	font-weight: 700;
	color: var(--pgsp-muted);
}

/* Yön oku nötr renktedir: enflasyonun düşmesi iyi, işsizliğin düşmesi de
   iyi; yeşil/kırmızı yargısı okura bırakılır. */
.pgsp-veri__trend {
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	color: var(--pgsp-muted);
	white-space: nowrap;
}

.pgsp-veri__sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Sıradaki açıklamalar: takvim yaprağı + ad + gün/saat. */
.pgsp-veri__agenda {
	margin-top: 0.85em;
}

.pgsp .pgsp-veri__agenda-title {
	margin: 0 0 0.5em !important;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pgsp-muted);
}

.pgsp .pgsp-veri__events {
	display: grid;
	gap: 0.5em;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.pgsp .pgsp-veri__event {
	display: flex;
	align-items: center;
	gap: 0.7em;
	margin: 0 !important;
}

.pgsp .pgsp-veri__event::marker {
	content: none;
}

.pgsp-veri__date {
	display: grid;
	flex: none;
	place-items: center;
	align-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border: 1px solid var(--pgsp-line);
	border-top: 3px solid var(--pgsp-accent);
	border-radius: 6px;
	line-height: 1;
}

.pgsp-veri__day {
	font-size: 1rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}

.pgsp-veri__month {
	margin-top: 0.15em;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--pgsp-muted);
}

.pgsp-veri__what {
	display: grid;
	gap: 0.1em;
	min-width: 0;
}

.pgsp-veri__event-label {
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1.3;
}

.pgsp-veri__event-when {
	font-size: 0.72rem;
	color: var(--pgsp-muted);
}

/* Dar kutuda grafik yer kaplamasın. */
@container (max-width: 279px) {
	.pgsp-veri__spark {
		display: none;
	}
}

/* Geniş alanda (sayfa içi) iki sütun. */
@container (min-width: 620px) {
	.pgsp .pgsp-veri__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pgsp .pgsp-veri__item:nth-child(odd) {
		border-right: 1px solid var(--pgsp-line);
	}

	.pgsp .pgsp-veri__item:nth-last-child(-n + 2):nth-child(odd),
	.pgsp .pgsp-veri__item:last-child {
		border-bottom: 0;
	}
}

/* Temanın kendi modül kartına gömülü (baslik="0"): kart çerçevesi temadan
   gelir, liste ikinci bir çerçeve çizmez. */
.pgsp.pgsp--veri-embed {
	margin: 0;
}

.pgsp--veri-embed .pgsp-veri__list {
	border: 0 !important;
	border-radius: 0;
}

.pgsp--veri-embed .pgsp-veri__row {
	padding-left: 0;
	padding-right: 0;
}

.pgsp--veri-embed .pgsp__meta {
	margin-top: 0.6em !important;
}
