/* ADMIN_RBAC_MENU_V2_SERVER_ROLE */

/* Hide the admin drawer until server role is known. */
html[data-rt-role-pending="1"] #rekapMenuList {
  visibility: hidden !important;
}

/* Exact server-trusted ADMIN whitelist. */
body.rt-admin-role-v2
#rekapMenuDrawer
[data-rt-admin-hidden-v2="1"] {
  display: none !important;
}

body.rt-admin-role-v2
[data-rt-admin-hidden-section-v2="1"] {
  display: none !important;
}

/* Admin drawer uses the same premium visual language as owner. */
body.rt-admin-role-v2 #rekapMenuDrawer {
  background:
    radial-gradient(circle at 10% 2%, rgba(151,44,207,.13), transparent 24%),
    #09050d !important;
}

body.rt-admin-role-v2 #rekapMenuDrawer .rm-item {
  min-height: 58px !important;
  margin: 5px 10px !important;
  padding: 9px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  transition:
    transform .16s ease,
    background .16s ease,
    border-color .16s ease !important;
}

body.rt-admin-role-v2 #rekapMenuDrawer .rm-item.active {
  border-color: rgba(212,56,245,.54) !important;
  background:
    linear-gradient(
      90deg,
      rgba(203,41,237,.17),
      rgba(132,53,230,.10)
    ) !important;
  box-shadow: 0 8px 24px rgba(151,40,214,.10) !important;
}

body.rt-admin-role-v2 #rekapMenuDrawer .rm-item:active {
  transform: scale(.985) !important;
}

/* Fix the broken ? MENU icon without touching its click handler. */
body.rt-admin-role-v2 .rt-admin-menu-button-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.rt-admin-menu-icon-v2 {
  width: 25px !important;
  height: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 3px 1px !important;
}

.rt-admin-menu-icon-v2 i {
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: #f8edff !important;
}

/* Pleasant micro-interactions for admins. */
body.rt-admin-role-v2 .rt-admin-tap-v2 {
  position: relative !important;
  overflow: hidden !important;
}

.rt-admin-wave-v2 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(219,114,255,.26);
  transform: translate(-50%,-50%) scale(0);
  pointer-events: none;
  animation: rtAdminWaveV2 .46s ease-out forwards;
}

@keyframes rtAdminWaveV2 {
  to {
    transform: translate(-50%,-50%) scale(11);
    opacity: 0;
  }
}

body.rt-admin-role-v2 .rt-admin-reveal-v2 {
  animation: rtAdminRevealV2 .42s cubic-bezier(.2,.75,.2,1) both;
}

@keyframes rtAdminRevealV2 {
  from {
    opacity: 0;
    transform: translateY(9px) scale(.996);
    filter: blur(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@media (max-width: 760px) {
  body.rt-admin-role-v2 #rekapMenuDrawer .rm-item {
    min-height: 56px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.rt-admin-role-v2 *,
  body.rt-admin-role-v2 *::before,
  body.rt-admin-role-v2 *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}