/* Balanced mobile shortcuts, independent of font loading and legacy dock rules. */
@media screen and (max-width:1024.98px) {
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav {
    position:fixed!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;
    left:max(10px,calc((100vw - 560px)/2))!important;right:max(10px,calc((100vw - 560px)/2))!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:560px!important;
    height:76px!important;min-height:76px!important;box-sizing:border-box!important;padding:7px!important;margin:0!important;
    background:rgba(255,255,255,.97)!important;border:1px solid #d7e5e5!important;border-radius:23px!important;
    box-shadow:0 8px 30px rgba(15,47,54,.15),0 1px 4px rgba(15,47,54,.05)!important;
    backdrop-filter:blur(20px)!important;transform:none!important;overflow:visible!important;isolation:isolate;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-item {
    position:relative!important;display:flex!important;flex:1 1 0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:4px!important;width:auto!important;min-width:0!important;max-width:none!important;height:60px!important;min-height:60px!important;
    padding:4px 2px!important;margin:0!important;border:1px solid transparent!important;border-radius:16px!important;
    color:#536c74!important;background:transparent!important;background-image:none!important;box-shadow:none!important;
    font:600 11px/1.15 var(--font-body,system-ui,sans-serif)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;
    cursor:pointer;transform:none!important;transition:background-color .15s ease,color .15s ease!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-item[style*="display: none"],
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-item[style*="display:none"] {display:none!important}
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .dock-icon {
    display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-height:28px!important;
    padding:0!important;border-radius:9px!important;line-height:1!important;color:inherit!important;background:transparent!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .dock-icon svg {display:block!important;width:23px!important;height:23px!important;min-width:23px!important;max-width:none!important;color:inherit!important;flex:none!important;overflow:visible!important}
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .dock-label {
    display:block!important;flex:none!important;max-width:100%!important;margin:0!important;padding:0!important;
    color:inherit!important;font:600 11px/1.15 var(--font-body,system-ui,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav :is(.bottomnav-item.active,.bottomnav-item[aria-current="page"],.bottomnav-item[aria-expanded="true"]) {
    color:#075e53!important;background:#e1f5ed!important;border-color:#c9eadd!important;box-shadow:none!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav :is(.bottomnav-item.active,.bottomnav-item[aria-current="page"])::after {
    content:""!important;position:absolute!important;top:3px!important;left:calc(50% - 8px)!important;width:16px!important;height:3px!important;border-radius:4px!important;background:#128575!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-search-btn .dock-icon {
    background:#143e44!important;color:#d6fff1!important;width:32px!important;height:28px!important;border-radius:10px!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-search-btn .dock-icon svg {width:19px!important;height:19px!important;min-width:19px!important}
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-item:hover {background:#edf5f4!important;color:#174e49!important}
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-item:focus-visible {outline:2px solid #0f8475!important;outline-offset:2px!important}
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-badge {
    position:absolute!important;top:0!important;right:calc(50% - 25px)!important;display:inline-flex;align-items:center!important;justify-content:center!important;
    min-width:18px!important;height:18px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:10px!important;
    background:#cb444a!important;color:#fff!important;font:700 9px/1 system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:none!important;
  }
  html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-badge[style*="display: none"] {display:none!important}
  html[data-auth-ready="app"]:root #app-content#app-content {padding-bottom:calc(max(108px,var(--bimas-mobile-nav-clearance,0px) + 20px) + env(safe-area-inset-bottom,0px))!important}
  html[data-auth-ready="app"][data-theme="dark"]:root #app-bottomnav#app-bottomnav {background:rgba(17,39,47,.98)!important;border-color:#36545c!important;box-shadow:0 8px 30px rgba(0,0,0,.3)!important}
  html[data-auth-ready="app"][data-theme="dark"]:root #app-bottomnav#app-bottomnav .bottomnav-item {color:#adc7cc!important}
  html[data-auth-ready="app"][data-theme="dark"]:root #app-bottomnav#app-bottomnav :is(.bottomnav-item.active,.bottomnav-item[aria-current="page"],.bottomnav-item[aria-expanded="true"]) {background:#214c49!important;border-color:#386b61!important;color:#b9f6de!important}
  html[data-auth-ready="app"][data-theme="dark"]:root #app-bottomnav#app-bottomnav .bottomnav-search-btn .dock-icon {background:#b7efdc!important;color:#143e44!important}
  html[data-auth-ready="app"][data-theme="dark"]:root #app-bottomnav#app-bottomnav .bottomnav-badge {border-color:#11272f!important}
  @media(prefers-reduced-motion:reduce){html[data-auth-ready="app"]:root #app-bottomnav#app-bottomnav .bottomnav-item{transition:none!important}}
}
