/* PaisaNow mobile footer/menu/account refinement */
@media(max-width:900px){
  html,body{overflow-x:hidden!important}
  .bottom-nav{overflow:hidden!important;overflow-x:hidden!important;scrollbar-width:none!important;top:auto!important;bottom:0!important;margin:0!important;padding-top:0!important;padding-bottom:env(safe-area-inset-bottom)!important}
  .bottom-nav::-webkit-scrollbar,.mobile-menu-sheet>div::-webkit-scrollbar,.mobile-category-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .mobile-menu-sheet{padding:0!important;align-items:flex-end!important}
  .mobile-menu-sheet>div{position:relative!important;max-height:92dvh!important;padding:10px 12px calc(18px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;scrollbar-width:none!important}
  .mobile-menu-sheet>div>button{position:sticky!important;z-index:5!important;top:0!important;float:none!important;margin:0 0 -40px auto!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;background:#eef2f7!important;box-shadow:0 3px 12px rgba(15,23,42,.12)!important}
  .mobile-menu-sheet h2{margin:0 50px 10px 2px!important;padding-top:5px!important;min-height:40px!important;display:flex!important;align-items:center!important}
  .mobile-category-menu{overflow:visible!important;padding:0!important;margin:0!important}
  .mobile-category-menu h4{margin-top:10px!important}
  .mobile-category-menu a{min-width:0!important;overflow:hidden!important}
}

/* PN USER PANEL GLOBAL BACKGROUND COLOR FIX 20260722
   Keep cards/components unchanged; apply the saved admin colour to every member-panel canvas. */
html:has(body[data-user-id]:not([data-user-id="0"])){
  background-color:var(--pn-site-bg,#e7e9ed)!important;
}
body[data-user-id]:not([data-user-id="0"]),
body[data-user-id]:not([data-user-id="0"])[data-page]{
  --pn-canvas:var(--pn-site-bg,#e7e9ed)!important;
  background-color:var(--pn-site-bg,#e7e9ed)!important;
  background-image:none!important;
}
body[data-user-id]:not([data-user-id="0"]) .app-layout,
body[data-user-id]:not([data-user-id="0"]) .content,
body[data-user-id]:not([data-user-id="0"]) main,
body[data-user-id]:not([data-user-id="0"]) .main-content,
body[data-user-id]:not([data-user-id="0"]) .page-content{
  background-color:transparent!important;
}
@media(max-width:760px){
  body[data-user-id]:not([data-user-id="0"]),
  body[data-user-id]:not([data-user-id="0"])[data-page]{
    background-color:var(--pn-site-bg,#e7e9ed)!important;
    background-image:none!important;
  }
}