/* Bahikhatawala Mobile Navigation v3.1 — load after styles.css */
.mobile-bottom-nav{display:none!important}
@media(max-width:760px){
  /* Never show mobile nav while auth/login view is visible */
  body:has(#auth-view:not([hidden])) .mobile-bottom-nav{display:none!important}

  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
  body:has(#auth-view:not([hidden])){padding-bottom:0!important}
  body.drawer-open{overflow:hidden!important}
  .topbar{height:64px!important;padding:0 12px!important}
  #menu-toggle{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:1px solid #dbe7f0!important;border-radius:13px!important;background:#f4f8fb!important;color:#12345d!important;font-size:22px!important;touch-action:manipulation!important}
  .sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,310px)!important;height:100dvh!important;transform:translate3d(-102%,0,0)!important;transition:transform .20s cubic-bezier(.2,.7,.2,1)!important;will-change:transform!important;z-index:220!important;overflow-y:auto!important;box-shadow:none!important}
  .sidebar.open{transform:translate3d(0,0,0)!important;box-shadow:14px 0 38px rgba(5,18,34,.28)!important}
  #sidebar-scrim.sidebar-scrim{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;border:0!important;background:rgba(5,18,34,.54)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility 0s linear .18s!important;z-index:210!important}
  #sidebar-scrim.sidebar-scrim.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:opacity .18s ease!important}
  .mobile-entry-fab{display:none!important}
  .mobile-bottom-nav{display:grid!important;grid-template-columns:1fr 1fr 76px 1fr 1fr!important;align-items:end!important;position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;height:68px!important;padding:5px 6px!important;border:1px solid #e1e8ef!important;border-radius:20px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 10px 34px rgba(12,31,55,.18)!important;z-index:180!important}
  .mobile-bottom-nav[hidden]{display:none!important}
  .mobile-bottom-nav button{border:0!important;background:transparent!important;color:#718096!important;min-width:0!important;height:56px!important;min-height:56px!important;padding:3px 1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border-radius:13px!important;touch-action:manipulation!important}
  .mobile-bottom-nav .nav-icon{font-size:20px!important;line-height:1!important}
  .mobile-bottom-nav small{font-size:9px!important;font-weight:800!important;white-space:nowrap!important}
  .mobile-bottom-nav button.active{color:#087bd5!important;background:#edf7ff!important}
  .mobile-bottom-nav .mobile-add-entry{width:62px!important;height:62px!important;min-height:62px!important;justify-self:center!important;margin-bottom:15px!important;border-radius:19px!important;background:linear-gradient(135deg,#087bf0,#17a8ef)!important;color:#fff!important;box-shadow:0 9px 24px rgba(8,123,240,.38)!important}
  .mobile-bottom-nav .mobile-add-entry .nav-icon{font-size:29px!important}
  .mobile-bottom-nav .mobile-add-entry small{color:#fff!important}
  .page{padding-bottom:100px!important}
  input,select,textarea{font-size:16px!important}
}