.ac-note{margin:0 0 8px;padding-inline:16px}.ac-roster{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ac-roster>li{border:1px solid var(--app-border);border-radius:10px;gap:6px;padding:12px;display:grid}.ac-roster-head{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.ac-classroom{gap:10px;margin-block:8px;display:grid}.ac-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.ac-tile{aspect-ratio:4/3;border:1px solid var(--app-border);background:#000;border-radius:10px;max-width:420px;position:relative;overflow:hidden}.ac-video{object-fit:cover;width:100%;height:100%}.ac-placeholder{color:#fff;text-align:center;place-items:center;height:100%;padding:8px;display:grid}.ac-name{color:#fff;background:#0009;border-radius:999px;padding:2px 8px;font-size:13px;position:absolute;inset-block-end:6px;inset-inline-start:6px}.ac-indicators{flex-wrap:wrap;gap:8px;margin:0;display:flex}.ac-indicators>span{border:1px solid var(--app-border);border-radius:999px;padding:2px 10px;font-size:13px}.ac-indicators>.ac-on{border-color:var(--accent);font-weight:700}.ac-check{align-items:center;gap:6px;display:inline-flex}.ac-classroom .bc-form-actions{flex-wrap:wrap}.ac-classroom .btn,.ac-check{white-space:nowrap}.ac-moderate{gap:4px;display:flex;position:absolute;inset-block-start:6px;inset-inline-end:6px}.ac-moderate .btn{color:#fff;background:#0009}.ac-readmit{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.ac-readmit label{flex:220px;gap:4px;display:grid}.ac-removed ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ac-removed q{color:var(--app-muted);margin-inline-start:6px}.ac-prose{white-space:pre-wrap;margin-block:4px}.ac-file-link{margin-block:4px;display:inline-block}.ac-mark,.ac-unread,.ac-notices-link a[data-unread]:not([data-unread="0"]){font-weight:600}.ac-chat{border:1px solid var(--app-border);border-radius:8px;gap:8px;margin-block-start:12px;padding:8px 12px;display:grid}.ac-chat h4{margin:0}.ac-chat-list{overflow-wrap:anywhere;gap:6px;max-block-size:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.ac-chat-list li{align-items:baseline;gap:6px;display:flex}.ac-chat-list li button{margin-inline-start:auto}.ac-chat input{flex:1;min-inline-size:0}@font-face{font-family:KFGQPC HAFS Uthmanic Script;src:url(/fonts/kfgqpc-hafs-uthmanic-v13.ttf)format("truetype");font-display:swap}.quran-text{overflow-wrap:anywhere;margin:0;font-family:KFGQPC HAFS Uthmanic Script,serif;font-size:1.75rem;line-height:2.4}.quran-basmala{text-align:center;margin-block:8px 16px}.surah-title{text-align:center}.quran-ayahs,.quran-results,.hadith-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.quran-ayahs li{border-block-end:1px solid var(--app-border);padding-block-end:8px}.ayah-number{white-space:nowrap}.quran-tafsir{border-inline-start:3px solid var(--app-border);margin:4px 0 0;padding:6px 10px;line-height:1.9}.hadith-text{margin:0;line-height:2}.surah-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.surah-list li{border:1px solid var(--app-border);border-radius:8px;padding:6px 10px;display:grid}.surah-number{min-inline-size:2em;display:inline-block}.hadith-books,.hadith-sections{gap:6px;padding-inline-start:1.2em;display:grid}.quran-player{flex-wrap:wrap;align-items:end;gap:8px;margin-block:8px;display:flex}.quran-playing{background:var(--app-accent-soft);border-radius:6px}.ayah-play{color:var(--app-muted);cursor:pointer;background:0 0;border:0;font-size:.9rem}.tajweed-legend ul{flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;padding:0;list-style:none;display:flex}.tj-hamzat_wasl,.tj-silent,.tj-lam_shamsiyyah{color:#9aa0a6}.tj-madd{color:#e5484d}.tj-ghunnah{color:#f5a524}.tj-iqlab{color:#3e8ef7}.tj-idgham{color:#8e7cf0}.tj-ikhfa{color:#2bb673}.tj-qalqalah{color:#00a3c4}.hadith-grades{flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;display:flex}.hadith-grade{white-space:nowrap}.certificate{border:3px double var(--app-border);text-align:center;border-radius:12px;gap:8px;padding:32px 20px;display:grid}.certificate-name{font-size:1.8rem;font-weight:700}.certificate-school{color:var(--app-muted)}@media print{.no-print{display:none}}.ac-shell .bc-account{justify-content:flex-end;align-items:center;gap:8px;min-inline-size:0;padding:8px 16px;display:flex}.ac-account-email{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.ac-shell .bc-account .btn{flex:none}.ac-shell .app-section{margin-bottom:20px}.ac-cards,.ac-start{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-block-end:20px;display:grid}.ac-card{border:1px solid var(--app-border);background:var(--app-surface);color:inherit;border-radius:12px;align-content:start;gap:6px;min-inline-size:0;padding:14px 16px;text-decoration:none;display:grid}a.ac-card:hover,a.ac-card:focus-visible{border-color:var(--app-accent)}.ac-card h3{margin:0;font-size:1.05rem}.ac-card p{margin:0}.ac-shell select{max-inline-size:100%}.ac-shell .bc-subnav{padding-inline:16px}.ac-signals{color:var(--app-muted);gap:2px;margin:0;padding:0;list-style:none;display:grid}.ac-plan{gap:8px;display:grid}.ac-warning-high{color:#e5484d}.ac-warning-medium{color:#f5a524}.ac-shell .app-section{padding-block:0}.ac-fold{border-block-end:1px solid var(--app-border);padding-block:6px}.ac-fold>summary{cursor:pointer}.ac-admin{min-inline-size:0}.ac-admin-head{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.ac-admin-head h1{overflow-wrap:anywhere;margin-block-end:4px}.ac-admin-head p{margin:0}.ac-kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-block:14px;display:grid}.ac-kpi{border:1px solid var(--app-border);background:var(--app-surface);color:inherit;border-radius:12px;gap:2px;min-inline-size:0;padding:10px 12px;text-decoration:none;display:grid}.ac-kpi strong{font-size:1.5rem;line-height:1.1}.ac-kpi span{color:var(--app-muted);overflow-wrap:anywhere;font-size:.85rem}a.ac-kpi:hover,a.ac-kpi:focus-visible{border-color:var(--app-accent)}.ac-tabs{scrollbar-width:thin;border-block-end:1px solid var(--app-border);gap:4px;margin-block-end:16px;padding-block-end:0;display:flex;overflow-x:auto}.ac-tab{color:var(--app-muted);white-space:nowrap;border-block-end:2px solid #0000;flex:none;padding:10px 14px;text-decoration:none}.ac-tab[aria-current=page]{color:var(--app-text);border-block-end-color:var(--app-accent);font-weight:700}.ac-actions{flex-wrap:wrap;gap:8px;margin-block:8px 14px;display:flex}.ac-attention li{padding-block:4px}.ac-more{position:relative}.ac-more>summary{cursor:pointer;list-style:none}.ac-more>summary::-webkit-details-marker{display:none}.ac-more-menu{z-index:5;border:1px solid var(--app-border);background:var(--app-surface);border-radius:12px;gap:6px;min-inline-size:220px;max-inline-size:calc(100vw - 32px);margin-block-start:6px;padding:10px;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 8px 24px #00000059}.ac-more-menu .btn{text-align:start;justify-content:start}.ac-dialog{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-radius:0;block-size:100dvh;max-block-size:100dvh;inline-size:min(480px,100vw);max-inline-size:100vw;margin-block:0;margin-inline:auto 0;padding:0;overflow:auto}.ac-dialog::backdrop{background:#0009}@media (max-width:640px){.ac-dialog{border-radius:16px 16px 0 0;block-size:auto;max-block-size:92dvh;inline-size:100%;margin-block:auto 0;margin-inline:0}}.ac-dialog-head{border-block-end:1px solid var(--app-border);background:var(--app-surface);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;inset-block-start:0}.ac-dialog-head h2{margin:0;font-size:1.1rem}.ac-dialog-body{gap:12px;padding:16px;display:grid}
