/* SmartMarudu v0.10.81 — Owner App Mobile Bottom Navigator v2
   Compact 5-tab navigation with stable labels and premium active state. */
@media (max-width:760px){
  .owner-app-body{
    padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(104px + env(safe-area-inset-bottom));
  }

  .owner-app-body .owner-app-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:4px!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:min(calc(100% - 20px),520px)!important;
    min-height:68px!important;
    padding:6px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    z-index:90!important;
    overflow:visible!important;
    border:1px solid rgba(16,24,40,.10)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 16px 42px rgba(16,24,40,.18),0 2px 8px rgba(16,24,40,.06)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.25);
    backdrop-filter:blur(16px) saturate(1.25);
  }

  .owner-app-body .owner-app-mobile-nav a{
    position:relative!important;
    min-width:0!important;
    min-height:56px!important;
    padding:5px 2px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#667085!important;
    text-decoration:none!important;
    font-weight:600!important;
    line-height:1!important;
    -webkit-tap-highlight-color:transparent;
    transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
  }

  .owner-app-body .owner-app-mobile-nav a span{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:9px!important;
    background:#f2f4f7!important;
    color:#475467!important;
    font-size:17px!important;
    font-weight:700!important;
    line-height:1!important;
    transition:inherit!important;
  }

  /* Deliberate compact exception to the global 16px typography rule:
     five bottom tabs must remain single-line and non-overlapping on 320–430px phones. */
  .owner-app-body .owner-app-mobile-nav a small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 1px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
    font-size:11.5px!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
    line-height:1.05!important;
    color:inherit!important;
  }

  .owner-app-body .owner-app-mobile-nav a.active{
    background:linear-gradient(145deg,#101828,#1d2939)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(16,24,40,.22)!important;
  }

  .owner-app-body .owner-app-mobile-nav a.active span{
    background:color-mix(in srgb,var(--owner-accent,#175cd3) 18%,#fff)!important;
    color:color-mix(in srgb,var(--owner-accent,#175cd3) 78%,#101828)!important;
  }

  .owner-app-body .owner-app-mobile-nav a.active::before{
    content:"";
    position:absolute;
    top:3px;
    left:50%;
    width:18px;
    height:2px;
    border-radius:999px;
    transform:translateX(-50%);
    background:var(--owner-accent,#175cd3);
  }

  .owner-app-body .owner-app-mobile-nav a:active{transform:scale(.96)!important}
  .owner-app-body .owner-app-mobile-nav a:focus-visible{
    outline:2px solid var(--owner-accent,#175cd3)!important;
    outline-offset:1px!important;
  }
}

@media (max-width:360px){
  .owner-app-body .owner-app-mobile-nav{
    width:calc(100% - 12px)!important;
    gap:2px!important;
    padding:5px!important;
    border-radius:19px!important;
  }
  .owner-app-body .owner-app-mobile-nav a{border-radius:14px!important;padding-inline:1px!important}
  .owner-app-body .owner-app-mobile-nav a small{font-size:10.5px!important;letter-spacing:-.02em!important}
}

@media (prefers-reduced-motion:reduce){
  .owner-app-body .owner-app-mobile-nav a{transition:none!important}
}