/* Public design system. Bootstrap 4.6.2; never loaded by login, registration or admin. */
body.nu-public-page {
    --nu-ink:#123e34; --nu-green:#11644d; --nu-lime:#d7f279; --nu-muted:#64766e;
    --primary:#11644d; --primary-color:#11644d; --primary-dark:#103f33;
    --primary-light:#edf3e5; --primary-green:#11644d; --dark-green:#103f33;
    --text-main:#123e34; --text-muted:#64766e; --secondary:#f6f8f1;
    --bg-color:#f6f8f4; --border-color:#e1e8dd;
    background:#f6f8f4; color:#123e34;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    font-size:14px; line-height:1.65; margin:0; padding:20px 24px 105px;
}
.nu-public-page main.with-navbar {width:100%;max-width:1200px!important;min-height:calc(100vh - 130px);background:white;border-radius:24px;overflow:visible;box-shadow:none}
.nu-public-header {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:104px;padding:20px 44px;border-bottom:1px solid #edf0e7}
.nu-public-brand {display:flex;align-items:center;gap:18px;color:var(--nu-ink);font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.03em;text-decoration:none!important}
.nu-public-brand img {max-width:155px;max-height:53px;object-fit:contain}
.nu-public-brand>span {border-left:1px solid #dce5de;padding-left:18px}
.nu-public-brand small {display:block;font-size:10px;letter-spacing:.3em;margin-top:4px}
.nu-public-home {border:1px solid #dfe6df;border-radius:50px;padding:10px 17px;font-size:12px;font-weight:600;color:var(--nu-ink);display:flex;align-items:center;gap:12px}
.nu-public-content {padding:32px 44px 24px;min-height:50vh}
.nu-public-signoff {display:flex;justify-content:space-between;gap:15px;padding:25px 44px;border-top:1px solid #edf0e7;font-size:10px;color:#748075}
.nu-public-signoff strong {letter-spacing:.09em;color:#365441}
.nu-public-page h1,.nu-public-page h2,.nu-public-page h3,.nu-public-page h4,.nu-public-page h5,.nu-public-page h6 {letter-spacing:-.025em;line-height:1.3}
.nu-public-page h1,.nu-public-page h2 {font-weight:750}
.nu-public-page a {color:var(--nu-green)}
.nu-public-page a:hover {color:#0d4535;text-decoration:none}
.nu-public-page a:focus-visible,.nu-public-page button:focus-visible {outline:3px solid #6f9e79;outline-offset:3px}
.nu-public-page .text-primary,.nu-public-page .text-success,.nu-public-page .text-primary-green,.nu-public-page .text-green-500,.nu-public-page .text-green-600 {color:var(--nu-green)!important}
.nu-public-page .text-dark {color:var(--nu-ink)!important}
.nu-public-page .text-muted,.nu-public-page .text-secondary {color:var(--nu-muted)!important}
.nu-public-page .bg-primary,.nu-public-page .bg-success,.nu-public-page .bg-primary-green,.nu-public-page .bg-green-500 {background:var(--nu-green)!important}
.nu-public-page .bg-light {background:#f5f7f0!important}
.nu-public-page .border-primary,.nu-public-page .border-success {border-color:#b5cdb2!important}
.nu-public-page .shadow-lg,.nu-public-page .shadow-sm {box-shadow:0 5px 18px #153e3406!important}
.nu-public-page .card,.nu-public-page .main-card,.nu-public-page .card-app,.nu-public-page .member-card {border:1px solid #e1e8dd;border-radius:20px;box-shadow:none;overflow:hidden}
.nu-public-page .card-header {padding:18px 24px;border-bottom:1px solid #e1e8dd;font-weight:700}
.nu-public-page .card-body {padding:24px}
.nu-public-page .btn {border-radius:50px;font-weight:650;padding:11px 18px;font-size:13px;line-height:1.5;box-shadow:none!important;white-space:normal}
.nu-public-page .btn-sm {padding:7px 13px;font-size:12px}
.nu-public-page .btn-link {border-radius:8px}
.nu-public-page .btn-primary,.nu-public-page .btn-success,.nu-public-page .btn-apply,.nu-public-page .btn-detail,.nu-public-page .btn-lazisnu-primary {background:var(--nu-green);border-color:var(--nu-green);color:white}
.nu-public-page .btn-primary:hover,.nu-public-page .btn-success:hover,.nu-public-page .btn-apply:hover {background:#103f33;border-color:#103f33;color:white}
.nu-public-page .btn-warning {background:var(--nu-lime);border-color:var(--nu-lime);color:var(--nu-ink)}
.nu-public-page .btn-outline-primary,.nu-public-page .btn-outline-success {border-color:#b5cdb2;color:var(--nu-green)}
.nu-public-page .btn-outline-primary:hover,.nu-public-page .btn-outline-success:hover {background:var(--nu-green);color:#fff}
.nu-public-page .form-control,.nu-public-page .input-field,.nu-public-page .custom-input {min-height:48px;border:1px solid #dce5d7;border-radius:12px;background:#fbfcf8;color:var(--nu-ink);padding:11px 14px;box-shadow:none;font-size:14px;line-height:1.5}
.nu-public-page textarea.form-control {height:auto;min-height:100px}
.nu-public-page .form-control:focus,.nu-public-page .input-field:focus {border-color:#759e75;box-shadow:0 0 0 3px #11644d12;outline:0}
.nu-public-page .form-control.is-invalid {border-color:#dc3545}
.nu-public-page input:disabled,.nu-public-page input:read-only {background:#f1f3ed}
.nu-public-page .input-group-text {border-color:#dce5d7;background:#edf3e5;color:#48614c;border-radius:12px}
.nu-public-page .input-group>.form-control:not(:first-child) {border-top-left-radius:0;border-bottom-left-radius:0}
.nu-public-page .input-group>.form-control:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0}
.nu-public-page .form-group label {font-size:12px;font-weight:650;color:#4d6658}
.nu-public-page .select2-container--default .select2-selection--single {height:48px;border:1px solid #dce5d7;border-radius:12px;background:#fbfcf8;padding:9px 6px}
.nu-public-page .select2-container--default .select2-selection__arrow {height:46px}
.nu-public-page .custom-control-input:checked~.custom-control-label::before {background:var(--nu-green);border-color:var(--nu-green)}
.nu-public-page .nav-tabs,.nu-public-page .nav-pills-custom {border:1px solid #e1e8dd;background:#f6f8f1;border-radius:14px;padding:6px;gap:5px}
.nu-public-page .nav-tabs .nav-link,.nu-public-page .nav-pills-custom .nav-link {border:0;border-radius:10px;color:#5b7160;font-size:12px;font-weight:650;padding:12px 15px;white-space:nowrap}
.nu-public-page .nav-tabs .nav-link.active,.nu-public-page .nav-pills-custom .nav-link.active {background:#164f3c;color:white;box-shadow:none}
.nu-public-page .nav-tabs .nav-link.active i,.nu-public-page .nav-pills-custom .nav-link.active i {color:var(--nu-lime)}
.nu-public-page .progress,.nu-public-page .progress-wrapper,.nu-public-page .progress-bar-container {height:6px;background:#eaf0e5;border-radius:10px;overflow:hidden}
.nu-public-page .progress-bar,.nu-public-page .progress-fill,.nu-public-page .progress-bar-inner {background:#40815a}
.nu-public-page .badge-success {background:#edf3e5;color:#23553c}
.nu-public-page .page-link {border:1px solid #e1e8dd;color:var(--nu-green);border-radius:10px;margin:0 3px}
.nu-public-page .page-item.active .page-link {background:var(--nu-green);border-color:var(--nu-green)}
.nu-public-page .modal-content {border:1px solid #e1e8dd;border-radius:20px;overflow:hidden}
.nu-public-page .list-group-item {border-color:#e6ece1}
.nu-public-page .alert {border-radius:13px;font-size:13px}
.nu-public-page .alert-success {background:#edf3e5;border-color:#d6e4cb;color:#2b593d}
.nu-public-page .table th {background:#f1f5e9;color:#4e6754;border-color:#e1e8dd}
.nu-public-page .table td {border-color:#e1e8dd}
.nu-public-page .gap-3 {gap:16px}
/* Shared header treatments retain page titles and all back links. */
.nu-public-page .mobile-header,.nu-public-page .header-kategori,.nu-public-page .detail-header,.nu-public-page .header-section,.nu-public-page .hero-section,.nu-public-page .payment-header {background:#103f33;color:white;border-radius:23px;padding:34px;margin:0 0 26px;box-shadow:none;text-align:left}
.nu-public-page .mobile-header h2,.nu-public-page .header-kategori h1,.nu-public-page .hero-section h1,.nu-public-page .header-section h4 {font-size:32px;margin-bottom:10px!important;color:#fff}
.nu-public-page .mobile-header .text-muted {color:#d3e0d5!important}
.nu-public-page .mobile-header p,.nu-public-page .hero-section p,.nu-public-page .header-kategori p {font-size:13px;margin-bottom:0;color:#d3e0d5}
.nu-public-page .header-kategori>.content-padding {padding:0}
.nu-public-page .detail-header::before {background:#103f33c9}
.nu-public-page .detail-icon {border:1px solid #ffffff40;border-radius:18px;width:60px;height:60px;font-size:27px}
.nu-public-page .nav-header,.nu-public-page .sticky-header,.nu-public-page .header-sticky,.nu-public-page .donation-header {position:relative;top:auto;background:#f1f5e9!important;border:1px solid #e1e8dd!important;border-radius:16px;box-shadow:none;padding:17px 20px!important;margin-bottom:24px;color:var(--nu-ink)}
.nu-public-page .content-padding,.nu-public-page .mobile-padding,.nu-public-page .content-area {max-width:none;padding:0;margin-top:0!important}
.nu-public-page .main-wrapper,.nu-public-page .main-container,.nu-public-page .app-container {max-width:none;min-height:0;background:transparent;box-shadow:none;padding-bottom:0}
/* Discovery: filter and editorial cards. */
.nu-public-page .filter-pill-container,.nu-public-page .filter-bar-container {background:#f6f8f1;border:1px solid #e1e8dd;border-radius:18px;padding:22px;margin-bottom:26px;box-shadow:none}
.nu-public-page .filter-pill-container form {display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.nu-public-page .filter-pill-container .form-group {margin-bottom:0!important}
.nu-public-page .filter-pill-container .form-row {margin:0}
.nu-public-page .filter-pill-container .form-row>.col-9 {padding-left:0}
.nu-public-page .filter-pill-container .btn-apply {height:48px}
.nu-public-page .mobile-campaign-card {display:block;height:calc(100% - 24px);border:1px solid #e1e8dd;border-radius:19px;box-shadow:none;overflow:hidden;margin-bottom:24px;background:#fff;transition:transform .2s,box-shadow .2s}
.nu-public-page .mobile-campaign-card:hover {transform:translateY(-3px);box-shadow:0 12px 24px #123e340a}
.nu-public-page .card-thumb {height:auto;aspect-ratio:16/10}
.nu-public-page .card-thumb img {width:100%;height:100%;object-fit:cover}
.nu-public-page .card-content {padding:21px}
.nu-public-page .campaign-title {font-size:18px;line-height:1.4;font-weight:700;color:var(--nu-ink)}
.nu-public-page .category-label {background:#fffffff0;color:var(--nu-ink);font-size:10px;border-radius:50px;padding:5px 10px}
.nu-public-page .stat-group .amount {font-size:16px}
.nu-public-page .success-badge,.nu-public-page .days-badge {background:#eff4e8;color:#4c7151;font-size:10px}
.nu-public-page .category-icon-box {background:#f6f8f1;border:1px solid #e1e8dd;border-radius:18px;padding:25px 12px;gap:9px;margin:0;min-height:165px;box-shadow:none}
.nu-public-page .category-icon {width:58px;height:58px;border-radius:17px;font-size:25px;box-shadow:none}
.nu-public-page .category-icon-box:hover .category-icon {box-shadow:none}
.nu-public-page .category-text {font-size:13px;line-height:1.4;max-width:none;height:auto;color:var(--nu-ink)}
.nu-view-kategori-kategori #categoryGrid>div {padding:8px}
.nu-view-kategori-detail .campaign-img {height:auto;aspect-ratio:16/10;object-fit:cover}
.nu-view-kategori-detail .campaign-card {border:1px solid #e1e8dd;border-radius:18px;box-shadow:none;margin:0}
.nu-view-kategori-detail .campaign-card>.card {border:0;border-radius:0}
.nu-view-kategori-detail #campaignList {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.nu-public-page .news-cover {max-height:440px;object-fit:cover;width:100%}
.nu-public-page .news-thumbnail {width:140px;height:104px;border-radius:13px;object-fit:cover;flex-shrink:0}
.nu-public-page .article-content {font-size:16px;line-height:1.9;color:#405848;overflow-wrap:anywhere}
.nu-public-page .article-content img {max-width:100%;height:auto}
.nu-public-page .article-content iframe {max-width:100%}
.nu-view-depan-berita .content-area>.card:first-child {background:#103f33!important;padding:12px}
.nu-view-depan-berita .card-title {font-size:30px;max-width:720px}
.nu-view-depan-berita .list-group-item-action {border-radius:17px!important}
.nu-view-depan-berita-detail .content-area {max-width:850px;margin:auto}
/* Donation & checkout: readable, focused forms within the shared shell. */
.nu-public-page .donation-container,.nu-public-page .payment-container {max-width:720px;margin:0 auto;background:transparent;border-radius:0;box-shadow:none;padding-bottom:0}
.nu-public-page .form-section {margin:0 0 22px;border:1px solid #e1e8dd;border-radius:20px;padding:26px;box-shadow:none}
.nu-public-page .form-header {background:#f0f4e8;border:1px solid #e1e8dd;border-radius:23px;padding:30px;margin-bottom:26px}
.nu-public-page .form-header .icon-box {background:#dbe9cc;color:var(--nu-green);box-shadow:none}
.nu-public-page .nominal-display-box {background:#103f33;border-radius:16px;padding:25px;color:#fff}
.nu-public-page .nominal-display-box h2 {color:var(--nu-lime);font-size:34px}
.nu-public-page .nominal-display-box small {color:#d5e3d9;font-size:10px}
.nu-public-page .input-nominal {height:62px;font-size:23px}
.nu-public-page .chip,.nu-public-page .donation-amount-option {border:1px solid #dce5d7;border-radius:12px;background:#fbfcf8;color:#506851;box-shadow:none}
.nu-public-page .chip {padding:12px 5px}
.nu-public-page .chip.active,.nu-public-page .donation-amount-option.selected {background:#edf3d8;border-color:#59835b;color:#174730;box-shadow:0 0 0 1px #59835b}
.nu-public-page .donation-amount-option.selected span {color:#174730!important}
.nu-public-page .payment-card-item,.nu-public-page .radio-card-v2,.nu-public-page .payment-option {border:1px solid #dce5d7;background:#fbfcf8;border-radius:14px;box-shadow:none}
.nu-public-page .payment-card-item.selected,.nu-public-page .radio-card-v2.active,.nu-public-page .payment-option.selected {border-color:#6e9268;background:#f0f5e5;color:var(--nu-green)}
.nu-public-page .payment-option.selected .check-icon {background:var(--nu-green);border-color:var(--nu-green)}
.nu-public-page .radio-card-v2.active::after {font-family:'Font Awesome 7 Free','Font Awesome 6 Free';color:var(--nu-green)}
.nu-public-page .submit-btn,.nu-public-page .btn-submit,.nu-public-page .btn-pay,.nu-public-page .btn-donate-now {border:0;border-radius:50px;padding:16px 24px;background:var(--nu-green);color:#fff;font-size:14px;font-weight:750;box-shadow:none;text-decoration:none}
.nu-public-page .submit-btn:hover,.nu-public-page .btn-submit:hover,.nu-public-page .btn-pay:hover {background:#103f33;color:#fff}
.nu-public-page .btn-pay:disabled,.nu-public-page .btn-submit:disabled,.nu-public-page .btn-donate-now.disabled {background:#d7dfd3;color:#61715e!important;cursor:not-allowed;box-shadow:none}
.nu-public-page .summary-card,.nu-public-page .summary-card-indigo,.nu-public-page .stats-overview,.nu-public-page .summary-plate {background:#103f33;border-radius:19px;color:#fff;box-shadow:none;padding:25px}
.nu-public-page .summary-card-white {background:#f6f8f1;border:1px solid #e1e8dd;border-radius:18px!important}
.nu-public-page .custom-input-group {border-color:#dce5d7;background:#fbfcf8;border-radius:14px}
.nu-public-page .custom-input-group input {background:transparent}
.nu-public-page .anonymous-toggle {background:#f6f8f1;border-color:#e1e8dd}
.nu-public-page .payment-header .amount-badge {background:#ffffff13;border:1px solid #ffffff26;border-radius:12px}
.nu-public-page .payment-header .amount-badge .font-weight-bold {color:var(--nu-lime)}
.nu-view-depan-detail .nu-public-content {max-width:780px;margin:auto}
.nu-view-depan-detail-campaign .content-padding,.nu-view-campaign-check .content-padding {max-width:720px!important}
.nu-view-depan-detail-campaign .nu-public-content>.container-fluid,.nu-view-campaign-check .nu-public-content>.container-fluid {min-height:48vh!important;padding:0}
.nu-public-page .price-tag {font-size:34px;color:var(--nu-green)}
.nu-public-page .payment-instruction-card {background:#f2f6ea;border:1px solid #dce5d7;border-radius:16px}
.nu-public-page .copy-btn {background:#e6efda;color:#23563b;border:1px solid #cfdfbf;border-radius:50px}
.nu-public-page .step-number {background:#edf3e5;color:var(--nu-green)}
.nu-public-page .timer-box {background:#f3f6e9;color:var(--nu-green);border-color:#dce5d7}
/* Campaign story, supporters and account views. */
.nu-view-campaign-detail .main-wrapper {max-width:850px;margin:auto;padding-bottom:100px}
.nu-public-page .hero-container {height:auto;aspect-ratio:16/8;overflow:hidden;border-radius:23px}
.nu-public-page .hero-container img {width:100%;height:100%;object-fit:cover}
.nu-public-page .stats-card,.nu-public-page .doa-bubble,.nu-public-page .doa-box {background:#f4f7ee;border-color:#e1e8dd;border-radius:14px}
.nu-public-page .accordion-header-btn,.nu-public-page .accordion-button-custom {background:#f4f7ee;color:var(--nu-ink);border-radius:12px;padding:16px;border-color:#e1e8dd}
.nu-public-page .donor-card,.nu-public-page .donor-list-item,.nu-public-page .donor-item {border:1px solid #e1e8dd;border-radius:16px;padding:18px;background:white;margin-bottom:12px;box-shadow:none}
.nu-public-page .donor-avatar,.nu-public-page .avatar-box {background:#edf3e0;color:#416c43;flex-shrink:0}
.nu-public-page .nominal-badge,.nu-public-page .badge-donasi {background:#edf3e0;color:#416c43;border-radius:50px}
.nu-public-page .floating-cta {max-width:660px;bottom:85px;padding:0 14px}
.nu-public-page .cta-container {border:1px solid #dfe6d7;box-shadow:0 5px 24px #123e3410;padding:11px;border-radius:20px;background:#fff}
.nu-public-page .btn-donate-now:not(.disabled) {background:var(--nu-lime);color:#153e28!important}
.nu-public-page #shareToast {bottom:178px}
.nu-public-page #messageBox {bottom:100px}
.nu-view-akun-akun .nu-public-content,.nu-view-akun-transaksi .nu-public-content,.nu-view-akun-komisi .nu-public-content,.nu-view-akun-affiliate .nu-public-content {max-width:940px;margin:auto}
.nu-view-akun-akun .nav-tabs {flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
.nu-view-akun-akun .nav-tabs .nav-item {flex:1 0 auto}
.nu-view-akun-akun .card-body>.card-title {font-size:24px}
.nu-view-akun-akun .input-group-lg>.form-control {min-width:0;font-size:14px}
.nu-view-static-page-zakat .hero-section .container {padding:0}
.nu-view-static-page-zakat .nu-public-content>.container {max-width:880px;padding:0}
.nu-view-static-page-zakat .main-card {margin-top:0}
.nu-public-page .result-box {background:#103f33;color:#fff;border:0;border-radius:18px}
.nu-public-page .result-label,.nu-public-page .result-desc {color:#d2dfd1}
.nu-public-page .result-value {color:var(--nu-lime)}
.nu-public-page .result-box .btn-pay {background:var(--nu-lime);color:#173e2e}
.nu-public-page .result-box .btn-copy {color:var(--nu-lime);border-color:#ffffff30}
.nu-public-page .sk-item-wrapper {margin-bottom:14px}
.nu-public-page .btn-accordion-trigger {background:#f6f8f1;border:0;padding:20px;color:var(--nu-ink)}
.nu-public-page .search-box {padding-left:44px}
.nu-public-page .empty-state {border:1px dashed #cdddc3;border-radius:18px;background:#f8faf4;padding:35px;color:#60755e}
/* Persistent navigation matches the redesigned homepage. */
.nu-public-page .footer_sedekah {max-width:650px!important;border-radius:22px 22px 0 0;border:1px solid #e5eade;border-bottom:0;padding:8px 10px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 30px #173d3410!important}
.nu-public-page .footer_sedekah a {display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;border-radius:8px}
.nu-public-page .icon-footer {font-size:18px;height:23px}
.nu-public-page .font-foter-active {color:var(--nu-green);font-weight:700}
/* Standalone public utility pages. */
body.nu-standalone {min-height:100vh;padding:50px 20px;display:flex;align-items:center;justify-content:center}
.nu-standalone>.container,.nu-standalone>.v-container {width:100%;max-width:740px;margin:auto}
.nu-standalone .error-card,.nu-standalone .v-card,.nu-standalone .card-reset {border:1px solid #e1e8dd;border-radius:24px;overflow:hidden;box-shadow:none;background:#fff}
.nu-standalone .error-header,.nu-standalone .v-header {background:#103f33;color:#fff;padding:28px}
.nu-standalone .v-body,.nu-standalone .error-body {padding:30px}
.nu-standalone .approve-box {background:#edf3e5;border-color:#dae7d0}
.nu-standalone .logo-img {max-width:180px}
.nu-recovery .lazisnu-color {color:var(--nu-green)}
.nu-recovery .card-shadow {border:1px solid #e1e8dd;border-radius:24px;box-shadow:none}
.nu-recovery .btn-primary {background:#11644d!important;border-radius:50px}
.nu-recovery .fixed.bottom-0 {background:#103f33}
@media(min-width:768px) {
    .nu-view-depan-donatur .app-container>.p-4 {padding:0!important}
    .nu-view-kategori-kategori #categoryGrid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 -8px!important}
    .nu-view-kategori-kategori #categoryGrid>div {max-width:none;width:auto}
}
@media(max-width:991px) {
    .nu-public-header {padding:22px 28px}
    .nu-public-content {padding:26px 28px}
    .nu-public-signoff {padding:24px 28px}
    .nu-view-kategori-detail #campaignList {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px) {
    body.nu-public-page {padding:0 0 90px;font-size:13px}
    .nu-public-page main.with-navbar {border-radius:0;min-height:100vh}
    .nu-public-header {min-height:80px;padding:17px 18px}
    .nu-public-brand {font-size:14px;gap:10px}
    .nu-public-brand img {max-width:102px;max-height:40px}
    .nu-public-brand>span {padding-left:10px}
    .nu-public-brand small {font-size:8px}
    .nu-public-home {padding:8px 12px;font-size:10px;gap:8px}
    .nu-public-content {padding:22px 18px 16px}
    .nu-public-signoff {padding:22px 18px;flex-direction:column;gap:6px}
    .nu-public-page .mobile-header,.nu-public-page .header-kategori,.nu-public-page .detail-header,.nu-public-page .header-section,.nu-public-page .hero-section,.nu-public-page .payment-header {border-radius:20px;padding:26px 22px;margin-bottom:22px}
    .nu-public-page .mobile-header h2,.nu-public-page .header-kategori h1,.nu-public-page .hero-section h1 {font-size:27px}
    .nu-public-page .header-section h4 {font-size:23px}
    .nu-public-page .mobile-header p,.nu-public-page .header-kategori p,.nu-public-page .hero-section p {font-size:12px}
    .nu-public-page .filter-pill-container form {grid-template-columns:1fr}
    .nu-public-page .filter-pill-container,.nu-public-page .filter-bar-container {padding:16px}
    .nu-public-page .mobile-campaign-card {height:auto}
    .nu-public-page .card-thumb {aspect-ratio:16/9}
    .nu-public-page .card-content {padding:20px}
    .nu-view-kategori-kategori #categoryGrid {margin-left:-5px;margin-right:-5px}
    .nu-view-kategori-kategori #categoryGrid>div {flex:0 0 50%;max-width:50%;padding:5px}
    .nu-public-page .category-icon-box {padding:21px 10px;min-height:150px}
    .nu-view-kategori-detail #campaignList {grid-template-columns:1fr}
    .nu-public-page .news-thumbnail {width:85px;height:85px;border-radius:10px}
    .nu-view-depan-berita .card-title {font-size:23px}
    .nu-public-page .list-group-item h6 {font-size:14px}
    .nu-public-page .card-body {padding:20px}
    .nu-public-page .article-content {font-size:14px;line-height:1.85}
    .nu-public-page .news-cover {max-height:250px}
    .nu-public-page .form-section {padding:20px;margin-bottom:18px}
    .nu-public-page .form-header {padding:24px 18px}
    .nu-public-page .nav-header,.nu-public-page .sticky-header,.nu-public-page .header-sticky,.nu-public-page .donation-header {padding:14px!important;border-radius:14px;margin-bottom:20px}
    .nu-public-page .nav-header h5 {font-size:16px}
    .nu-public-page .form-control,.nu-public-page .input-field,.nu-public-page .custom-input {font-size:16px}
    .nu-public-page .sub-method-container {padding-left:12px;padding-right:0}
    .nu-public-page .payment-option {padding:14px 12px}
    .nu-public-page .payment-container #payment-form {padding:0!important}
    .nu-public-page .payment-option .bank-logo {max-width:68px}
    .nu-public-page .main-wrapper>.p-4,.nu-public-page .main-wrapper>.px-4 {padding-left:0!important;padding-right:0!important}
    .nu-public-page .hero-container {aspect-ratio:16/10;border-radius:18px}
    .nu-public-page .floating-cta {bottom:82px}
    .nu-public-page .btn-donate-now {font-size:13px}
    .nu-public-page .stats-overview {padding:23px;margin:0 0 22px}
    .nu-public-page .app-container>.p-4 {padding:0!important}
    .nu-public-page .donor-list-item,.nu-public-page .donor-card {padding:15px}
    .nu-public-page .price-tag {font-size:29px}
    .nu-public-page .footer_sedekah {border-radius:18px 18px 0 0}
    .nu-public-page .footer_sedekah .p-3 {padding-left:0!important;padding-right:0!important}
    .nu-view-static-page-zakat .card-body {padding:20px!important}
    .nu-view-static-page-zakat .nav-pills-custom {flex-wrap:nowrap;overflow-x:auto}
    .nu-view-static-page-zakat .nav-pills-custom .nav-link {padding:12px}
    .nu-view-akun-akun .nu-public-content>.container-fluid {padding:0!important}
    body.nu-standalone {padding:25px 16px}
    .nu-standalone .v-body,.nu-standalone .error-body {padding:22px}
    .nu-standalone .data-value {overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce) {
    .nu-public-page *,.nu-public-page *::before,.nu-public-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print {
    body.nu-public-page {background:#fff;padding:0}
    .nu-public-header,.nu-public-page .footer,.nu-public-page .floating-cta,.nu-public-home {display:none!important}
    .nu-public-page main.with-navbar {max-width:none!important}
}

/* Finishing details for long labels and compact screens. */
.nu-public-page .donation-header h5 {color:var(--nu-green)}
.nu-public-page .icon-wrapper {flex-shrink:0}
.nu-public-page .donation-container {min-height:0}
.nu-public-page .news-thumbnail+div {min-width:0}
.nu-public-page .list-group-item h5 {font-size:18px;line-height:1.45}
.nu-public-page .summary-card #display-total {color:var(--nu-lime)!important}
.nu-public-page .detail-header {background-color:#103f33!important}
.nu-public-page .nu-recovery-logo {height:64px;width:auto;max-width:220px;object-fit:contain}
body.nu-recovery {flex-direction:column}
.nu-recovery .nu-recovery-footer {position:static;margin-top:20px}
.nu-recovery .cursor-not-allowed {cursor:not-allowed}
.nu-recovery .opacity-50 {opacity:.5}
.nu-view-kategori-detail #campaignList>.col-span-full {grid-column:1/-1}
@media(min-width:992px) {
 .nu-view-kategori-detail .filter-bar-container .col-lg-12 {flex:0 0 90%;max-width:90%}
 .nu-view-kategori-detail .filter-bar-container .col-lg-1 {flex:0 0 10%;max-width:10%}
}
@media(max-width:575px) {
 .nu-public-page .list-group-item h5 {font-size:16px;line-height:1.45}
 .nu-public-page .content-area.p-3 {padding:0!important}
 .nu-view-depan-detail .nu-public-content>.container-fluid {padding-left:0;padding-right:0}
 .nu-public-page .nu-public-content .form-control {font-size:16px!important}
}

/* Mobile refinement: intrinsic flex widths must never enlarge the page. */
body.nu-public-page {display:block!important;width:100%;min-width:0;box-sizing:border-box}
.nu-public-page main.with-navbar {width:100%;min-width:0;margin-left:auto;margin-right:auto}
.nu-public-page .nu-public-content,.nu-public-page .donation-container,
.nu-public-page form,.nu-public-page .form-section,.nu-public-page .form-group,
.nu-public-page .payment-card-item .flex-grow-1 {min-width:0;max-width:100%;box-sizing:border-box}
.nu-public-page .select2-container {max-width:100%;width:100%!important}
.nu-public-page .payment-card-item img,.nu-public-page .radio-card-v2 img {max-width:80px;object-fit:contain}
.nu-public-page .radio-card-v2 {gap:10px}
.nu-public-page .radio-card-v2>span {min-width:0;overflow-wrap:anywhere}
.nu-public-page input[type=number] {-moz-appearance:textfield;appearance:textfield}
.nu-public-page input[type=number]::-webkit-inner-spin-button,
.nu-public-page input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;margin:0}
.nu-view-depan-donasi main.with-navbar {background:#f8faf6}
.nu-view-depan-donasi .nu-public-header {background:white;border-radius:24px 24px 0 0}
.nu-view-depan-donasi .donation-container {max-width:680px}
.nu-view-depan-donasi .donation-intro {margin:0 0 24px;padding:0 2px}
.nu-view-depan-donasi .donation-eyebrow {display:block;font-size:10px;font-weight:750;letter-spacing:.14em;color:#77906f;margin-bottom:8px}
.nu-view-depan-donasi .donation-intro h1 {font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 9px;color:#143f33}
.nu-view-depan-donasi .donation-intro p {font-size:13px;color:#71816f;margin:0;max-width:340px;line-height:1.6}
.nu-view-depan-donasi .form-section {padding:24px;background:#fff;border:1px solid #e5ebdf;border-radius:18px;margin-bottom:16px}
.nu-view-depan-donasi .section-title {display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:-.2px;margin-bottom:19px;color:#173e30}
.nu-view-depan-donasi .donation-step {display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex-shrink:0;border-radius:9px;background:#edf3e2;color:#57734d;font-size:11px;font-weight:750}
.nu-view-depan-donasi .nominal-display-box {display:flex;align-items:center;justify-content:space-between;text-align:left;background:#eff5e5;color:#153e28;padding:13px 15px;border-radius:12px;margin:0 0 18px}
.nu-view-depan-donasi .nominal-display-box small {color:#5c7654;text-transform:none;font-size:12px;letter-spacing:0;font-weight:500}
.nu-view-depan-donasi .nominal-display-box h2 {font-size:21px;color:#164f3c;margin:0;letter-spacing:-.6px;line-height:1.3}
.nu-view-depan-donasi .form-group {margin-bottom:15px}
.nu-view-depan-donasi .form-group label {display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:#53674f}
.nu-view-depan-donasi .donation-minimum {float:right;font-size:10px;color:#889482;font-weight:400;margin-top:2px}
.nu-view-depan-donasi .form-control,.nu-view-depan-donasi .custom-input {background:#fff;border:1px solid #dfe6da;min-height:46px;padding:10px 13px;font-weight:400;border-radius:10px}
.nu-view-depan-donasi .form-control::placeholder {font-size:14px;color:#98a092;font-weight:400}
.nu-view-depan-donasi .input-nominal {height:52px;text-align:left;font-weight:650;font-size:23px!important}
.nu-view-depan-donasi .input-nominal::placeholder {font-size:23px}
.nu-view-depan-donasi .quick-select-grid {gap:8px;margin-top:12px}
.nu-view-depan-donasi .chip {padding:10px 4px;font-size:12px;font-weight:600;border-radius:10px;background:#fff;border-color:#e0e7db;color:#526c4f;min-height:42px}
.nu-view-depan-donasi .chip.active {background:#164f3c;color:#fff;border-color:#164f3c;box-shadow:none}
.nu-view-depan-donasi .select2-container--default .select2-selection--single {background:#fff;border-radius:10px;height:46px;padding:8px 5px;border-color:#dfe6da}
.nu-view-depan-donasi .select2-selection__rendered {font-size:14px;color:#596d53!important}
.nu-view-depan-donasi .payment-card-item {padding:13px;border-radius:12px;background:#fff;gap:11px;margin-bottom:9px}
.nu-view-depan-donasi .payment-card-item .icon-wrapper {width:34px;height:34px;border-radius:9px;background:#f4f7ef;margin:0;box-shadow:none}
.nu-view-depan-donasi .payment-card-item .font-weight-bold {font-size:12px!important;line-height:1.5;font-weight:650!important}
.nu-view-depan-donasi .payment-card-item small {display:block;font-size:10px!important;line-height:1.5;margin-top:3px}
.nu-view-depan-donasi .payment-card-item.selected {background:#f3f7eb;border-color:#8fa67f}
.nu-view-depan-donasi .submit-btn {padding:14px;font-size:13px;border-radius:12px;margin-top:15px}
.nu-view-depan-donasi textarea.form-control {min-height:88px}
.nu-view-depan-donasi .custom-control-label {font-size:11px!important;font-weight:500!important;padding-top:2px}
@media(max-width:767px) {
 body.nu-public-page {padding-left:0;padding-right:0;padding-top:0}
 .nu-public-page main.with-navbar {max-width:100%!important;border-radius:0}
 .nu-public-page .nu-public-header {min-height:68px;padding:14px 18px;border-radius:0}
 .nu-public-page .nu-public-content {padding:22px 16px 16px}
 .nu-public-page .nu-public-brand img {max-width:93px;max-height:34px}
 .nu-public-page .nu-public-brand {font-size:13px}
 .nu-public-page .nu-public-brand small {font-size:7px}
 .nu-public-page .nu-public-home {padding:7px 11px}
 .nu-public-page .nu-public-signoff {padding:21px 18px}
 .nu-view-depan-donasi .donation-intro {margin-bottom:20px}
 .nu-view-depan-donasi .donation-intro h1 {font-size:28px}
 .nu-view-depan-donasi .donation-intro p {font-size:12px;max-width:290px}
 .nu-view-depan-donasi .form-section {padding:18px;border-radius:16px;margin-bottom:14px}
 .nu-view-depan-donasi .section-title {font-size:14px;margin-bottom:15px}
 .nu-view-depan-donasi .nominal-display-box {margin-bottom:15px;padding:11px 13px}
 .nu-view-depan-donasi .nominal-display-box h2 {font-size:20px}
 .nu-view-depan-donasi .nu-public-content .input-nominal {font-size:23px!important}
 .nu-public-page .footer_sedekah {width:100%;max-width:650px!important;box-sizing:border-box;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
}