/* =========================================================
   Rabbit Workspace OS v123 — Mobile menu guaranteed visible
   Pulsante reale con SVG; neutralizza conflitti CSS legacy.
   ========================================================= */

#rabbitMobileMenuButtonV123{
  display:none !important;
}

@media (max-width:1180px){
  .topbar.rabbit-pro-topbar,
  .topbar{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) auto !important;
    grid-template-areas:"rabbitMenu rabbitSearch rabbitUser" !important;
    align-items:center !important;
    gap:9px !important;
  }

  #rabbitMobileMenuButtonV123{
    grid-area:rabbitMenu !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    isolation:isolate !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:1px solid rgba(83,114,166,.34) !important;
    border-radius:16px !important;
    background:linear-gradient(145deg,#2f6fe4,#1f52bd) !important;
    color:#ffffff !important;
    box-shadow:
      0 12px 24px rgba(37,99,235,.25),
      inset 0 1px 0 rgba(255,255,255,.30) !important;
    font-size:0 !important;
    line-height:1 !important;
    z-index:10 !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  #rabbitMobileMenuButtonV123::before,
  #rabbitMobileMenuButtonV123::after{
    content:none !important;
    display:none !important;
  }

  #rabbitMobileMenuButtonV123 .rabbit-mobile-menu-icon-v123{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    color:#ffffff !important;
    fill:none !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  #rabbitMobileMenuButtonV123:hover,
  #rabbitMobileMenuButtonV123:focus-visible{
    background:linear-gradient(145deg,#397bf0,#255dca) !important;
    box-shadow:
      0 14px 28px rgba(37,99,235,.30),
      0 0 0 4px rgba(37,99,235,.16),
      inset 0 1px 0 rgba(255,255,255,.32) !important;
  }

  #rabbitMobileMenuButtonV123:active,
  #rabbitMobileMenuButtonV123[aria-expanded="true"]{
    background:linear-gradient(145deg,#1f52bd,#2f6fe4) !important;
    box-shadow:
      inset 4px 4px 9px rgba(15,49,118,.30),
      inset -3px -3px 8px rgba(92,143,244,.24) !important;
  }

  .topbar .search,
  .topbar.rabbit-pro-topbar .search{
    grid-area:rabbitSearch !important;
    min-width:0 !important;
    width:100% !important;
    max-width:none !important;
  }

  .topbar .rabbit-topbar-user,
  .topbar.rabbit-pro-topbar .rabbit-topbar-user{
    grid-area:rabbitUser !important;
    justify-self:end !important;
    min-width:0 !important;
  }
}

@media (max-width:560px){
  .topbar.rabbit-pro-topbar,
  .topbar{
    grid-template-columns:48px minmax(0,1fr) auto !important;
    gap:7px !important;
  }

  #rabbitMobileMenuButtonV123{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    border-radius:15px !important;
  }

  #rabbitMobileMenuButtonV123 .rabbit-mobile-menu-icon-v123{
    width:24px !important;
    height:24px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #rabbitMobileMenuButtonV123{
    transition:none !important;
  }
}