/* Focused public services theme, using existing Bootstrap 4.6.2 components. */
.nu-public-page .service-intro {padding:6px 0 26px;margin:0;background:none;border:0;text-align:left}
.nu-public-page .service-kicker {display:block;color:#71876b;font-size:10px;font-weight:750;letter-spacing:.14em;margin-bottom:12px}
.nu-public-page .service-intro h1 {font-size:39px;font-weight:750;line-height:1.15;letter-spacing:-1.4px;color:#163f33;margin:0 0 12px}
.nu-public-page .service-title-dot {color:#86a652}
.nu-public-page .service-intro p {font-size:14px;line-height:1.7;color:#74816e;max-width:480px;margin:0}
.nu-public-page .service-section-label {display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650;margin-bottom:17px;color:#264633}
.nu-public-page .service-section-label>span {width:26px;height:26px;border-radius:9px;background:#eaf0df;color:#668157;display:flex;align-items:center;justify-content:center;font-size:10px}
/* Calculator: all five choices visible, distinct inputs and results. */
.nu-view-static-page-zakat main.with-navbar,.nu-view-static-page-sk-amil main.with-navbar {background:#f7f9f3}
.nu-view-static-page-zakat .nu-public-header,.nu-view-static-page-sk-amil .nu-public-header {background:white;border-radius:24px 24px 0 0}
.nu-view-static-page-zakat .nu-public-content {max-width:1000px;margin:auto;padding-bottom:35px}
.nu-view-static-page-zakat .nu-public-content>.container {max-width:none;padding-bottom:0!important}
.nu-view-static-page-zakat .main-card {border:0;background:transparent;overflow:visible;border-radius:0}
.nu-view-static-page-zakat #zakatTab {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;border:0;padding:0;background:none;border-radius:0;overflow:visible;margin-bottom:26px}
.nu-view-static-page-zakat #zakatTab .nav-item {width:auto;min-width:0}
.nu-view-static-page-zakat #zakatTab .nav-link {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:18px 6px;border:1px solid #e1e8d8;border-radius:14px;background:white;color:#6b7e61;font-size:12px;line-height:1.4;min-height:90px}
.nu-view-static-page-zakat #zakatTab .nav-link i {font-size:22px;margin:0;color:#7e966f}
.nu-view-static-page-zakat #zakatTab .nav-link.active {background:#174f3b;border-color:#174f3b;color:white;box-shadow:0 5px 12px #164f3b10}
.nu-view-static-page-zakat #zakatTab .nav-link.active i {color:#d7f279}
.nu-view-static-page-zakat .main-card>.card-body {padding:26px!important;border:1px solid #e1e8d8;border-radius:20px;background:white}
.nu-view-static-page-zakat .gold-reference {background:#f6f8f1;border:0!important;border-radius:12px!important;padding:15px!important;margin-bottom:24px!important}
.nu-view-static-page-zakat .gold-reference .row {margin:0;display:grid;grid-template-columns:1fr 200px;gap:16px}
.nu-view-static-page-zakat .gold-reference .col-md-12 {max-width:none;padding:0;min-width:0}
.nu-view-static-page-zakat .gold-reference label {font-size:12px;font-weight:600;color:#566d4e}
.nu-view-static-page-zakat .gold-reference label a {display:inline-block;margin-left:7px;font-size:10px;text-decoration:underline}
.nu-view-static-page-zakat .gold-reference p {font-size:10px;line-height:1.5;margin-top:4px}
.nu-view-static-page-zakat .gold-reference .form-control {background:white;min-height:42px;height:42px;font-size:14px!important;font-weight:600}
.nu-view-static-page-zakat .gold-reference .input-group-text {font-size:12px;background:white}
.nu-view-static-page-zakat .calculation-label {margin-bottom:20px}
.nu-view-static-page-zakat .tab-pane h4 {font-size:22px;letter-spacing:-.6px;margin-bottom:20px!important}
.nu-view-static-page-zakat .tab-pane label {font-size:12px;font-weight:500;line-height:1.7;color:#64765c;max-width:420px}
.nu-view-static-page-zakat .tab-pane .form-control {height:50px;background:#fff;font-weight:500}
.nu-view-static-page-zakat .input-group-text {font-size:13px;border-color:#dce5d7;background:#f7f9f2;color:#728368}
.nu-view-static-page-zakat .result-box {background:#eef4e1;border:1px solid #e2eacd;border-radius:15px;padding:22px;text-align:left;margin-top:24px}
.nu-view-static-page-zakat .result-label {color:#667953;font-size:10px;letter-spacing:.07em;font-weight:650}
.nu-view-static-page-zakat .result-value-container {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 14px}
.nu-view-static-page-zakat .result-value {color:#204d32;font-size:34px;font-weight:750;letter-spacing:-1px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.nu-view-static-page-zakat .result-box .btn-copy {color:#607b4e;border:1px solid #d7e3c3;background:#f7faef;border-radius:9px;width:34px;height:34px;padding:0;flex-shrink:0;position:static;transform:none}
.nu-view-static-page-zakat .result-box .btn-pay {background:#174f3b;color:white;border-radius:10px;font-size:12px;padding:13px 18px;margin:0}
.nu-view-static-page-zakat .result-desc {font-size:11px;line-height:1.7;color:#748564;text-align:left;margin-top:14px}
.nu-view-static-page-zakat .footer-text {font-size:10px;color:#89937f;padding:0;margin-top:20px}
/* Infaq: a compact amount selector and a calmer form surface. */
.nu-view-depan-donasi .donation-container {max-width:760px}
.nu-view-depan-donasi .donation-intro {padding:4px 0 24px;margin:0}
.nu-view-depan-donasi .donation-intro h1 {font-size:36px;line-height:1.16;letter-spacing:-1.2px}
.nu-view-depan-donasi .donation-intro p {max-width:400px}
.nu-view-depan-donasi .form-section {border-radius:18px;padding:24px;margin-bottom:18px;border-color:#e2e8da}
.nu-view-depan-donasi #donationForm>.form-section:first-of-type {display:flex;flex-direction:column}
.nu-view-depan-donasi #donationForm>.form-section:first-of-type .section-title {order:0}
.nu-view-depan-donasi #donationForm>.form-section:first-of-type .quick-select-grid {order:1;margin:0 0 18px;gap:10px}
.nu-view-depan-donasi #donationForm>.form-section:first-of-type .form-group {order:2;margin-bottom:0}
.nu-view-depan-donasi #donationForm>.form-section:first-of-type .nominal-display-box {order:3;margin:18px -24px -24px;padding:16px 24px;border-radius:0 0 17px 17px;background:#edf4df;border-top:1px solid #e3ebd4}
.nu-view-depan-donasi .nominal-display-box h2 {font-size:24px}
.nu-view-depan-donasi .chip {background:#f9fbf5;color:#486541;border-color:#dfe8d5;font-size:14px;font-weight:650;min-height:50px;border-radius:11px}
.nu-view-depan-donasi .chip:hover {border-color:#8ba574;background:#f0f5e7}
.nu-view-depan-donasi .chip.active {background:#174f3b;color:white;border-color:#174f3b}
.nu-view-depan-donasi .form-group label {font-size:12px;font-weight:600;color:#52684c}
.nu-view-depan-donasi .form-control {box-shadow:none;border-color:#dfe6d8;background:#fff}
.nu-view-depan-donasi .input-nominal {background:#f9fbf5;height:50px}
.nu-view-depan-donasi .section-title {font-size:16px;margin-bottom:20px}
.nu-view-depan-donasi .payment-card-item {padding:15px;border-color:#e3e9dd}
.nu-view-depan-donasi .payment-card-item .icon-wrapper {background:#edf3e2;width:38px;height:38px}
.nu-view-depan-donasi .submit-btn {background:#174f3b;min-height:48px}
/* Archive: no negative margins or overlapping filter panels. */
.nu-view-static-page-sk-amil .nu-public-content {max-width:1050px;margin:auto;padding-bottom:35px}
.nu-view-static-page-sk-amil .main-container {display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;background:transparent;min-height:0}
.nu-view-static-page-sk-amil .service-intro {grid-column:1/-1;padding-bottom:0}
.nu-view-static-page-sk-amil .filter-card {margin:0;align-self:start;border:1px solid #e1e8d8;border-radius:18px;background:#fff;box-shadow:none;z-index:auto}
.nu-view-static-page-sk-amil .archive-filter-heading {display:flex;align-items:center;gap:12px;padding:23px 22px 0}
.nu-view-static-page-sk-amil .service-icon {display:flex;align-items:center;justify-content:center;background:#edf3e2;color:#6b8458;width:40px;height:40px;border-radius:12px;font-size:19px;flex-shrink:0}
.nu-view-static-page-sk-amil .archive-filter-heading h2 {font-size:17px;margin:0 0 4px;font-weight:700;letter-spacing:-.4px}
.nu-view-static-page-sk-amil .archive-filter-heading p {font-size:11px;color:#849078;margin:0}
.nu-view-static-page-sk-amil .filter-card .card-body {padding:23px 22px!important}
.nu-view-static-page-sk-amil .form-label-custom {font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;color:#66795d;margin-bottom:8px}
.nu-view-static-page-sk-amil .filter-card .form-control {min-height:46px;height:46px;background:#fbfcf8;border:1px solid #dfe7d6;border-radius:10px;font-size:13px!important;font-weight:500!important}
.nu-view-static-page-sk-amil .filter-card .form-group {margin-bottom:17px!important}
.nu-view-static-page-sk-amil #searchSK {padding-left:38px;font-size:12px!important}
.nu-view-static-page-sk-amil .search-icon {font-size:12px;left:14px;color:#87977b}
.nu-view-static-page-sk-amil .archive-results {min-width:0;margin:0;padding:0}
.nu-view-static-page-sk-amil .archive-results-heading {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;padding:0 2px}
.nu-view-static-page-sk-amil .archive-results-heading h2 {font-size:17px;margin:0;font-weight:700}
.nu-view-static-page-sk-amil .archive-results-heading>span {font-size:9px;padding:4px 9px;border-radius:50px;color:#7b8d6d;border:1px solid #dfe7d6;background:#f0f5e7}
.nu-view-static-page-sk-amil .empty-state {border:1px dashed #d6e1ca;background:#f2f6eb;border-radius:18px;padding:45px 20px;text-align:center}
.nu-view-static-page-sk-amil .archive-empty-icon {display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:62px;height:62px;border-radius:18px;background:#e6eedb;color:#80976b;font-size:25px}
.nu-view-static-page-sk-amil .empty-state h6 {font-size:16px;margin-bottom:9px}
.nu-view-static-page-sk-amil .empty-state p {font-size:12px;line-height:1.7;max-width:260px;margin:0 auto;color:#849278!important}
.nu-view-static-page-sk-amil .btn-accordion-trigger {padding:18px;background:#fff}
.nu-view-static-page-sk-amil .btn-accordion-trigger:not(.collapsed) {background:#f2f6e9}
.nu-view-static-page-sk-amil .badge-tingkatan {border-radius:6px;font-size:9px;letter-spacing:.04em}
.nu-view-static-page-sk-amil .sk-item-wrapper {border-color:#e1e8d8;border-radius:14px!important}
.nu-view-static-page-sk-amil .list-pengaju-item {padding:16px}
.nu-view-static-page-sk-amil .btn-detail {font-size:10px;padding:7px 12px;flex-shrink:0;border-radius:9px;white-space:nowrap}
.nu-view-static-page-sk-amil .py-5 {padding-top:10px!important;padding-bottom:10px!important}
@media(max-width:767px) {
 .nu-public-page .service-intro {padding:2px 0 22px}
 .nu-public-page .service-intro h1 {font-size:29px;letter-spacing:-.9px}
 .nu-public-page .service-intro p {font-size:12px;line-height:1.7;max-width:315px}
 .nu-public-page .service-kicker {font-size:8px;letter-spacing:.13em;margin-bottom:10px}
 .nu-view-static-page-zakat .nu-public-header,.nu-view-static-page-sk-amil .nu-public-header {border-radius:0}
 .nu-view-static-page-zakat #zakatTab {gap:6px;margin-bottom:20px}
 .nu-view-static-page-zakat #zakatTab .nav-link {padding:13px 2px;font-size:10px;gap:7px;min-height:74px;border-radius:11px}
 .nu-view-static-page-zakat #zakatTab .nav-link i {font-size:19px}
 .nu-view-static-page-zakat .main-card>.card-body {padding:18px!important;border-radius:16px}
 .nu-view-static-page-zakat .gold-reference {padding:13px!important;margin-bottom:20px!important}
 .nu-view-static-page-zakat .gold-reference .row {grid-template-columns:1fr;gap:10px}
 .nu-view-static-page-zakat .gold-reference .mt-2 {margin-top:0!important}
 .nu-view-static-page-zakat .gold-reference label {font-size:11px}
 .nu-view-static-page-zakat .gold-reference .input-group {max-width:none}
 .nu-view-static-page-zakat .gold-reference .form-control {font-size:16px!important}
 .nu-view-static-page-zakat .tab-pane h4 {font-size:21px;margin-bottom:17px!important}
 .nu-view-static-page-zakat .result-box {padding:18px;margin-top:20px;border-radius:13px}
 .nu-view-static-page-zakat .result-value {font-size:30px}
 .nu-view-static-page-zakat .result-desc {font-size:10px}
 .nu-view-static-page-zakat .footer-text {font-size:9px;margin-bottom:0}
 .nu-view-depan-donasi .donation-intro h1 {font-size:30px;line-height:1.18}
 .nu-view-depan-donasi .form-section {padding:19px;margin-bottom:15px}
 .nu-view-depan-donasi .section-title {font-size:14px;margin-bottom:18px}
 .nu-view-depan-donasi .chip {font-size:12px;min-height:46px;padding:10px 4px}
 .nu-view-depan-donasi #donationForm>.form-section:first-of-type .quick-select-grid {gap:8px;margin-bottom:18px}
 .nu-view-depan-donasi #donationForm>.form-section:first-of-type .nominal-display-box {margin:18px -19px -19px;padding:14px 19px}
 .nu-view-depan-donasi .nominal-display-box h2 {font-size:22px}
 .nu-view-static-page-sk-amil .main-container {display:block}
 .nu-view-static-page-sk-amil .service-intro {padding-bottom:22px}
 .nu-view-static-page-sk-amil .filter-card {margin:0 0 24px}
 .nu-view-static-page-sk-amil .archive-filter-heading {padding:18px 18px 0}
 .nu-view-static-page-sk-amil .filter-card .card-body {padding:18px!important}
 .nu-view-static-page-sk-amil .filter-card .form-control {font-size:16px!important}
 .nu-view-static-page-sk-amil #searchSK {font-size:13px!important}
 .nu-view-static-page-sk-amil .empty-state {padding:32px 18px}
 .nu-view-static-page-sk-amil .archive-results-heading h2 {font-size:16px}
}