/* Daily Ibadah is a page of its own (Today > Daily Ibadah). The Ramadan checklist lives there, so the separate Ramadan mode card is hidden. */
body:not([data-ib]) :is(#ibNav,#rToday,#cFard,#cSun,#cWitr,#cAdh,#cQ,#ibBack){display:none!important}
body[data-ib] .t-today:not(#ibBack):not(#ibNav):not(#rToday):not(#cFard):not(#cSun):not(#cWitr):not(#cAdh):not(#cQ){display:none!important}
.wgrp .wgc,.wgrp.open .wgc{transform:rotate(-45deg);margin:0 6px 0 8px}
#cRam{display:none!important}
.bbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 10px}
.bbar button{background:transparent;border:0;color:var(--accent);font:inherit;font-weight:700;font-size:1.05rem;padding:8px 4px;min-height:44px}
.bbar b{flex:1;text-align:center;font-size:1.05rem}
.bbar span{width:70px}
#pvBar{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 12px;background:#B3261E;color:#fff;font-size:.85rem;line-height:1.3}
#pvBar button{flex:none;background:#fff;color:#B3261E;border:0;border-radius:999px;padding:6px 12px;font:inherit;font-weight:700}
.ab-pv{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px}
.ab-pv select{width:100%;padding:10px;border-radius:10px;font:inherit}

/* Close button for pages opened from Home (Learn, Watch, Qibla, Ramadan planner) */
#tabClose{display:none}
body[data-tab="learn"] #tabClose,body[data-tab="watch"] #tabClose,body[data-tab="qibla"] #tabClose,body[data-tab="ram"] #tabClose{display:flex;position:sticky;top:0;z-index:30;justify-content:flex-end;padding:4px 0 6px;margin:0}
#tabClose button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card,#fff);color:inherit;font:inherit;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.12)}