.gold-price-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,5vw,72px);background:#24271f;color:#fcf4dd;border-bottom:1px solid #bd974d;box-shadow:0 5px 20px #1a210f20}.gold-price-title{display:flex;align-items:center;gap:12px}.gold-price-mark{font-family:Georgia,serif;font-size:32px;color:#e5bd63;border:1px solid #75613c;padding:8px;border-radius:12px}.gold-price-title b{font-size:21px}.gold-price-banner small{display:block;font-size:12px;color:#d4ccb7;margin-top:4px}.gold-price-amount{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.gold-price-amount strong{font-size:clamp(28px,3.8vw,46px);line-height:1.15;letter-spacing:-1px;color:#f4d584}.gold-price-amount span{font-size:15px}.gold-price-meta b{font-size:12px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:24px;align-items:start}.collection-card{padding:0;overflow:hidden;border:1px solid #e7dcc7;border-radius:22px;background:#fffdf8;box-shadow:0 12px 30px #40321b0a}.collection-art{height:185px;background:radial-gradient(ellipse at center,#fff8dd,#eee5d2);position:relative;display:flex;justify-content:center}.collection-art svg{height:100%;width:100%;max-width:330px;filter:drop-shadow(0 12px 10px #8b69232a)}.collection-art>span{position:absolute;bottom:10px;inset-inline-end:14px;font-size:10px;color:#766c54}.collection-body{padding:22px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.collection-heading h3{margin:0;font-size:22px}.collection-status{font-size:12px;padding:5px 10px;border-radius:20px;background:#ece7da;color:#5d5543}.collection-status.held{background:#e8f0e6;color:#426344}.collection-status.sold{background:#f5e9d5;color:#92641f}.collection-weight{font-size:34px;font-weight:800;margin:12px 0}.collection-weight small{font-size:14px;font-weight:400;color:#7b715e}.collection-body p{font-size:13px;line-height:1.9;color:#645d50;overflow-wrap:anywhere}.collection-body>a{font-size:13px;color:#856622}.collection-invoices{border-top:1px solid #eee5d5;margin-top:18px;padding-top:16px;display:grid;gap:10px}.collection-invoices>b{font-size:14px}.collection-invoices>small{color:#847968}.invoice-preview{display:flex;align-items:center;gap:14px;padding:10px;background:white;border:1px solid #ebe3d5;border-radius:12px;color:#4d4637;text-decoration:none;min-width:0}.invoice-preview img{width:70px;height:84px;object-fit:contain;background:#f4f2ed;border-radius:6px}.invoice-preview>span:last-child{font-size:12px;overflow-wrap:anywhere;min-width:0}.invoice-preview small{display:block;color:#97742b;margin-top:6px}.invoice-document{display:grid;place-content:center;text-align:center;flex:0 0 64px;height:75px;border-radius:8px;background:#f4eee1;font-size:30px;color:#a17a26}.invoice-document small{font-size:10px;margin:0}.collection-actions{margin-top:18px;display:grid;gap:10px}.collection-actions details{border:1px solid #d9c89f;border-radius:12px;background:#fff}.collection-actions summary{cursor:pointer;font-weight:750;padding:13px 16px;color:#846322}.collection-actions details[open] summary{border-bottom:1px solid #ece4d4}.collection-actions form{padding:0 16px 16px;margin:0;max-width:none}.collection-actions input,.collection-actions select{width:100%;min-width:0}.collection-actions label{font-size:13px}.collection-actions button{width:100%}.member-collection>p{color:#716653}.member-collection{min-width:0}.collection-card code{font-size:12px}
@media(max-width:760px){.gold-price-banner{gap:8px;padding:12px 14px;flex-wrap:wrap}.gold-price-title b{font-size:16px}.gold-price-mark{display:none}.gold-price-title small{font-size:10px}.gold-price-amount strong{font-size:30px}.gold-price-amount span{font-size:11px}.gold-price-meta{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gold-price-meta small{font-size:10px;margin:0}.gold-price-meta small:last-child{display:none}.collection-grid{grid-template-columns:1fr}.collection-body{padding:18px}.gold-price-title{flex:1}.gold-price-amount{gap:6px}}

.collection-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.collection-values>div{background:#f6f1e7;border-radius:10px;padding:10px}.collection-values small{display:block;color:#81745d;font-size:11px}.collection-values strong{display:block;font-size:16px;margin-top:5px}.admin-wrap>.stats{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:760px){.admin-wrap>.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-wrap>.stats strong{font-size:20px}}

.gold-currency-stack{display:grid;gap:5px}.gold-price-amount.secondary-currency strong{font-size:24px;letter-spacing:0;color:#eee2c4}.gold-price-amount.secondary-currency span{font-size:12px;color:#dfd4bd}.gold-currency-stack .cad-rate-note{font-size:10px;max-width:320px;line-height:1.4}.gold-currency-stack .gold-price-amount{justify-content:space-between;gap:24px}@media(max-width:760px){.gold-price-banner{align-items:flex-start}.gold-price-title{padding-top:4px}.gold-price-title b{font-size:14px}.gold-price-title small{max-width:130px}.gold-currency-stack{flex:0 1 58%;min-width:0;gap:4px}.gold-currency-stack .gold-price-amount{gap:8px}.gold-currency-stack .gold-price-amount strong{font-size:27px}.gold-currency-stack .secondary-currency strong{font-size:19px}.gold-currency-stack .gold-price-amount span{font-size:10px}.gold-currency-stack .cad-rate-note{font-size:9px}.gold-price-meta{gap:5px}}

.member-invoice-list{display:grid;gap:14px;min-width:0}.member-invoice-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto 20px;align-items:center;gap:18px;padding:20px;border:1px solid #e7ddca;border-radius:18px;background:#fffdf8;color:#29291f;text-decoration:none;box-shadow:0 5px 18px #47351708;min-width:0;transition:border-color .15s,box-shadow .15s}.member-invoice-row[href]:hover{border-color:#b18b3f;box-shadow:0 8px 24px #80602516}.member-invoice-row:focus-visible{outline:3px solid #b18b3f;outline-offset:3px}.invoice-row-icon{display:grid;place-items:center;width:54px;height:62px;background:#f3e9d5;color:#9a762b;border-radius:12px;font-size:32px}.invoice-row-info{display:grid;gap:5px;min-width:0}.invoice-row-info b{font-size:17px}.invoice-row-info time{font-size:13px;color:#7a715f}.invoice-row-info small{font-size:11px;color:#8c8271}.invoice-row-amount{font-weight:800;font-size:20px;overflow-wrap:anywhere}.invoice-row-open{color:#9a762b;font-size:22px}.invoice-unavailable{grid-column:2/-1;color:#877d6e}.member-invoice-row.unavailable{opacity:.75}@media(max-width:540px){.member-invoice-row{grid-template-columns:42px minmax(0,1fr) 18px;gap:12px;padding:16px}.invoice-row-icon{width:42px;height:54px;font-size:27px;grid-row:1/3}.invoice-row-info{grid-column:2}.invoice-row-amount{grid-column:2;grid-row:2;font-size:18px}.invoice-row-open{grid-column:3;grid-row:1/3}.invoice-unavailable{grid-column:2/4}}

/* Member account overview: quiet cards, independent cash balance, and gold collection. */
.member-redesign.portal-shell{display:block;max-width:1320px}.member-redesign .member-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:7px;margin-bottom:24px;border-radius:12px;box-shadow:none;background:transparent;border:0}.member-redesign .member-nav .nav-mark,.member-redesign .mobile-nav-toggle{display:none}.member-redesign .member-nav a{padding:8px 14px;font-size:13px}.member-redesign .portal-content{gap:24px}.member-redesign .page-title h1{font-size:32px;letter-spacing:0}.member-overview{display:grid;gap:16px}.member-cash{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d8bc80;border-radius:14px;background:#fffefa;padding:20px 26px}.member-cash h2{font-size:19px;margin:0 0 5px}.member-cash small{color:#776d5c}.member-cash>strong{font-size:32px}.summary-symbol{color:#b98d2c;font-size:34px}.member-cash.negative>strong{color:#a33232}.overview-title{font-size:21px;margin:12px 0 0}.member-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.member-metrics article{border:1px solid #e4d9c6;border-radius:14px;padding:20px;min-width:0;box-shadow:0 5px 16px #73581b09}.member-metrics small{font-weight:750;font-size:15px;display:block;min-height:25px}.member-metrics strong{display:block;margin:12px 0 6px;font-size:clamp(22px,2.2vw,31px);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.member-metrics strong span{font-size:.7em}.member-metrics p{color:#756c5f;font-size:12px;margin:6px 0 0}.difference-percent{font-size:14px;display:block}.member-metrics [data-trend=positive] strong,.member-metrics [data-trend=positive] .difference-percent{color:#208043}.member-metrics [data-trend=negative] strong,.member-metrics [data-trend=negative] .difference-percent{color:#ac3030}.member-zakat{display:flex;align-items:center;gap:28px;border:1px solid #dfc68f;background:#fcf7eb;border-radius:12px;padding:18px 24px}.member-zakat h2{font-size:18px;color:#95701d;margin:0;white-space:nowrap}.member-zakat strong{font-size:27px;white-space:nowrap}.member-zakat p{font-size:13px;color:#736b5b;line-height:1.8;margin:0;border-inline-start:1px solid #ddcca6;padding-inline-start:24px}.weight-explanation{font-size:13px;color:#706651}.weight-explanation summary{cursor:pointer;padding:4px 0}.weight-explanation p{line-height:1.8}.piece-tabs{display:flex;border:1px solid #e1d6bf;border-radius:10px;overflow:hidden;gap:0}.piece-tabs a{padding:10px 24px;text-decoration:none;font-size:13px;color:#625744;font-weight:500}.piece-tabs a[aria-current=page]{background:#b89443;color:white}.member-piece-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.member-piece{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;padding:14px;border-radius:14px;border:1px solid #e4dac6;background:#fffefa;box-shadow:0 5px 18px #47351708;min-width:0}.member-piece .collection-art{grid-column:2;grid-row:1;height:100%;min-height:215px;border-radius:10px}.member-piece-info{grid-column:1;grid-row:1;min-width:0;padding:6px}.piece-title{color:#29291f;text-decoration:none}.piece-title h3{font-size:18px;line-height:1.6;margin:0}.member-piece-info>p{font-size:12px;color:#807560;margin:5px 0 10px}.piece-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0;margin-top:12px;border-top:1px solid #e9dfcc}.piece-values>div+div{border-inline-start:1px solid #e9dfcc;padding-inline-start:10px}.piece-values small{display:block;font-size:11px;color:#7b715e}.piece-values strong{font-size:16px;display:block;margin-top:6px;overflow-wrap:anywhere}.piece-links{display:flex;flex-wrap:wrap;gap:8px}.piece-links a{border:1px solid #d8c295;border-radius:7px;padding:7px 12px;text-decoration:none;color:#756026;font-size:12px}.piece-links a:focus-visible,.piece-tabs a:focus-visible{outline:3px solid #bd974d;outline-offset:-3px}
body:has(.member-redesign) .gold-price-banner{background:#fffdf8;color:#29291f;box-shadow:0 3px 12px #71591b08;border-color:#e5d8be;padding-block:12px}body:has(.member-redesign) .gold-price-banner small,body:has(.member-redesign) .gold-price-amount.secondary-currency span{color:#766b56}body:has(.member-redesign) .gold-price-amount strong{font-size:27px;color:#80621c;letter-spacing:0}body:has(.member-redesign) .gold-price-amount.secondary-currency strong{font-size:18px;color:#574d3a}body:has(.member-redesign) .gold-price-title b{font-size:19px}body:has(.member-redesign) .gold-price-mark{color:#a67b22}
@media(max-width:1050px){.member-piece{grid-template-columns:minmax(0,1fr) 110px;gap:10px}.member-piece .collection-art{min-height:200px}.member-metrics article{padding:16px}.member-metrics small{font-size:13px}.member-zakat{gap:18px}.member-zakat strong{font-size:23px}}
@media(max-width:700px){.member-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-metrics strong{font-size:22px}.member-metrics small{min-height:38px}.member-cash{padding:16px;flex-wrap:wrap;gap:12px}.member-cash>strong{font-size:27px}.summary-symbol{display:none}.member-zakat{flex-wrap:wrap;padding:16px;gap:12px;justify-content:space-between}.member-zakat p{flex-basis:100%;border:0;padding:0}.member-piece-grid{grid-template-columns:1fr}.member-piece{grid-template-columns:minmax(0,1fr) 100px}.member-redesign .section-head{align-items:flex-start;gap:12px;flex-direction:column}.piece-tabs{width:100%}.piece-tabs a{flex:1;text-align:center;padding:10px}.member-redesign .member-nav{gap:4px;margin-bottom:16px}.member-redesign .member-nav a{padding:8px 10px;font-size:12px}.member-redesign .page-title h1{font-size:26px}.member-piece-info{padding:0}.piece-title h3{font-size:16px}.piece-values strong{font-size:14px}.member-redesign .portal-content{gap:20px}body:has(.member-redesign) .gold-price-banner{position:static}body:has(.member-redesign) .gold-price-title b{font-size:14px}}
.member-redesign .member-nav{flex-direction:row;align-items:center}.member-redesign .member-nav a{flex:0 0 auto}.member-metrics [data-live-total=difference_fils],.member-metrics .difference-percent{direction:ltr;unicode-bidi:isolate;text-align:start}html[dir=rtl] .member-metrics [data-live-total=difference_fils],html[dir=rtl] .member-metrics .difference-percent{text-align:right}
.piece-difference{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-radius:8px;background:#f4f2ec;padding:10px 12px;margin:0 0 12px;color:#68604f}.piece-difference small{font-size:12px;font-weight:700}.piece-difference strong{font-size:17px;direction:ltr;unicode-bidi:isolate}.piece-difference span{flex-basis:100%;font-size:10px;color:#766e5e;line-height:1.6}.piece-difference[data-trend=positive]{background:#edf7ef;color:#208043}.piece-difference[data-trend=negative]{background:#fcf0ef;color:#ac3030}
.member-list .member-list-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 24px;align-items:center;gap:20px;padding:20px;border:1px solid #e0d5bb;border-radius:18px;background:#fffefa;box-shadow:0 5px 18px #47351708;text-decoration:none;color:#282720;font-weight:400;transition:border-color .15s,box-shadow .15s}.member-list-row>div{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.member-list-row small{color:#746b59;font-size:12px}.member-list-row h3{font-size:19px}.member-list-row .member-row-arrow{color:#9a762b;font-size:22px}.member-list-row:hover{border-color:#b18b3f;box-shadow:0 8px 24px #80602516}.member-list-row:focus-visible{outline:3px solid #b18b3f;outline-offset:3px}@media(max-width:600px){.member-list .member-list-row{grid-template-columns:minmax(0,1fr) 20px;gap:14px;padding:18px}.member-list-row>div{grid-column:1}.member-row-arrow{grid-column:2;grid-row:1/3}.member-list-row>div+div{padding-top:10px;border-top:1px solid #eee4d0}}

/* Keep welcome consent beside its label in both reading directions. */
form[data-api$="/welcome"] label:has(input[name="consent_confirmed"]){display:flex;align-items:flex-start;gap:10px;line-height:1.7;cursor:pointer}
form[data-api$="/welcome"] input[name="consent_confirmed"]{flex:0 0 18px;width:18px;height:18px;min-width:18px;margin:5px 0 0;padding:0;accent-color:var(--gold);cursor:pointer}