/* Professional mobile quick navigation. Hidden on tablet/desktop. */
.ra-mobile-bottom-nav{display:none}
.ra-mobile-nav-theme-default{--ra-nav-primary:#6777ef}
.ra-mobile-nav-theme-blue{--ra-nav-primary:#039be5}
.ra-mobile-nav-theme-cyan{--ra-nav-primary:#3abaf4}
.ra-mobile-nav-theme-green{--ra-nav-primary:#43a047}
.ra-mobile-nav-theme-orange{--ra-nav-primary:#fb8c00}
.ra-mobile-nav-theme-pink{--ra-nav-primary:#d81b60}
.ra-mobile-nav-theme-purple{--ra-nav-primary:#5e35b1}
.ra-mobile-nav-theme-red{--ra-nav-primary:#e53935}
.ra-mobile-nav-theme-yellow{--ra-nav-primary:#fdd835}
.ra-mobile-nav-theme-dark{--ra-nav-primary:#212121}
@media(max-width:767.98px){
  .ra-mobile-bottom-nav{
    position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:1050;
    display:block;padding:7px 7px 6px;border:1px solid rgba(108,117,125,.14);border-radius:22px;
    background:rgba(255,255,255,.97);box-shadow:0 13px 36px rgba(25,28,45,.20);backdrop-filter:blur(14px);
  }
  .ra-mobile-nav-inner{
    display:flex;align-items:flex-end;justify-content:flex-start;gap:3px;width:100%;overflow-x:auto;overflow-y:visible;
    scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px 1px 1px;
  }
  .ra-mobile-nav-inner::-webkit-scrollbar{display:none}
  .ra-mobile-nav-item{
    position:relative;flex:0 0 19%;min-width:58px;max-width:82px;scroll-snap-align:center;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:54px;padding:3px 2px;
    border-radius:15px;color:#7a7f8d!important;text-decoration:none!important;font-size:9px;font-weight:800;line-height:1.05;
    text-align:center;white-space:nowrap;transition:transform .2s ease,color .2s ease,background .2s ease;
  }
  .ra-mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:11px;font-size:14px;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
  .ra-mobile-nav-item:hover,.ra-mobile-nav-item:focus{color:var(--ra-nav-primary)!important}
  .ra-mobile-nav-item.is-active{transform:translateY(-6px);color:var(--ra-nav-primary)!important}
  .ra-mobile-nav-item.is-active .ra-mobile-nav-icon{background:var(--ra-nav-primary);color:#fff;transform:scale(1.08);box-shadow:0 7px 15px rgba(0,0,0,.16)}
  @supports (background:color-mix(in srgb,#000 10%,transparent)){
    .ra-mobile-nav-item:hover,.ra-mobile-nav-item:focus,.ra-mobile-nav-item.is-active{background:color-mix(in srgb,var(--ra-nav-primary) 10%,transparent)}
  }
  body.ra-has-mobile-bottom-nav .main-content{padding-bottom:92px!important}
  body.ra-has-mobile-bottom-nav .ra-app-landing{padding-bottom:100px!important}
  body.ra-has-mobile-bottom-nav.ra-public-app-list #app{padding-bottom:94px!important}
  body.ra-has-mobile-bottom-nav .ra-floating-stack{bottom:calc(91px + env(safe-area-inset-bottom))!important}
  body.ra-has-mobile-bottom-nav .ra-lang-panel{bottom:calc(144px + env(safe-area-inset-bottom))!important}
  body.ra-has-mobile-bottom-nav #ra-top-delete-selected{bottom:calc(148px + env(safe-area-inset-bottom))!important}
  body.ra-dark-mode .ra-mobile-bottom-nav,html.ra-dark-mode body .ra-mobile-bottom-nav{background:rgba(17,24,39,.96);border-color:#374151;box-shadow:0 13px 36px rgba(0,0,0,.38)}
  body.ra-dark-mode .ra-mobile-nav-item,html.ra-dark-mode body .ra-mobile-nav-item{color:#aeb5c2!important}
  body.ra-dark-mode .ra-mobile-nav-item:hover,body.ra-dark-mode .ra-mobile-nav-item.is-active{color:#fff!important}
}
@media(max-width:370px){
  .ra-mobile-bottom-nav{left:5px;right:5px;padding-left:4px;padding-right:4px}
  .ra-mobile-nav-item{flex-basis:20%;min-width:54px;font-size:8px}.ra-mobile-nav-icon{width:29px;height:29px;font-size:13px}
}