/* NoorQuran shared UI components. */
.icon,.nq-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;display:inline-block;vertical-align:-.18em;color:currentColor;flex:0 0 auto}
.icon-sm{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}
.icon-md{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
.icon-lg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
.nq-icon-wrap{display:inline-flex;align-items:center;justify-content:center;color:currentColor;line-height:0;flex:0 0 auto}
.icon-muted{color:var(--text-muted)}
.icon-active,.on .nq-icon,.active .nq-icon{color:var(--accent)}
button:hover .nq-icon,a:hover .nq-icon{color:var(--accent-hover)}
.hamb .nq-icon-wrap{width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important}
.brand-mark,.ibtn,.icon-btn,.pill,.lb,.recbtn,.ctrl,.vbtn,.rb,.tooltab,.subtab,.speedbtn,.control-pill,.audio-btn,.pclose,.psearch,.toolfield,.rinput,.ssel{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:var(--radius-md)!important;transition:background .18s,border-color .18s,color .18s,transform .18s}
.action-btn,.vbtn,.sbtn,.o,.vopt,.shdl,.vact-btn,.genbtn,.prevbtn,.recbtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;padding:0 14px!important;border-radius:12px!important;white-space:nowrap!important;line-height:1.1!important}
.action-btn .icon,.action-btn .nq-icon,.vbtn .nq-icon,.sbtn .nq-icon,.o .nq-icon,.vopt .nq-icon,.shdl .nq-icon,.vact-btn .nq-icon,.genbtn .nq-icon,.prevbtn .nq-icon,.recbtn .nq-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
.ibtn .nq-icon,.icon-btn .nq-icon,.pclose .nq-icon,.desk-tool-ico .nq-icon,.mbico .nq-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
.ctrl .nq-icon,.audio-btn .nq-icon,.mbplay .nq-icon{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
.ctrl.big .nq-icon{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
.pill,.login,.lb.on,.vbtn.on,.rb.on,.tooltab.on,.subtab.on,.speedbtn.on,.audio-btn.on{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 12%,var(--surface))!important}
.ibtn:hover,.icon-btn:hover,.pill:hover,.lb:hover,.recbtn:hover,.ctrl:hover,.vbtn:hover,.rb:hover,.tooltab:hover,.subtab:hover,.speedbtn:hover,.control-pill:hover,.audio-btn:hover{border-color:var(--accent)!important;background:var(--surface-soft)!important;color:var(--accent)!important}
.card,.resume-card,.feature-card,.daily-card,.surah-card,.project-card,.vc,.vodcard,.donbox,#desk-left,#desk-right,#spanel,#rpanel,#toolpanel,.sharebox,.vidbox,.ritem,.toolitem,.kitem,.audio-bar,#pbar{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-soft)!important;color:var(--text)!important}
.surah-card,.feature-card,.project-card,.vc,.toolitem,.kitem{box-shadow:none!important}
.surah-card:hover,.vc:hover,.feature-card:hover,.project-card:hover,.toolitem:hover{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 5%,var(--surface))!important}
.searchbar,.search-results,.menu-panel,.select-menu,.newsletter input,.progbar,.audio-progress,.kbar{background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--text)!important}
.search-results,.menu-panel,.select-menu{background:var(--surface)!important;box-shadow:var(--shadow-soft)!important}
.searchbar input,.newsletter input,.psearch,.toolfield{color:var(--text)!important}
.searchbar input::placeholder,.newsletter input::placeholder,.psearch::placeholder,.toolfield::placeholder{color:var(--text-muted)!important}
.primary,.shdl,.vact-btn{background:var(--accent)!important;color:#061113!important;border:1px solid var(--accent)!important;border-radius:var(--radius-md)!important}
.secondary{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}
.primary:hover,.shdl:hover,.vact-btn:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}
.progfill,.audio-progress span,.kfill{background:linear-gradient(90deg,var(--accent),var(--accent-hover))!important}
.var,.daily-ar,.resume-ar,.surah-ar,.sliar,.desk-surah-ar,.toolar,.vodar{font-family:var(--font-arabic);color:var(--text)!important}
.vph,.translit,.surah-count,.daily-ref{color:var(--accent-hover)!important}
.vtr,.daily-tr,.resume-meta span,.feature-card p,.project-card p,.footer p,.footer a,.snmeta,.snen,.toolhint,.desk-tool-sub{color:var(--text-muted)!important}
.toast{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}
.verse-actions,.vacts{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;overflow:visible!important;padding-left:0!important}
.vacts .vbtn:nth-child(n){display:inline-flex!important}
.vbtn{flex:0 0 auto!important;max-width:100%!important}
.vbtn+.vbtn{border-left:1px solid var(--border)!important;border-radius:12px!important;padding-left:14px!important}
@media(max-width:760px){.site-header,#topbar{min-height:64px}.audio-bar{min-height:70px}.card,.vc,.daily-card,.resume-card{border-radius:18px!important}.brand-name{font-size:.98rem}.surah-card{min-height:96px}.vacts{gap:8px!important}.vbtn{min-height:40px!important;padding:0 12px!important;font-size:.82rem!important}}