/* VERVE POS WEB — MASTER CLOSURE R4 20260930
   Runtime recovery + accessible dropdowns + single visible scrollbar + compact navigation/prayer/server. */

/* One visible page scrollbar only. Sidebar may internally scroll without rendering another track. */
html,body{height:100%!important;overflow:hidden!important}
.vd-app{height:100dvh!important;min-height:0!important;overflow:hidden!important}
.vd-main{height:100dvh!important;min-height:0!important;overflow:hidden!important}
.vd-content{height:calc(100dvh - 68px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.vd-sidebar{height:100dvh!important;min-height:0!important;overflow:hidden!important}
.vd-nav-top-level{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:visible!important;scrollbar-width:none!important;padding:0 6px 5px!important}
.vd-nav-top-level::-webkit-scrollbar{width:0!important;height:0!important}

/* No artificial group gaps. Spacing appears only inside an opened submenu. */
.vd-nav-section,.vfr-nav-section{display:none!important}
.vd-nav-top-level .vd-nav-item{min-height:36px!important;height:36px!important;margin:0!important;padding:2px 7px!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:6px!important;border-radius:8px!important}
.vd-nav-top-level .vd-nav-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important}
.vd-nav-top-level .vd-nav-icon svg{width:19px!important;height:19px!important}
.vd-nav-top-level .vd-nav-label{font-size:12px!important;line-height:1!important}
.r3-caret{display:none!important}
.vfr-inline-subnav,.vfr-inline-subnav.open,.vfr-inline-subnav.peek,.vfr-inline-subnav.r3-open{display:none!important}
.vfr-inline-subnav.r4-open{display:grid!important;gap:1px!important;margin:2px 0 4px 27px!important;padding:2px 0 2px 7px!important;border-left:1px solid rgba(255,255,255,.13)!important}
.vfr-inline-subnav.r4-open button{min-height:29px!important;padding:5px 7px!important;border-radius:7px!important;font-size:11px!important}

/* Collapsed rail stays dense; parent click opens an external flyout. */
.vd-app.collapsed .vd-nav-top-level{padding:0 4px 5px!important}
.vd-app.collapsed .vd-nav-top-level .vd-nav-item{width:42px!important;height:38px!important;min-height:38px!important;margin:0 auto!important;padding:0!important;grid-template-columns:1fr!important;place-items:center!important}
.vd-app.collapsed .vd-nav-top-level .vd-nav-icon,.vd-app.collapsed .vd-nav-top-level .vd-nav-icon svg{width:21px!important;height:21px!important}
.vd-app.collapsed .vfr-inline-subnav{display:none!important}
#vdNavFlyout,#vdR3NavFlyout{display:none!important;pointer-events:none!important}
#vdR4NavFlyout{position:fixed!important;z-index:7000!important;width:210px!important;max-width:calc(100vw - 16px)!important;padding:6px!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 18px 52px rgba(0,0,0,.32)!important;color:var(--text)!important;pointer-events:auto!important}
#vdR4NavFlyout strong{display:block!important;padding:6px 8px 5px!important;font-size:10px!important;letter-spacing:.04em!important;color:var(--muted)!important}
#vdR4NavFlyout button{display:block!important;width:100%!important;min-height:34px!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important;text-align:left!important;font-size:11.5px!important;font-weight:750!important;cursor:pointer!important;pointer-events:auto!important}
#vdR4NavFlyout button:hover{background:var(--surface2)!important}

/* Dropdowns/popovers must sit above page content and remain clickable. */
.vd-topbar{position:relative!important;z-index:200!important;overflow:visible!important}
.vd-top-actions{position:relative!important;z-index:210!important}
.vd-action-menu{z-index:6500!important;pointer-events:none!important}
.vd-action-menu.open{display:block!important;pointer-events:auto!important}
.vd-outlet{z-index:220!important}.vd-outlet-menu{z-index:6400!important;pointer-events:auto!important}
.vd-prayer-panel{z-index:6800!important;pointer-events:auto!important}
.vfr-server-pop{z-index:6600!important;pointer-events:auto!important}
.vd-message-panel{z-index:6200!important}
.vd-modal{z-index:10000!important}.vd-modal:not(.open){pointer-events:none!important}.vd-modal.open{pointer-events:auto!important}

/* Compact VERVE Server popover. */
.vfr-server-pop{left:10px!important;bottom:64px!important;width:min(278px,calc(100vw - 20px))!important;padding:10px 11px!important;border-radius:13px!important}
.vfr-server-pop h3{margin:0 0 7px!important;font-size:14px!important;line-height:1.1!important}
.vfr-server-kv{gap:5px 10px!important;font-size:11px!important;line-height:1.25!important}
.vfr-server-pop .vfr-close{right:6px!important;top:5px!important;font-size:14px!important;width:26px!important;height:26px!important;padding:0!important}
.vfr-server-admin{margin-top:8px!important;padding-top:8px!important;gap:5px!important}
.vfr-server-admin button{min-width:0!important;padding:7px!important;font-size:10.5px!important}

/* Prayer: smaller pill, zone only; no district/location text. */
.vd-prayer-pill{min-width:166px!important;height:36px!important;min-height:36px!important;padding:3px 6px!important;grid-template-columns:26px minmax(0,1fr) auto!important;column-gap:6px!important;border-radius:10px!important}
.vd-prayer-ico{width:25px!important;height:25px!important;border-radius:8px!important;background:linear-gradient(135deg,rgba(255,77,168,.16),rgba(245,196,81,.15),rgba(87,199,189,.15),rgba(169,124,255,.13))!important}
.vd-prayer-ico svg{width:18px!important;height:18px!important}
.vd-prayer-main b{font-size:9.5px!important}.vd-prayer-main small{font-size:8px!important;max-width:88px!important}.vd-prayer-meta time{font-size:9.5px!important}.vd-prayer-meta b{font-size:7.5px!important}
.vd-prayer-panel{right:10px!important;top:62px!important;width:min(560px,calc(100vw - 20px))!important;grid-template-columns:145px minmax(0,1fr)!important;gap:12px!important;padding:13px!important;border-radius:16px!important;max-height:calc(100dvh - 74px)!important;overflow-y:auto!important;overflow-x:hidden!important}
.vd-prayer-panel>img,.vd-prayer-panel>.vera-motion-host{width:145px!important;height:160px!important;min-width:145px!important}
.vd-prayer-panel>.vera-motion-host>.vera-motion-base,.vd-prayer-panel>.vera-motion-host>.vera-motion-mouth{width:145px!important;height:160px!important}
.vd-prayer-copy h3{margin:3px 0 7px!important;font-size:19px!important}.vd-prayer-copy>p{display:none!important}
.vd-prayer-times{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.vd-prayer-times>div{padding:6px 7px!important;border-radius:8px!important}.vd-prayer-times span{font-size:9.5px!important}.vd-prayer-times b{font-size:10.5px!important}
.vd-prayer-mode{display:grid!important;grid-template-columns:auto auto minmax(120px,1fr) auto!important;gap:5px!important;align-items:end!important;margin:0 0 8px!important}
.vd-prayer-mode>button{min-height:32px!important;padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface2)!important;color:var(--text)!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}
.vd-prayer-mode>button.active{border-color:color-mix(in srgb,var(--teal) 55%,var(--line))!important;background:color-mix(in srgb,var(--teal) 12%,var(--surface2))!important;color:var(--teal)!important}
.vd-prayer-mode label{display:grid!important;gap:3px!important;margin:0!important;font-size:8px!important;color:var(--muted)!important}.vd-prayer-mode input{height:32px!important;min-height:32px!important;margin:0!important;padding:5px 7px!important;font-size:10px!important;border-radius:8px!important}

/* Keep quick menu compact and usable. */
.vd-action-menu{right:10px!important;top:46px!important;width:166px!important;padding:5px!important;border-radius:11px!important}
.vd-action-menu button{min-height:33px!important;padding:6px 8px!important;font-size:11px!important;border-radius:8px!important}

/* Root-page title avoids heavy duplicate hierarchy. */
.vd-title-stack>.vd-breadcrumb button[aria-current="page"]:only-child{opacity:.68!important;font-size:10px!important}

@media(max-width:720px){
  .vd-prayer-panel{grid-template-columns:1fr!important}.vd-prayer-panel>img,.vd-prayer-panel>.vera-motion-host{width:120px!important;height:132px!important;min-width:120px!important;margin:auto!important}.vd-prayer-panel>.vera-motion-host>.vera-motion-base,.vd-prayer-panel>.vera-motion-host>.vera-motion-mouth{width:120px!important;height:132px!important}
  .vd-prayer-mode{grid-template-columns:1fr 1fr!important}.vd-prayer-mode label{grid-column:1/-1!important}.vd-prayer-mode #vdPrayerApplyZone{grid-column:1/-1!important}
}