/* Dark overrides for pwa-shell.css — load AFTER it. Matches the approved redesign. */
#pwaTop{background:rgba(70,18,34,.94);border-bottom:1px solid rgba(218,172,82,0.8);box-shadow:0 4px 18px rgba(0,0,0,.4)}
.pwa-brand b{font-family:'Marcellus',Georgia,serif;color:#FFF9EC}
.pwa-brand img{border-color:rgba(218,172,82,0.8);box-shadow:0 1px 6px rgba(0,0,0,.5)}
.pwa-ic{color:#F8E4BC}
.pwa-badge{background:#8E1B2C;border-color:#42101C}
.pwa-chip{background:rgba(122,30,62,.6);border-color:rgba(218,172,82,0.8);color:#FFF9EC;font-family:'Manrope',system-ui,sans-serif}
.pwa-chip.primary{background:linear-gradient(120deg,#F6D98A 0%,#D4A445 45%,#C9932E 100%);color:#1B0708}
.pwa-chip.primary svg{filter:none;stroke:#1B0708}
#pwaBottom{background:rgba(70,18,34,.94);border-top:1px solid rgba(218,172,82,0.8);box-shadow:0 -6px 24px rgba(0,0,0,.5)}
.pwa-tab{color:#EDD8B4}
.pwa-tab.active{color:#F6D98A}
.pwa-tab .acc{background:linear-gradient(120deg,#F6D98A,#C9932E)}
#pwaScrim{background:rgba(0,0,0,.6)}
#pwaDrawer{background:#50142A;box-shadow:12px 0 40px rgba(0,0,0,.6)}
#pwaDrawer a{color:#F9EDD9;border-bottom-color:rgba(218,172,82,0.8)}
#pwaDrawer .grp{color:#C9932E}
.pwa-brand img{width:40px;height:40px}

/* while the install banner is visible, lift the floating controls above it */
body.pwa-banner-open #bgSoundBtn{bottom:calc(152px + env(safe-area-inset-bottom,0px)) !important}
body.pwa-banner-open #bhajanCap{bottom:calc(155px + env(safe-area-inset-bottom,0px)) !important}
body.pwa-banner-open iframe[title="Temple Assistant"]{bottom:calc(142px + env(safe-area-inset-bottom,0px)) !important}