/* WorkLog v0.4.0 mobile-only dock refinement. xPense-inspired compact floating pill. */
@media (max-width:750px) {
  .mobile-nav {
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width:min(336px, calc(100vw - 30px)) !important;
    max-width:calc(100vw - 30px) !important;
    min-height:58px !important;
    padding:5px !important;
    margin:0 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:stretch !important;
    border:1px solid #494953 !important;
    border-radius:999px !important;
    background:rgba(23,23,28,.96) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.45) !important;
    transform:translate3d(-50%,0,0);
    transition:transform .24s ease,opacity .24s ease,visibility .24s ease !important;
    will-change:transform;
    z-index:15 !important;
  }
  .mobile-nav .mobile-link {
    flex:1 1 0 !important;
    min-width:0 !important;
    min-height:48px !important;
    padding:6px 3px !important;
    margin:0 !important;
    gap:2px !important;
    font-size:9px !important;
    line-height:1.1 !important;
    border-radius:999px !important;
    justify-content:center !important;
    color:#bcbcc6 !important;
  }
  .mobile-nav .mobile-link svg{width:19px !important;height:19px !important;flex-shrink:0}
  .mobile-nav .mobile-link.active{background:rgba(79,124,255,.22) !important;color:#8aa9ff !important}
  body.worklog-dock-hidden .mobile-nav {
    transform:translate3d(-50%,calc(100% + 36px + env(safe-area-inset-bottom,0px)),0) !important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .mobile-more {bottom:calc(83px + env(safe-area-inset-bottom,0px)) !important}
  body.worklog-dock-hidden .mobile-more {display:none !important}
  .content {padding-bottom:calc(95px + env(safe-area-inset-bottom,0px)) !important}
  #toast {bottom:calc(83px + env(safe-area-inset-bottom,0px)) !important}
}
@media (prefers-reduced-motion:reduce){.mobile-nav{transition:none !important}}