.j-hero{background:#337654;color:white;border-radius:20px;padding:40px;margin-bottom:30px}.j-hero h1{font:700 clamp(2rem,4vw,3rem) Georgia,serif;margin:0 0 16px;letter-spacing:-.02em}.j-hero p{max-width:680px;line-height:1.75;margin:0;color:#edf5ee;font-size:1.05rem}.j-calculator{--jg:#337654;--jmuted:#71838b;color:#213d39}.j-ratebar{background:var(--jg);color:white;padding:22px;border-radius:17px;display:flex;gap:22px;flex-wrap:wrap;align-items:center}.j-ratebar>strong{font-size:.9rem}.j-period{display:flex;gap:9px;flex:1}.j-period label{font-size:.72rem;display:grid;gap:4px}.j-period select{font:inherit;font-size:.86rem;border:1px solid #ffffff55;background:#ffffff20;color:#fff;padding:9px;border-radius:8px;max-width:320px;min-width:80px}.j-period option{background:white;color:#173831}.j-rate-stat{display:grid;gap:6px;text-align:center}.j-rate-stat b{font-size:1.02rem;font-variant-numeric:tabular-nums}.j-rate-stat small{font-size:.65rem;letter-spacing:.025em;color:#d6e6dd}.j-rate-note{font-size:.8rem;color:#64796e;padding:12px 3px 22px;line-height:1.6}.j-rate-note a{color:var(--jg)}.j-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.95fr);gap:28px;align-items:start}.j-main{min-width:0}.j-section{background:#fff;border-radius:18px;margin-bottom:20px;box-shadow:0 5px 22px #253d3010;overflow:hidden;border:1px solid #f0f0ed}.j-section summary{display:flex;align-items:center;gap:12px;padding:23px 20px;cursor:pointer;list-style:none}.j-section summary::-webkit-details-marker{display:none}.j-section-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#e2f3fd;color:#0085ba}.j-section-icon svg{width:21px;height:21px}.j-gold .j-section-icon{background:#fbf6e8;color:#ba8b30}.j-slate .j-section-icon{background:#edf1f5;color:#526174}.j-green .j-section-icon{background:#eafaef;color:#128348}.j-purple .j-section-icon{background:#f9efff;color:#9c42f3}.j-orange .j-section-icon{background:#fff6ec;color:#c66c18}.j-red .j-section-icon{background:#fff0f3;color:#c81944}.j-section-label{flex:1;min-width:0}.j-section-label strong{display:block;color:var(--jg);font-size:.94rem}.j-section-label small{display:block;color:var(--jmuted);font-size:.76rem;line-height:1.55;margin-top:5px}.j-section summary output{white-space:nowrap;color:var(--jg);font-weight:650;font-size:.86rem}.j-red summary output{color:#c81944}.j-chevron{width:8px;height:8px;transform:rotate(45deg);border-right:1.5px solid #8ba09c;border-bottom:1.5px solid #8ba09c;margin:0 3px 5px 8px;flex:none}.j-section[open] .j-chevron{transform:rotate(225deg);margin-top:5px;margin-bottom:0}.j-section-body{padding:24px 22px;border-top:1px solid #eef0ee}.j-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.j-field label,.j-coin label{display:block;font-size:.8rem;line-height:1.5;margin-bottom:6px}.j-field input,.j-metals input,.j-coin input{width:100%;min-width:0;padding:11px 12px;border-radius:8px;border:1px solid #d6e2dc;font:inherit;font-size:.85rem;color:#254a40;background:#fff}.j-field small,.j-coin small{display:block;font-size:.73rem;color:var(--jmuted);line-height:1.5;margin-top:5px}.j-calculator input:focus-visible,.j-calculator select:focus-visible,.j-section summary:focus-visible{outline:2px solid #338567;outline-offset:3px}.j-calculator input[aria-invalid=true]{border-color:#bc2440;background:#fff6f7}.j-metals{width:100%;border-collapse:collapse;font-size:.78rem}.j-metals th,.j-metals td{text-align:left;padding:8px 5px}.j-metals thead th{font-weight:500;border-bottom:1px solid #edf1ee}.j-metals tbody th{width:12%;font-weight:600}.j-metals tbody th span{background:#fcf7e9;color:#b1812b;padding:4px 5px;border-radius:5px}.j-metals td:nth-child(2){width:35%}.j-metals td:nth-child(3){color:#7f8f95;font-size:.73rem}.j-metals td:last-child{white-space:nowrap;color:var(--jg)}.j-coin{margin-top:18px;padding-top:15px;border-top:1px solid #edf0ed;display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.j-coin input{grid-column:1}.j-coin small{grid-column:1}.j-coin output{grid-column:2;grid-row:2;color:var(--jg);font-size:.85rem;align-self:center;text-align:right}.j-coin label{grid-column:1/-1}.j-silver-line{font-size:.76rem;color:#7a8c90}.j-silver-line b{color:var(--jg)}.j-aside{display:grid;gap:20px;position:sticky;top:128px}.j-reference{background:var(--jg);border-radius:18px;padding:24px;color:white}.j-reference h2,.j-guide h2{font:700 1.02rem Georgia,serif;margin:0 0 20px}.j-reference dl{display:grid;grid-template-columns:1.35fr 1fr;margin:0;font-size:.75rem}.j-reference dt,.j-reference dd{border-bottom:1px solid #ffffff2c;padding:12px 0;line-height:1.4}.j-reference dt{color:#d9e9df}.j-reference dd{margin:0;text-align:right;font-weight:650}.j-silver-nisab{background:#ffffff20;border-radius:13px;display:grid;gap:10px;text-align:center;padding:20px 10px;margin-top:17px}.j-silver-nisab span,.j-silver-nisab small{font-size:.7rem;color:#d8e8df}.j-silver-nisab strong{font-size:1.4rem}.j-guide{background:white;border:1px solid #e5edE8;border-radius:17px;padding:22px;color:#386a51}.j-guide ol{padding:0;list-style:none;counter-reset:step}.j-guide li{counter-increment:step;position:relative;padding-left:30px;font-size:.78rem;line-height:1.75;margin-bottom:12px;color:#57716c}.j-guide li:before{content:counter(step);position:absolute;left:0;top:3px;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;color:white;background:#428d68;font-size:.7rem;font-weight:650}.j-guide a{font-size:.8rem;text-decoration:none;line-height:1.6;color:#167d69;display:block;margin-top:20px}.j-results{background:white;border:2px solid #bddccc;border-radius:18px;overflow:hidden;scroll-margin-top:128px}.j-results h2{background:var(--jg);color:white;padding:18px 22px;margin:0;font:700 1.15rem Georgia,serif}.j-results #calc-resultado{padding:22px}.j-breakdown{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;margin:0;font-size:.84rem;align-items:baseline}.j-breakdown dt,.j-breakdown dd{padding:12px 0;line-height:1.45}.j-breakdown dd{margin:0 0 0 18px;text-align:right;font-weight:650;color:var(--jg);font-variant-numeric:tabular-nums}.j-breakdown .j-total{border-top:1px solid #e7eeea;font-weight:700;margin-top:6px;padding-top:20px}.j-breakdown .j-net{border-top:1px solid #e7eeea;font-size:.96rem;font-weight:700;margin-top:6px;padding-top:20px}.j-breakdown .j-negative{color:#c81944}.j-breakdown .j-threshold{color:#b28024}.j-below,.j-invalid{border-radius:12px;padding:15px;background:#fff5c9;border:1px solid #f3d877;color:#8e5318;font-size:.83rem;line-height:1.6;margin:18px 0 0}.j-invalid{background:#fff1f4;border-color:#f1bec8;color:#9b1636}.j-due{background:#ebf5ef;text-align:center;border-radius:14px;padding:22px;margin-top:18px;display:grid;gap:10px;color:var(--jg)}.j-due strong{font-size:2rem}.j-due small{font-size:.73rem;line-height:1.5}.j-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:23px}.j-actions button,.j-dialog button{padding:15px 10px;border:1px solid #b9dbcc;border-radius:10px;background:white;color:var(--jg);font-weight:650;cursor:pointer}.j-actions #calc-submit{background:var(--jg);color:white;border-color:var(--jg)}.j-actions #calc-export{background:#7937dd;border-color:#7937dd;color:white}.j-dialog{max-width:490px;width:calc(100% - 30px);padding:28px;border:1px solid #d4e5dc;border-radius:20px;color:#244438;box-shadow:0 25px 80px #12352840}.j-dialog::backdrop{background:#102b2566}.j-dialog h2{margin-top:0}.j-dialog p{line-height:1.6;font-size:.9rem;color:#637970}.j-dialog label{display:block;margin:17px 0 7px;font-size:.85rem}.j-dialog input{width:100%;font:inherit;border:1px solid #bfd2c7;border-radius:9px;padding:11px}.j-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.j-dialog button[type=submit]{background:#337654;color:white}#zakat-print .print-category th{background:#eef5f0;padding-top:12px}
@media(min-width:1000px){.detail:has(.j-calculator){max-width:1240px}}@media(max-width:900px){.j-columns{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.j-period{width:100%;flex:auto}.j-period select{max-width:100%}.j-ratebar{gap:16px}.j-reference{padding:18px}.j-guide{padding:18px}.j-section summary{padding:20px 15px;gap:9px}.j-section-body{padding:18px 15px}.j-section summary output{font-size:.76rem}.j-actions{grid-template-columns:1fr}.j-metals td:nth-child(2){width:27%}}@media(max-width:700px){.j-columns{grid-template-columns:1fr}.j-aside{position:static;grid-row:1}.j-reference dl{font-size:.8rem}.j-reference{padding:20px}.j-guide{padding:20px}.j-aside .j-guide{display:none}.j-hero{padding:26px 22px;margin-bottom:20px;border-radius:17px}.j-hero h1{font-size:2rem}.j-hero p{font-size:.92rem}.j-fields{grid-template-columns:1fr}.j-period{display:grid;grid-template-columns:90px minmax(0,1fr)}.j-period label{min-width:0}.j-period select{width:100%;min-width:0}.j-ratebar{padding:18px;gap:18px 10px}.j-rate-stat{flex:1}.j-rate-stat b{font-size:.86rem}.j-section-label strong{font-size:.85rem}.j-section-label small{font-size:.72rem}.j-section summary{padding:19px 14px;gap:10px}.j-section-icon{width:31px;height:34px;flex-basis:31px}.j-section summary output{font-size:.75rem;max-width:108px;white-space:normal;text-align:right;overflow-wrap:anywhere}.j-metals{font-size:.71rem}.j-metals th,.j-metals td{padding:9px 3px}.j-metals td:nth-child(2){width:24%}.j-metals input{padding:10px 7px;font-size:.8rem}.j-metals td:nth-child(3){font-size:.66rem}.j-metals td:last-child{white-space:normal;overflow-wrap:anywhere}.j-section-body{padding:16px 12px}.j-breakdown{font-size:.78rem;grid-template-columns:minmax(0,1fr) minmax(90px,auto)}.j-breakdown dd{margin-left:10px;overflow-wrap:anywhere}.j-breakdown .j-net{font-size:.84rem}.j-results #calc-resultado{padding:18px 14px}.j-results h2{font-size:1.06rem;padding:17px 15px}.j-dialog{padding:22px}}
@media print{#zakat-print table th{color:#173831;text-align:left}#zakat-print table{break-inside:auto}#zakat-print tr{break-inside:avoid}#zakat-print thead{display:table-header-group}#zakat-pdf-dialog{display:none!important}}
@media(max-width:700px){.j-aside{display:contents}.j-aside .j-guide{display:block;grid-row:3}.j-reference{grid-row:1}.j-main{grid-row:2}}

.j-actions #calc-excel{background:#217346;border-color:#217346;color:white}