/* Serein v1.0.8.3.9.4.5.13 — five-action mobile dock
   Escopo: somente navegação inferior mobile. */

@media (max-width:1000px){
  .content{
    padding-bottom:calc(106px + env(safe-area-inset-bottom,0px))!important;
  }

  .mobile-dock.mobile-dock-v108394513{
    left:max(8px,env(safe-area-inset-left,0px));
    right:max(8px,env(safe-area-inset-right,0px));
    bottom:max(8px,env(safe-area-inset-bottom,0px));
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:3px;
    padding:6px;
    border-radius:22px;
    background:rgba(255,255,255,.94);
    border:1px solid color-mix(in srgb,var(--primary),transparent 86%);
    box-shadow:0 16px 38px rgba(24,37,71,.16);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .mobile-dock-v108394513 .mobile-dock-item{
    position:relative;
    min-width:0;
    min-height:58px;
    padding:6px 2px 5px;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#6d788b;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:
      color .16s ease,
      background-color .16s ease,
      transform .12s ease,
      box-shadow .16s ease;
  }

  .mobile-dock-v108394513 .mobile-dock-item::after{
    content:"";
    position:absolute;
    top:4px;
    left:50%;
    width:18px;
    height:2px;
    border-radius:999px;
    background:transparent;
    transform:translateX(-50%);
    transition:background-color .16s ease,width .16s ease;
  }

  .mobile-dock-v108394513 .mobile-dock-icon{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    font-size:1.02rem;
    line-height:1;
    font-weight:760;
    transform:translateY(0);
    transition:transform .14s ease;
  }

  .mobile-dock-v108394513 .mobile-dock-item small{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.58rem;
    line-height:1.05;
    font-weight:790;
    letter-spacing:-.01em;
  }

  .mobile-dock-v108394513 .mobile-dock-item.active{
    color:var(--primary);
    background:linear-gradient(
      145deg,
      color-mix(in srgb,var(--primary),#fff 87%),
      color-mix(in srgb,var(--primary),#fff 94%)
    );
    box-shadow:0 5px 14px rgba(var(--primary-rgb),.08);
  }

  .mobile-dock-v108394513 .mobile-dock-item.active::after{
    width:22px;
    background:var(--primary);
  }

  .mobile-dock-v108394513 .mobile-dock-item.active .mobile-dock-icon{
    transform:translateY(-1px);
  }

  .mobile-dock-v108394513 .mobile-dock-item:active:not(:disabled){
    transform:scale(.95);
  }

  .mobile-dock-v108394513 .mobile-dock-item:focus-visible{
    outline:2px solid var(--primary);
    outline-offset:-2px;
  }

  .mobile-dock-v108394513 .mobile-dock-item:disabled{
    opacity:.4;
    pointer-events:none;
  }

  .mobile-dock-menu-icon{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
  }

  .mobile-dock-menu-icon i{
    display:block;
    width:17px;
    height:1.5px;
    border-radius:999px;
    background:currentColor;
    transition:transform .16s ease,width .16s ease;
  }

  .mobile-dock-more[aria-expanded="true"] .mobile-dock-menu-icon i:nth-child(1){
    transform:translateY(4.5px) rotate(45deg);
  }
  .mobile-dock-more[aria-expanded="true"] .mobile-dock-menu-icon i:nth-child(2){
    width:0;
  }
  .mobile-dock-more[aria-expanded="true"] .mobile-dock-menu-icon i:nth-child(3){
    transform:translateY(-4.5px) rotate(-45deg);
  }
}

@media (max-width:380px){
  .mobile-dock.mobile-dock-v108394513{
    left:6px;
    right:6px;
    gap:1px;
    padding:5px;
    border-radius:19px;
  }

  .mobile-dock-v108394513 .mobile-dock-item{
    min-height:55px;
    padding-inline:1px;
    border-radius:14px;
  }

  .mobile-dock-v108394513 .mobile-dock-item small{
    font-size:.54rem;
  }

  .mobile-dock-v108394513 .mobile-dock-icon{
    width:22px;
    height:22px;
    font-size:.96rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .mobile-dock-v108394513 .mobile-dock-item,
  .mobile-dock-v108394513 .mobile-dock-icon,
  .mobile-dock-menu-icon i{
    transition:none!important;
  }
}
