.grave-photo--placeholder{display:flex;align-items:center;justify-content:center}
.grave-location-info{margin-top:12px}
.grave-nav-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.btn-navigate{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--bg);padding:12px 20px;border-radius:50px;font-size:14px;font-weight:700;font-family:var(--font-ar);text-decoration:none;transition:var(--transition)}
.btn-navigate:hover{background:var(--gold-bright);transform:translateY(-1px);opacity:1}
.btn-copy-coords{background:transparent;border:1px solid var(--border-mid);border-radius:50px;padding:12px 20px;font-family:var(--font-ar);font-size:14px;font-weight:700;color:var(--text-50);cursor:pointer;transition:var(--transition)}
.btn-copy-coords:hover{border-color:var(--border-strong);color:var(--text-90)}
.khatma-section{padding:24px 0;border-bottom:1px solid var(--border-soft)}
.khatma-section h2{font-family:var(--font-en);font-size:11px;letter-spacing:5px;color:rgba(196,155,57,0.45);text-transform:uppercase;margin-bottom:16px;font-weight:400}
.khatma-desc{font-size:15px;color:var(--text-50);line-height:1.8;margin-bottom:16px}
.khatma-list{margin-bottom:16px;min-height:40px}
.khatma-loading,.khatma-empty{font-size:14px;color:var(--text-30);font-family:var(--font-ar);padding:8px 0}
.khatma-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-1);border:1px solid var(--border-soft);border-radius:var(--r);margin-bottom:8px}
.khatma-card-info{display:flex;align-items:center;gap:12px}
.khatma-status{font-size:12px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:50px;font-family:var(--font-ar)}
.khatma-status--active{background:rgba(196,155,57,0.1);color:var(--gold);border:1px solid var(--border-mid)}
.khatma-status--done{background:rgba(50,200,100,0.08);color:#7dcea0;border:1px solid rgba(50,200,100,0.2)}
.khatma-parts{font-size:13px;color:var(--text-50);font-family:var(--font-ar)}
.btn-join-khatma{background:transparent;border:1px solid var(--border-mid);border-radius:50px;padding:8px 18px;font-family:var(--font-ar);font-size:13px;font-weight:700;color:var(--gold);cursor:pointer;transition:var(--transition)}
.btn-join-khatma:hover{background:rgba(196,155,57,0.08);border-color:var(--border-strong)}
.btn-new-khatma{background:transparent;border:1px solid var(--border-mid);border-radius:50px;padding:12px 24px;font-family:var(--font-ar);font-size:15px;font-weight:700;color:var(--text-50);cursor:pointer;transition:var(--transition);width:100%}
.btn-new-khatma:hover{border-color:var(--border-strong);color:var(--gold)}
.btn-new-khatma:disabled{opacity:.4;cursor:default}
.qr-section{padding:24px 0;border-bottom:1px solid var(--border-soft)}
.qr-section h2{font-family:var(--font-en);font-size:11px;letter-spacing:5px;color:rgba(196,155,57,0.45);text-transform:uppercase;margin-bottom:16px;font-weight:400}
.qr-block{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.qr-code-wrap{background:var(--bg-1);border:1px solid var(--border-mid);border-radius:var(--r);padding:12px;flex-shrink:0}
.qr-code-wrap canvas{display:block}
.qr-info{flex:1;min-width:200px}
.qr-desc{font-size:14px;color:var(--text-50);line-height:1.8;margin-bottom:14px;font-family:var(--font-ar)}
.btn-print-qr{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-mid);border-radius:50px;padding:12px 24px;font-family:var(--font-ar);font-size:14px;font-weight:700;color:var(--text-50);cursor:pointer;transition:var(--transition)}
.btn-print-qr:hover{border-color:var(--border-strong);color:var(--gold)}