/* Wayvvy Core – Mobile UI overrides (v4) */
@media (max-width: 900px) {

  /* Hamburger button (always visible) */
  #wvMobileHamburger.wv-mobile-hamburger{
    position: fixed;
    left: 14px;
    top: 14px;
    z-index: 100000;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #111827;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    padding: 0;
  }

  /* Overlay */
  #wvMobileOverlay.wv-mobile-overlay{
    position: fixed;
    inset: 0;
    background: rgba(17,24,39,.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 99990;
  }
  #wvMobileOverlay.wv-mobile-overlay.is-open{
    opacity: 1;
    pointer-events: auto;
  }

  /* Sidebar as drawer */
  .wv-mobile-drawer{
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    width: 82vw;
    max-width: 330px;
    transform: translateX(-110%);
    transition: transform .25s ease;
    z-index: 99995;
    box-shadow: 10px 0 30px rgba(16,24,40,.15);
  }
  .wv-mobile-drawer.is-open{
    transform: translateX(0);
  }

  /* Make main content full width on mobile (safe broad selectors) */
  .main, .app-main, .content, #appMain, #main, #content{
    margin-left: 0 !important;
  }

  /* Tables scroll */
  .table-wrap, table{
    overflow-x: auto;
    display: block;
  }
}