/* Giving Relief Tools */
.grt-donate, .grt-quick, .grt-zakat { --grt-dark:#1B3D27; --grt-green:#2E6B45; --grt-lime:#82C82D; --grt-tint:#E4F1D6; --grt-bg:#F4F8F0; --grt-line:#C3D1B8; --grt-muted:#5A6960; font-family: inherit; color:#16241B; }
.grt-label { font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--grt-green); margin:0 0 12px; }
.grt-tabs { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:20px; }
.grt-tabs button { text-align:left; padding:14px 16px; border-radius:12px; border:1.5px solid var(--grt-line); background:#fff; cursor:pointer; font:inherit; color:var(--grt-dark); display:flex; flex-direction:column; gap:2px; }
.grt-tabs button span { font-weight:700; font-size:15px; }
.grt-tabs button small { font-size:12px; color:var(--grt-muted); }
.grt-tabs button[aria-selected="true"] { border:2px solid var(--grt-green); background:var(--grt-tint); }
.grt-panel[hidden] { display:none; }
.grt-note { background:var(--grt-bg); border-radius:10px; padding:12px 16px; font-size:15px; margin:0 0 16px; }
.grt-missing { border:2px dashed var(--grt-line); border-radius:12px; padding:32px; text-align:center; color:var(--grt-muted); }
.grt-quick { display:grid; grid-template-columns:1fr 1fr auto; gap:16px 20px; align-items:end; }
.grt-field label, .grt-lbl { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.grt-field select { width:100%; height:52px; border:1.5px solid var(--grt-line); border-radius:10px; padding:0 14px; font:inherit; font-size:16px; background:#fff; }
.grt-seg { display:flex; background:var(--grt-bg); border-radius:10px; padding:4px; gap:4px; }
.grt-seg button { flex:1; height:44px; border:0; border-radius:8px; background:transparent; font:inherit; font-size:15px; cursor:pointer; color:#16241B; }
.grt-seg button[aria-pressed="true"] { background:var(--grt-green); color:#fff; font-weight:600; }
.grt-go { display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 28px; border-radius:10px; border:0; background:var(--grt-lime); color:var(--grt-dark) !important; font:inherit; font-weight:700; font-size:16px; text-decoration:none; cursor:pointer; white-space:nowrap; }
.grt-go:hover { background:#8fd43a; }
.grt-go--block { display:flex; width:100%; }
.grt-hint { grid-column:1/-1; margin:0; font-size:14px; font-weight:600; color:var(--grt-dark); }
.grt-zakat { display:grid; grid-template-columns:1fr 360px; gap:32px; align-items:start; }
.grt-zakat__form { background:#fff; border-radius:16px; padding:28px; }
.grt-zakat__form .grt-label { margin-top:20px; }
.grt-zakat__form .grt-label:first-child { margin-top:0; }
.grt-zrow { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; border-bottom:1px solid #E3EBDB; }
.grt-zrow label { display:flex; flex-direction:column; gap:2px; font-size:15px; }
.grt-zrow label span { font-size:13px; color:var(--grt-muted); max-width:420px; }
.grt-money { display:flex; align-items:center; border:1.5px solid var(--grt-line); border-radius:10px; padding:0 12px; height:48px; width:180px; flex-shrink:0; background:#fff; }
.grt-money span { color:var(--grt-muted); margin-right:6px; }
.grt-money input { border:0; outline:0; width:100%; font:inherit; font-size:16px; background:transparent; }
.grt-money input[readonly] { color:var(--grt-muted); }
.grt-zakat__res { background:var(--grt-dark); color:#fff; border-radius:16px; padding:28px; position:sticky; top:120px; }
.grt-zres-row { display:flex; justify-content:space-between; color:#CFE3C8; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.2); }
.grt-zres-row b { color:#fff; }
.grt-zres-due { padding:16px 0 6px; }
.grt-zres-due span { display:block; color:#CFE3C8; font-size:14px; }
.grt-zres-due b { font-size:44px; font-weight:800; letter-spacing:-.02em; color:var(--grt-lime); }
.grt-zstatus { font-size:14px; color:#E4F1D6; margin:0 0 18px; }
.grt-small { font-size:12px; color:#CFE3C8; margin:14px 0 0; }
@media (max-width: 900px) {
	.grt-quick { grid-template-columns:1fr; }
	.grt-zakat { grid-template-columns:1fr; }
	.grt-zakat__res { position:static; }
	.grt-zrow { flex-direction:column; align-items:stretch; }
	.grt-money { width:100%; }
}