/* SyariahID Membership */
:root{--sid-accent:#0f7a4d;--sid-accent-dark:#0b6140}
.sid-wrap{max-width:760px;margin:0 auto;line-height:1.6}
.sid-wrap *,.sid-paywall *{box-sizing:border-box}
.sid-wrap label{display:block;font-weight:600;margin-bottom:4px}
.sid-wrap input[type=text],.sid-wrap input[type=email],.sid-wrap input[type=password],.sid-wrap input[type=file]{width:100%;padding:10px 12px;border:1px solid #cfd8d3;border-radius:8px;font-size:16px;box-sizing:border-box}
.sid-h{margin:28px 0 12px;font-size:1.15em}
.sid-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.sid-small{font-size:.9em;color:#5b6b64}
a.sid-btn,button.sid-btn,.sid-btn{display:inline-block;font-family:inherit;background:var(--sid-accent);color:#fff!important;padding:11px 22px;border:0;border-radius:8px;font-weight:700;font-size:16px;text-decoration:none!important;cursor:pointer;line-height:1.3;transition:background .15s}
a.sid-btn:hover,button.sid-btn:hover,.sid-btn:hover,.sid-btn:focus{background:var(--sid-accent-dark)}
.sid-btn:focus-visible{outline:2px solid var(--sid-accent);outline-offset:2px}
.sid-btn[disabled]{opacity:.65;cursor:not-allowed}
a.sid-btn-alt,button.sid-btn-alt,.sid-btn-alt{background:#fff;color:var(--sid-accent)!important;border:2px solid var(--sid-accent)}
a.sid-btn-alt:hover,a.sid-btn-alt:focus,.sid-btn-alt:hover,.sid-btn-alt:focus{background:#eef8f3;background:color-mix(in srgb,var(--sid-accent) 8%,#fff);color:var(--sid-accent-dark)!important}
.sid-btn-block{display:block;width:100%;text-align:center}

/* Paywall */
.sid-teaser p{margin-bottom:0}
.sid-paywall{position:relative;margin:24px 0;padding:32px 24px;text-align:center;background:linear-gradient(#fff0,#f1f8f4 35%);background:linear-gradient(#fff0,color-mix(in srgb,var(--sid-accent) 7%,#fff) 35%);border:1px solid #cfe5d9;border:1px solid color-mix(in srgb,var(--sid-accent) 22%,#fff);border-radius:14px}
.sid-paywall h3{margin:6px 0 8px}
.sid-lock{font-size:38px;line-height:1}
.sid-from{font-size:1.05em}

/* Paket */
.sid-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.sid-plan{position:relative;display:block;cursor:pointer;margin:0!important;font-weight:400!important}
.sid-plan input{position:absolute;opacity:0;width:1px;height:1px}
.sid-plan-box{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px;border:2px solid #d7e2dc;border-radius:12px;background:#fff;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.sid-plan input:checked+.sid-plan-box{border-color:var(--sid-accent);box-shadow:0 0 0 3px rgba(15,122,77,.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--sid-accent) 15%,transparent);background:#f4fbf7;background:color-mix(in srgb,var(--sid-accent) 6%,#fff)}
.sid-plan input:focus-visible+.sid-plan-box{outline:2px solid var(--sid-accent);outline-offset:2px}
.sid-plan-name{font-weight:700;font-size:1.05em}
.sid-plan-price{font-size:1.4em;font-weight:800;color:var(--sid-accent)}
.sid-plan-dur{font-size:.85em;color:#5b6b64}
.sid-plan-desc{font-size:.9em;color:#33433b;margin-top:4px}
.sid-radio{font-weight:400!important}

/* Notifikasi */
.sid-notice{padding:12px 14px;border-radius:8px;margin:0 0 16px;border-left:4px solid}
.sid-notice-info{background:#eef5ff;border-color:#2b6cb0}
.sid-notice-success{background:#edf9f2;border-color:var(--sid-accent)}
.sid-notice-error{background:#fdeeee;border-color:#c53030}

/* Akun */
.sid-box{padding:18px 20px;border:1px solid #d7e2dc;border-radius:12px;background:#fff;margin-bottom:20px}
.sid-ok{color:var(--sid-accent)}.sid-off{color:#c53030}
.sid-order{padding:14px 16px;border:1px solid #d7e2dc;border-radius:12px;margin-bottom:12px;background:#fff}
.sid-order-focus{border-color:var(--sid-accent);box-shadow:0 0 0 3px rgba(15,122,77,.15);box-shadow:0 0 0 3px color-mix(in srgb,var(--sid-accent) 15%,transparent)}
.sid-order-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.sid-order-meta{color:#5b6b64;font-size:.92em;margin:4px 0 8px}
.sid-pill{font-size:.78em;padding:3px 10px;border-radius:99px;font-weight:700;background:#eee}
.sid-pill-paid{background:#d9f3e4;color:var(--sid-accent-dark)}
.sid-pill-pending{background:#fff3cd;color:#8a6100}
.sid-pill-rejected,.sid-pill-expired{background:#fde2e2;color:#9b1c1c}

@media (prefers-reduced-motion:reduce){.sid-btn,.sid-plan-box{transition:none}}
@media (max-width:480px){.sid-paywall{padding:24px 16px}a.sid-btn,button.sid-btn,.sid-btn{width:100%;text-align:center;margin-bottom:6px}}
.sid-pay{border-top:1px dashed #d7e2dc;padding-top:10px;margin-top:6px}
.sid-bank{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8f7;border:1px solid #e1e8e4;border-radius:8px;padding:12px;font-family:inherit;margin:0 0 12px}