/* Aranu 1.2.26 — final mobile admin navigation layer
   Loaded after legacy panel themes so older rules cannot stretch or duplicate the drawer. */
.admin-mobile-drawer-head,
.admin-mobile-workspace,
.admin-nav-backdrop{display:none}

@media (max-width:760px){
  body.admin-body.ui-rahcode.admin-menu-open{overflow:hidden!important;touch-action:none}

  /* Keep the normal header compact; duplicated account/brand blocks are hidden on phones. */
  body.admin-body.ui-rahcode .site-header.admin-header{z-index:170!important}
  body.admin-body.ui-rahcode .site-header.admin-header .header-inner{position:relative!important}
  body.admin-body.ui-rahcode .admin-header>.container>.brand,
  body.admin-body.ui-rahcode .admin-header .brand{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
  body.admin-body.ui-rahcode .panel-account-chip{display:none!important}

  body.admin-body.ui-rahcode .admin-nav-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1000!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(17,24,39,.48)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }
  body.admin-body.ui-rahcode.admin-menu-open .admin-nav-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Real off-canvas drawer. It no longer participates in header flex/grid layout. */
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]{
    position:fixed!important;
    inset:0 0 0 auto!important;
    z-index:1001!important;
    width:min(88vw,352px)!important;
    height:100dvh!important;
    min-height:100vh!important;
    max-width:352px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 12px calc(18px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border:0!important;
    border-radius:0 0 0 22px!important;
    background:#fff!important;
    color:#18212f!important;
    box-shadow:-22px 0 60px rgba(15,23,42,.18)!important;
    transform:translateX(105%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s ease,opacity .18s ease,visibility .18s ease!important;
    isolation:isolate!important;
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]{
    background:#111827!important;
    color:#f8fafc!important;
    box-shadow:-22px 0 60px rgba(0,0,0,.42)!important;
  }
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"].is-open{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.admin-body.ui-rahcode .admin-mobile-drawer-head{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:76px!important;
    margin:0 -12px 4px!important;
    padding:13px 15px!important;
    border-bottom:1px solid #edf0f4!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#7047eb) 10%,#fff),#fff)!important;
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-drawer-head{
    border-color:#263244!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--brand,#7047eb) 16%,#111827),#111827)!important;
  }
  body.admin-body.ui-rahcode .admin-mobile-drawer-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  body.admin-body.ui-rahcode .admin-mobile-drawer-logo{
    width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;
    overflow:hidden!important;border-radius:13px!important;background:#fff!important;border:1px solid #e8eaf0!important
  }
  body.admin-body.ui-rahcode .admin-mobile-drawer-logo img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.admin-body.ui-rahcode .admin-mobile-drawer-brand>span:last-child{display:grid!important;min-width:0!important;gap:2px!important}
  body.admin-body.ui-rahcode .admin-mobile-drawer-brand strong{font-size:13px!important;line-height:1.6!important;color:#18212f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.admin-body.ui-rahcode .admin-mobile-drawer-brand small{font-size:9px!important;color:#778195!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-drawer-brand strong{color:#f8fafc!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-drawer-brand small{color:#9eabc0!important}
  body.admin-body.ui-rahcode .admin-mobile-drawer-close{
    width:36px!important;height:36px!important;min-width:36px!important;display:grid!important;place-items:center!important;
    padding:0!important;border:1px solid #e5e9ef!important;border-radius:11px!important;background:#fff!important;color:#5d6878!important;
    font:400 26px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-drawer-close{background:#172033!important;border-color:#2b394d!important;color:#d4dceb!important}

  body.admin-body.ui-rahcode .admin-mobile-workspace{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 7px!important;
    align-items:center!important;
    gap:10px!important;
    flex:0 0 auto!important;
    min-height:62px!important;
    padding:10px 11px!important;
    margin:2px 0 5px!important;
    border:1px solid #e6ebe9!important;
    border-radius:15px!important;
    background:#f5f9f7!important;
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-workspace{background:#17211f!important;border-color:#293b37!important}
  body.admin-body.ui-rahcode .admin-mobile-workspace-avatar{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#e6f4ef!important;color:#367760!important;font-weight:900!important;font-size:13px!important}
  body.admin-body.ui-rahcode .admin-mobile-workspace>span:nth-child(2){display:grid!important;min-width:0!important;gap:2px!important}
  body.admin-body.ui-rahcode .admin-mobile-workspace strong{font-size:11px!important;color:#1f2937!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.admin-body.ui-rahcode .admin-mobile-workspace small{font-size:8.5px!important;color:#7a8594!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.admin-body.ui-rahcode .admin-mobile-workspace i{width:7px!important;height:7px!important;border-radius:50%!important;background:#78d5ae!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-workspace strong{color:#eef4f2!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .admin-mobile-workspace small{color:#9ba9a6!important}

  /* Top-level menu: one compact row per group; no inherited min-heights or giant gaps. */
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group{
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group>.admin-panel-parent{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 22px!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
    margin:0!important;
    padding:7px 9px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#425066!important;
    box-shadow:none!important;
    transform:none!important;
    text-align:right!important;
  }
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-dashboard,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-logout{grid-template-columns:34px minmax(0,1fr)!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item:hover,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group>.admin-panel-parent:hover,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group.is-open>.admin-panel-parent{
    background:#f6f8fb!important;border-color:#e8edf3!important;color:#243248!important
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item,
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group>.admin-panel-parent{color:#cbd5e1!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item:hover,
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group>.admin-panel-parent:hover,
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group.is-open>.admin-panel-parent{background:#172033!important;border-color:#27364a!important;color:#f8fafc!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item.is-active,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group.is-active>.admin-panel-parent{
    background:color-mix(in srgb,var(--brand,#7047eb) 9%,#fff)!important;
    border-color:color-mix(in srgb,var(--brand,#7047eb) 20%,#e8edf3)!important;
    color:var(--brand,#7047eb)!important;
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item.is-active,
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group.is-active>.admin-panel-parent{
    background:color-mix(in srgb,var(--brand,#8b5cf6) 18%,#172033)!important;
    border-color:color-mix(in srgb,var(--brand,#8b5cf6) 35%,#27364a)!important;
    color:#ede9fe!important;
  }
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .panel-nav-logo{
    width:32px!important;height:32px!important;min-width:32px!important;display:grid!important;place-items:center!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#f2f5f8!important;color:#6b778a!important;box-shadow:none!important
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .panel-nav-logo{background:#202b3c!important;color:#aab6c9!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .panel-nav-logo svg{width:16px!important;height:16px!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item>span:last-child{display:grid!important;gap:0!important;min-width:0!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item strong{font-size:10.5px!important;color:inherit!important;line-height:1.45!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-item small{display:none!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-panel-group>.admin-panel-parent>span:not(.panel-nav-logo):not(.menu-chevron){font-size:10.5px!important;font-weight:850!important;color:inherit!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .menu-chevron{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:#f4f6f9!important;color:#7c8797!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .menu-chevron{background:#202b3c!important;color:#aab6c9!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .menu-chevron svg{width:13px!important;height:13px!important}

  /* Inline accordion; desktop fixed mega-menu coordinates are neutralized. */
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-dropdown{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:4px 0 2px!important;
    padding:7px!important;
    display:none!important;
    overflow:visible!important;
    border:1px solid #e9edf2!important;
    border-radius:12px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-dropdown{background:#141d2d!important;border-color:#26364a!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .admin-panel-group.is-open>.mega-menu-dropdown{display:block!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-section{display:grid!important;gap:4px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:2px 5px 5px!important;margin:0!important;border:0!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-section-head strong{font-size:8.5px!important;color:#7a8595!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-section-head small{display:none!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-section-head strong{color:#93a2b8!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item{
    min-height:42px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
    padding:6px 7px!important;margin:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#46556a!important;box-shadow:none!important
  }
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item:hover,
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item.is-active{background:#fff!important;color:var(--brand,#7047eb)!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item{color:#c6d1e0!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item:hover,
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item.is-active{background:#1b273a!important;color:#ede9fe!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .panel-sub-logo{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:#eef2f6!important;color:#758195!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .panel-sub-logo{background:#202b3c!important;color:#9aa8bc!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .panel-sub-logo svg{width:15px!important;height:15px!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item>span:last-child{display:grid!important;gap:1px!important;min-width:0!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item strong{font-size:9.5px!important;line-height:1.45!important;color:inherit!important}
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item small{font-size:8px!important;line-height:1.45!important;color:#8b95a5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"] .mega-menu-links .admin-nav-item small{color:#8f9db1!important}

  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-logout{margin-top:4px!important;border-top:1px solid #edf0f4!important;border-radius:0!important;padding-top:10px!important}
  html[data-panel-theme="dark"] body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]>.admin-nav-logout{border-color:#263244!important}

  /* Never leave the bottom dock or footer floating over an open drawer. */
  body.admin-body.ui-rahcode .admin-bottom-nav{transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important}
  body.admin-body.ui-rahcode.admin-menu-open .admin-bottom-nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(120%)!important}
  body.admin-body.ui-rahcode.admin-menu-open .site-footer{visibility:hidden!important}
}

@media (max-width:380px){
  body.admin-body.ui-rahcode .business-admin-nav[data-aranu-mega="1"]{width:min(91vw,338px)!important;padding-inline:9px!important}
  body.admin-body.ui-rahcode .admin-mobile-drawer-head{margin-inline:-9px!important;padding-inline:12px!important}
}