/* V1.3.6: isolated mobile drawer scroll */
@media(max-width:810px){
 html.noor-drawer-open, html.noor-drawer-open body {overflow:hidden!important;overscroll-behavior:none!important}
 .sidebar.open {height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;touch-action:pan-y}
 .mobile-overlay{touch-action:none}
}
/* make logo accent follow app palette rather than a fixed purple/green square */
:root[data-prayer-mode='dynamic'] .brand-mark { background:linear-gradient(145deg,color-mix(in srgb,var(--ambient) 64%,var(--surface)),var(--surface))!important; color:var(--green)!important;border:1px solid var(--ritual-rim)!important;box-shadow:0 6px 20px var(--ritual-glow)!important }