/* SAM v1.3.15 — focused four-item mobile business dock + compact Back to Top control.
   Navigation presentation only. Accounting, Bill/PO, stock, ledger and payment logic are untouched. */

body.brv-ui-frontend .ipl-front-app .ipl-bottom-nav.sam-mobile-dock-v1315{
  display:none!important;
}

@media screen and (max-width:980px){
  /* v1.3.15 final authority: only the new dark dock may exist on mobile. */
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .ipl-bottom-nav:not(.sam-mobile-dock-v1315){
    display:none!important;
  }

  /* The footer-area mini grid is removed. Keep the Business Board's older
     duplicate floating grid trigger hidden on mobile as well. */
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .bvd-floating-control{
    display:none!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .ipl-bottom-nav.sam-mobile-dock-v1315{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    position:fixed!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:82px!important;
    min-height:82px!important;
    margin:0!important;
    padding:8px 8px 7px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:26px!important;
    background:linear-gradient(180deg,#35383d 0%,#292c31 100%)!important;
    box-shadow:0 16px 38px rgba(15,23,42,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:visible!important;
    z-index:950!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:2px 2px 0!important;
    border:0!important;
    border-radius:18px!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#e9edf3!important;
    -webkit-text-fill-color:#e9edf3!important;
    text-decoration:none!important;
    line-height:1!important;
    cursor:pointer!important;
    transform:none!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-icon{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid transparent!important;
    border-radius:16px!important;
    color:#f8fafc!important;
    background:transparent!important;
    box-shadow:none!important;
    transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-icon svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
    overflow:visible!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item small{
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    clip:auto!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    border:0!important;
    color:#cbd2dc!important;
    -webkit-text-fill-color:#cbd2dc!important;
    font-size:10px!important;
    line-height:1.1!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    text-align:center!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item:hover .sam-dock-icon,
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item:focus-visible .sam-dock-icon{
    background:rgba(255,255,255,.09)!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item.active .sam-dock-icon{
    color:#20242a!important;
    background:#fff!important;
    border-color:#fff!important;
    box-shadow:0 9px 18px rgba(0,0,0,.30),0 0 0 5px #30343a!important;
    transform:translateY(-10px)!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item.active small{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    transform:translateY(-5px)!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item.is-disabled{
    opacity:.32!important;
    cursor:not-allowed!important;
  }

  /* Compact Back to Top control in the former mini-icon position. */
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    place-items:center!important;
    position:fixed!important;
    right:max(12px,env(safe-area-inset-right))!important;
    bottom:calc(100px + env(safe-area-inset-bottom))!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:2px solid rgba(255,255,255,.82)!important;
    border-radius:15px!important;
    background:#30343a!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.28)!important;
    cursor:pointer!important;
    text-decoration:none!important;
    z-index:951!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top:hover,
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top:focus-visible{
    border-color:#fff!important;
    background:#24272c!important;
    box-shadow:0 10px 24px rgba(15,23,42,.32),0 0 0 3px rgba(255,255,255,.12)!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top-icon{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top-icon svg{
    display:block!important;
    width:22px!important;
    height:22px!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .ipl-app-main{
    padding-bottom:calc(126px + env(safe-area-inset-bottom))!important;
  }

  body.brv-ui-frontend .ipl-front-app.menu-open:not(.ipl-bb-client-embed) .ipl-menu-backdrop{z-index:999!important;}
  body.brv-ui-frontend .ipl-front-app.menu-open:not(.ipl-bb-client-embed) .ipl-side-nav{z-index:1000!important;}
}

@media screen and (max-width:420px){
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .ipl-bottom-nav.sam-mobile-dock-v1315{
    left:max(6px,env(safe-area-inset-left))!important;
    right:max(6px,env(safe-area-inset-right))!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    height:78px!important;
    min-height:78px!important;
    border-radius:23px!important;
    padding:7px 5px 6px!important;
  }
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-icon{
    width:39px!important;
    min-width:39px!important;
    height:39px!important;
    min-height:39px!important;
    border-radius:14px!important;
  }
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-icon svg{
    width:22px!important;
    height:22px!important;
  }
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-item small{
    font-size:9px!important;
  }
  body.brv-ui-frontend .ipl-front-app:not(.ipl-bb-client-embed) .sam-mobile-dock-v1315 .sam-dock-back-top{
    right:max(9px,env(safe-area-inset-right))!important;
    bottom:calc(94px + env(safe-area-inset-bottom))!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:13px!important;
  }
}

@media print{
  .ipl-bottom-nav.sam-mobile-dock-v1315{display:none!important;}
}
