/* PTR Zakat Tracker — frontend styles. Layout is flex/grid based so it
   follows RTL automatically on the Arabic page. */
.ptr-zt {
	margin: 2.5rem 0;
	padding: 1.5rem;
	border: 1px solid #e5e0d8;
	border-radius: 12px;
	background: #fffdf8;
}
.ptr-zt__subtitle { color: #5a5348; margin: 0 0 1.25rem; }
.ptr-zt__loading { color: #8a8378; }
.ptr-zt__msg {
	padding: .6rem .9rem;
	border-radius: 8px;
	background: #e6f4ea;
	border: 1px solid #b9dcc2;
	margin: 0 0 1rem;
}
.ptr-zt__msg--err { background: #fdecea; border-color: #f3c1bd; }
.ptr-zt__signin { text-align: center; padding: 1rem 0; }
.ptr-zt__signin h3 { margin: 0 0 .5rem; }
.ptr-zt__signin p { color: #5a5348; }
.ptr-zt__google-btn { display: inline-block; margin: .75rem 0 .5rem; }
.ptr-zt__signin-alt { font-size: .9rem; }

.ptr-zt__years { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: 1rem; }
.ptr-zt__year-chip {
	border: 1px solid #d8d2c6;
	background: #fff;
	border-radius: 999px;
	padding: .35rem .9rem;
	cursor: pointer;
	font: inherit;
}
.ptr-zt__year-chip.is-active { background: #1a7a4c; border-color: #1a7a4c; color: #fff; }
.ptr-zt__add-year { display: inline-flex; gap: .4rem; align-items: center; margin-inline-start: auto; }
.ptr-zt__add-year select { font: inherit; padding: .35rem .5rem; border: 1px solid #d8d2c6; border-radius: 8px; }

.ptr-zt__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.ptr-zt__card { background: #fff; border: 1px solid #e5e0d8; border-radius: 10px; padding: .8rem 1rem; }
.ptr-zt__card span { display: block; font-size: .85rem; color: #6b6455; }
.ptr-zt__card strong { font-size: 1.25rem; }
.ptr-zt__card--hl { background: #f0f7f2; border-color: #b9dcc2; }
.ptr-zt__note { background: #fff4e0; border: 1px solid #f0d9a0; border-radius: 8px; padding: .6rem .9rem; }
.ptr-zt__note--ok { background: #e6f4ea; border-color: #b9dcc2; }

.ptr-zt__form { display: flex; flex-wrap: wrap; gap: .75rem; align-items: flex-end; margin: 1rem 0; padding: 1rem; background: #fff; border: 1px solid #e5e0d8; border-radius: 10px; }
.ptr-zt__form label { display: flex; flex-direction: column; gap: .25rem; font-size: .9rem; color: #5a5348; }
.ptr-zt__form input[type="number"], .ptr-zt__form input[type="date"], .ptr-zt__form input[type="text"] {
	font: inherit; padding: .5rem .6rem; border: 1px solid #d8d2c6; border-radius: 8px; min-width: 150px;
}
.ptr-zt__src { font-size: .85rem; color: #8a8378; }
.ptr-zt__subhead { margin: 1.5rem 0 .5rem; }
.ptr-zt__muted { color: #8a8378; }
.ptr-zt__table { width: 100%; border-collapse: collapse; background: #fff; }
.ptr-zt__table th, .ptr-zt__table td { text-align: start; padding: .6rem .75rem; border-bottom: 1px solid #eee9dd; vertical-align: top; }
.ptr-zt__table th { font-size: .85rem; color: #6b6455; }
.ptr-zt__table small { color: #8a8378; }
.ptr-zt__del { background: none; border: none; color: #b3261e; cursor: pointer; font: inherit; padding: 0; }

.ptr-zt__footer { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #e5e0d8; }
.ptr-zt__danger { color: #b3261e; }
.ptr-zt__linklike { background: none; border: none; color: #b3261e; cursor: pointer; font: inherit; text-decoration: underline; margin-inline-start: auto; }
.ptr-zt__save-calc { display: block; width: 100%; margin-top: .6rem; }
.ptr-zt__save-calc:disabled { opacity: .55; cursor: not-allowed; }
.ptr-zt__view-link { margin-top: .5rem; text-align: center; font-weight: 600; }
.ptr-zt__del.is-armed, #ptr-zt-del-year.is-armed, #ptr-zt-del-all.is-armed { background: #b3261e; color: #fff; border-radius: 6px; padding: .2rem .6rem; }
.ptr-zt__empty { color: #5a5348; }

@media (max-width: 600px) {
	.ptr-zt { padding: 1rem; }
	.ptr-zt__form input[type="number"], .ptr-zt__form input[type="date"], .ptr-zt__form input[type="text"] { min-width: 0; width: 100%; }
	.ptr-zt__form label { flex: 1 1 100%; }
}