@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}
body{margin:0;background:#FAFAF8;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;color:#1C1C1A}
a{text-decoration:none}
.wrap{max-width:560px;margin:0 auto;padding:0 20px 60px}
.topbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 20px}
.logo{width:32px;height:32px;border-radius:9px;background:#0D6B5E;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
.logo-img{width:32px;height:32px;border-radius:9px;display:block}
.contact-line{font-size:12px;color:#8A8A82;text-align:center;margin-top:6px}
.contact-line a{color:#8A8A82;border-bottom:1px solid #D8D8D0}
.site-footer{margin-top:26px;padding-top:16px;border-top:1px solid #ECEBE6;text-align:center;font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
.site-footer-brand{font-weight:700;font-size:14px;color:#1C1C1A}
.cert-btn{background:#1C1C1A;color:#fff}
.brand{font-weight:700;font-size:17px}
.card{background:#fff;border:1px solid #ECEBE6;border-radius:16px;padding:18px;margin-bottom:14px;overflow-wrap:break-word;word-break:break-word}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:12px;border:none;font-weight:700;font-size:15px;cursor:pointer}
.btn-primary{background:#0D6B5E;color:#fff}
.btn-whatsapp{background:#25D366;color:#fff}
.btn-outline-red{background:#fff;color:#C94A3D;border:1.5px solid #E3B2AC}
.btn-outline{background:#fff;color:#1C1C1A;border:1.5px solid #E3E2DC}
input,select,textarea{width:100%;height:46px;box-sizing:border-box;border:1px solid #E3E2DC;border-radius:8px;padding:0 12px;font-size:14px;font-family:inherit;margin-bottom:12px;background:#fff}
textarea{height:90px;padding:10px 12px;resize:vertical}
label{font-size:13px;color:#6B6B62;margin-bottom:6px;display:block}
.pillgroup{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.pill{padding:8px 14px;border-radius:20px;border:1.5px solid #E3E2DC;font-size:13px;cursor:pointer;background:#fff}
.pill.active{background:#0D6B5E;color:#fff;border-color:#0D6B5E}
.muted{color:#8A8A82;font-size:12.5px}
.center{text-align:center}
.status-pill{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}
.status-pending{background:#FBF0DC;color:#B8812B}
.status-approved{background:#DFF3E7;color:#1F8B52}
.status-rejected{background:#FBE4E1;color:#C94A3D}
.err{background:#FBE4E1;color:#9A3327;border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:12px}
.sig-box{width:100%;height:140px;border:1.5px dashed #D8D7D0;border-radius:10px;background:#FBFBF9;touch-action:none}
.doc-card{padding:20px 18px;overflow-wrap:break-word}
.doc-bismillah{text-align:center;font-size:16px;font-weight:700;margin-bottom:12px}
.doc-ayah{text-align:center;font-size:13.5px;line-height:1.9;font-weight:600;color:#0D6B5E;margin-bottom:4px}
.doc-ayah-ref{text-align:center;font-size:11px;color:#8A8A82;margin-bottom:16px}
.doc-fixed-text{font-size:13px;line-height:1.95;text-align:justify}
.doc-legal-note{font-size:11px;color:#6B6B62;text-align:center;border-top:1px dashed #E3E2DC;margin-top:14px;padding-top:12px;line-height:1.8}