/* Memorial khatmas: one clear invitation and reading flow, in either language. */
.khatma-welcome{display:grid;grid-template-columns:1.45fr .75fr;gap:54px;align-items:center;padding:58px 0 40px}.khatma-welcome h1{font:500 clamp(42px,5vw,68px)/1.2 'Cormorant Garamond',serif;margin:22px 0}.khatma-welcome h1 em{color:var(--gold);font-weight:400}.khatma-welcome p{max-width:620px;color:var(--muted);line-height:1.9}.khatma-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.khatma-actions .button{min-height:46px}.khatma-welcome .khatma-actions{margin-top:25px}.khatma-welcome-art{border:1px solid var(--gold);border-radius:50% 50% 8px 8px;min-height:320px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.khatma-welcome-art>span{font-size:75px;color:var(--gold);line-height:1}.khatma-welcome-art p{font:44px 'Amiri Quran',serif;color:var(--deep)}.khatma-welcome-art small{font-size:10px;letter-spacing:1px;color:var(--muted)}.khatma-how{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 0;margin:0 0 40px;border-block:1px solid var(--line)}.khatma-how li{display:flex;align-items:flex-start;gap:16px}.khatma-how b{font:32px/1.2 'Cormorant Garamond',serif;color:var(--gold)}.khatma-how h2{font-size:17px;margin:0 0 8px}.khatma-how p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}
#khatma-dialog{width:min(650px,calc(100vw - 28px));max-height:90dvh;box-sizing:border-box}#khatma-dialog .field-select{width:100%;box-sizing:border-box}#khatma-dialog .field-label{margin-top:18px}#khatma-dialog .button{font-size:14px}#khatma-dialog input,#khatma-dialog textarea{font-size:16px}#khatma-dialog .recovery-input{font-size:12px;direction:ltr}#khatma-dialog .small-note{line-height:1.8;font-size:12px}.form-step{font-size:12px;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}.form-step span{padding:0 8px}.khatma-kind{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0 10px;font-size:14px}.khatma-kind label{display:flex;align-items:center;gap:6px}.khatma-kind input{accent-color:var(--deep)}.portrait-editor{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;align-items:center;background:var(--soft);padding:20px;margin:24px 0 8px;border-radius:8px}.portrait-editor .field-label{margin-top:0!important}.portrait-editor input[type=file]{max-width:100%;font-size:12px!important;color:var(--muted)}.portrait-editor input::file-selector-button{border:1px solid var(--line);padding:9px 12px;border-radius:4px;background:var(--surface);color:var(--ink);cursor:pointer}.memorial-portrait{width:180px;height:180px;object-fit:contain;background:var(--soft);border-radius:12px;border:1px solid var(--line);display:block;flex-shrink:0}.memorial-emblem{width:160px;height:180px;border-radius:90px 90px 12px 12px;border:1px solid var(--gold);display:grid;place-items:center;background:var(--soft);color:var(--gold);font-size:76px;flex-shrink:0}.portrait-editor .memorial-portrait,.portrait-editor .memorial-emblem{width:96px;height:112px;font-size:50px}.khatma-privacy{background:var(--soft);padding:16px;border-inline-start:3px solid var(--gold);font-size:12px!important;line-height:1.9!important}.khatma-invitation-preview{text-align:center;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:26px;margin:20px 0}.khatma-invitation-preview .memorial-portrait,.khatma-invitation-preview .memorial-emblem{margin:0 auto 20px}.khatma-invitation-preview h3{overflow-wrap:anywhere;font-size:24px;line-height:1.6;margin:10px 0}.khatma-invitation-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.khatma-invitation-preview>span{font-size:12px;color:var(--muted)}.organizer-backup-note{margin-top:24px;padding:20px;background:var(--soft);border-radius:6px}.organizer-backup-note p{font-size:12px!important;line-height:1.8!important}
.khatma-memorial-heading{display:flex;align-items:center;gap:36px;margin:36px 0}.khatma-memorial-heading>div:not(.memorial-emblem){flex:1;min-width:0}.khatma-memorial-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.4;margin:14px 0;overflow-wrap:anywhere}.khatma-memorial-heading .person-name{font-size:15px;color:var(--muted);overflow-wrap:anywhere}.khatma-memorial-heading .group-dedication{font-size:15px;line-height:1.9}.khatma-memorial-heading .khatma-actions{margin-top:22px}.khatma-progress-native{display:block;width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;background:#ffffff26;accent-color:#ccb582}.khatma-progress-native::-webkit-progress-bar{background:#ffffff26;border-radius:10px}.khatma-progress-native::-webkit-progress-value{background:#ccb582;border-radius:10px}.khatma-progress-native::-moz-progress-bar{background:#ccb582}.my-reading{background:var(--soft);border:1px solid var(--gold);border-radius:8px;padding:22px;margin:24px 0}.my-reading h2{font-size:21px;margin:0 0 15px}.my-reading>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 0}.my-reading>div>span{flex:1;font-weight:600}.my-reading small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.khatma-board-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:24px 0 35px}.organizer-tools{max-width:650px;flex:1;font-size:12px}.organizer-tools summary{cursor:pointer;min-height:36px;color:var(--muted)}.organizer-tools p{line-height:1.9;color:var(--muted)}.organizer-tools .text-link{min-height:40px}.khatma-board-tools>.text-link{font-size:12px}.choose-part-heading h2{font-size:29px;margin:8px 0 12px}.choose-part-heading p{font-size:13px;color:var(--muted);line-height:1.9}.juz-card.my-part{box-shadow:inset 0 0 0 1px var(--gold)}#khatma .juz-card h2{font-size:26px;margin:18px 0 10px}#khatma .juz-range{font-size:12px;line-height:1.7}#khatma .part-actions{flex-wrap:wrap;gap:12px}#khatma .part-actions .button{font-size:13px;min-height:44px;flex:1;text-align:center;justify-content:center}#khatma .part-actions .text-link{font-size:12px;min-height:36px;display:flex;align-items:center}#khatma .part-reader{font-size:13px}.my-part .part-reader small{font-size:11px}.part-status{white-space:nowrap}#khatma .progress-counts{font-size:12px}#khatma .sync-tools span{font-size:11px}#khatma .filter-pills button{min-height:42px}
#khatma-reading-bar{grid-column:1/-1;position:sticky;top:0;z-index:12;display:flex;justify-content:space-between;gap:15px;align-items:center;align-self:start;background:var(--surface);border:1px solid var(--gold);box-shadow:0 4px 20px #0000000c;border-radius:8px;padding:14px 20px;margin-bottom:15px}#khatma-reading-bar>div:first-child{display:flex;gap:18px;align-items:center;flex-wrap:wrap}#khatma-reading-bar a{font-size:12px;text-decoration:underline;text-underline-offset:4px}#khatma-reading-bar strong{font-size:17px}#khatma-reading-bar span{font-size:12px;color:var(--muted)}#khatma-reading-bar .button{font-size:13px;min-height:42px;padding:10px 16px}#khatma-reading-end{padding:24px;text-align:center;background:var(--soft);border-top:1px solid var(--line)}#khatma-reading-end p{font-size:13px;line-height:1.8;color:var(--muted)}#khatma-reading-end .button{margin:6px;font-size:13px}html[lang=ar] .khatma-welcome h1{font-family:'Amiri Quran',serif;line-height:1.65}html[lang=ar] .khatma-welcome h1 em{font-style:normal}html[lang=ar] .khatma-how h2,html[lang=ar] .choose-part-heading h2,html[lang=ar] .my-reading h2{font-family:'Amiri Quran',serif}html[lang=ar] .khatma-memorial-heading h1{font-family:'Amiri Quran',serif;line-height:1.8}
@media(max-width:850px){.khatma-welcome{grid-template-columns:1fr .5fr;gap:25px}.khatma-welcome-art{min-height:250px;padding:14px}.khatma-welcome-art p{font-size:34px}.khatma-welcome-art small{font-size:8px}.khatma-how{gap:18px}.khatma-memorial-heading{gap:24px}.khatma-memorial-heading .memorial-portrait,.khatma-memorial-heading .memorial-emblem{width:135px;height:160px}#khatma-reading-bar{padding:12px;gap:10px}#khatma-reading-bar>div:first-child{gap:10px}}
@media(max-width:600px){.khatma-welcome{display:block;padding-top:35px}.khatma-welcome-art{display:none}.khatma-welcome h1{font-size:42px}.khatma-welcome p{font-size:14px}.khatma-welcome .khatma-actions{align-items:stretch;flex-direction:column}.khatma-how{grid-template-columns:1fr;gap:22px}.khatma-how h2{font-size:22px}.khatma-how p{font-size:13px}.khatma-memorial-heading{flex-direction:column;align-items:flex-start;margin-top:24px;gap:18px}.khatma-memorial-heading h1{font-size:30px}.khatma-memorial-heading .khatma-actions{gap:9px}.khatma-memorial-heading .button{font-size:12px;padding:12px 15px}.khatma-board-tools{flex-direction:column;gap:8px}.choose-part-heading h2{font-size:26px}#khatma .progress-counts{font-size:11px}.portrait-editor{grid-template-columns:1fr;padding:16px;gap:14px}.portrait-editor #photo-preview{justify-self:center}.khatma-kind{font-size:13px;gap:14px}#khatma-dialog{padding:22px 18px}#khatma-dialog .dialog-heading h2{font-size:26px;line-height:1.6}#khatma-dialog .khatma-actions .button{width:100%;justify-content:center}.form-step{font-size:11px}.my-reading>div{gap:10px}.my-reading .button{font-size:12px}.my-reading>div>span{min-width:90px}.my-reading .text-link{font-size:12px}#khatma-reading-bar{flex-wrap:wrap}#khatma-reading-bar>div:first-child{width:100%;justify-content:space-between}#khatma-reading-bar span{font-size:11px}#khatma-reading-bar .khatma-actions{width:100%}#khatma-reading-bar .button{width:100%;justify-content:center}.khatma-invitation-preview{padding:20px 15px}.khatma-invitation-preview h3{font-size:21px}}

/* Visible organizer controls and recoverable deletion. */
.organizer-panel{width:100%;padding:24px;border:1px solid var(--gold);border-radius:10px;background:var(--soft);box-sizing:border-box}.organizer-panel h2{font-size:26px;margin:8px 0}.organizer-panel>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:760px}.organizer-panel .button{font-size:13px}.khatma-board-tools:has(.organizer-panel){flex-direction:column}.organizer-delete-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:12px;color:var(--muted)}.danger-text{color:#ab4239!important}.danger-button{background:#9e392f;color:#fff;border-color:#9e392f}.danger-button:hover{background:#822f27}.release-reservation{flex-basis:100%;color:var(--deep);text-decoration:underline;text-underline-offset:4px}.khatma-trash{margin:25px 0;padding:20px;border:1px solid var(--line);border-radius:8px}.khatma-trash summary{cursor:pointer;font-weight:600}.khatma-trash p{font-size:13px;line-height:1.8;color:var(--muted)}.khatma-trash a{display:block;margin-block:12px}.khatma-empty .khatma-actions{justify-content:center}html[data-theme=dark] .danger-text{color:#efaca3!important}@media(max-width:600px){.organizer-panel{padding:18px}.organizer-panel .khatma-actions{align-items:stretch;flex-direction:column}.organizer-panel .button{justify-content:center}.organizer-delete-row{align-items:flex-start;flex-direction:column}.khatma-board-tools>.text-link{line-height:1.8;text-align:start}.group-filter-row .filter-pills{flex-wrap:wrap}}

/* Reminders, new rounds and completion cards. */
.calendar-reminder{margin-top:24px;padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.calendar-reminder h3{margin:0;font-size:24px}.calendar-reminder input[type=datetime-local]{min-width:0;max-width:100%;direction:ltr}.reminder-actions{margin-top:16px}.khatma-thanks-preview{padding:18px;margin:20px 0;background:var(--soft);border:1px solid var(--line);border-radius:8px}.khatma-thanks-preview canvas{width:100%;height:auto;display:block;max-height:65vh;object-fit:contain}#thanks-text{white-space:pre-wrap}#reminder-message{font-size:14px!important;line-height:1.8}.khatma-completed{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:26px;margin:25px 0;background:var(--soft);border:1px solid var(--gold);border-radius:10px}.khatma-completed>span{font-size:42px;color:var(--gold)}.khatma-completed>div{flex:1;min-width:200px}.khatma-completed h2{font-size:26px;line-height:1.6;margin:0 0 8px}.khatma-completed p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.khatma-completed .button{font-size:13px}html[lang=ar] .khatma-completed h2{font-family:'Amiri Quran',serif}@media(max-width:600px){.calendar-reminder{padding:15px}.khatma-completed{padding:20px;gap:12px}.khatma-completed>span{display:none}.khatma-completed .button{width:100%;justify-content:center}.khatma-thanks-preview{padding:8px}.reminder-actions>*{width:100%;justify-content:center}#khatma-reading-bar .text-link{min-height:40px}}