/* MERAKI WORLD - Admin menu profesional v4
   Corrige botones nativos, mejora submenus y permite scroll interno completo. */
:root{
  --mw-admin-ink:#2f1c4f;
  --mw-admin-muted:#756487;
  --mw-admin-pink:#f45aa7;
  --mw-admin-purple:#8b5cf6;
  --mw-admin-cyan:#75d9ee;
  --mw-admin-card:rgba(255,255,255,.88);
  --mw-admin-card-strong:#fff;
  --mw-admin-shadow:0 24px 70px rgba(47,28,79,.30);
}

/* El menu admin debe ser el contenedor que scrollea, no un bloque oculto. */
.mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro,
.navbar .mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro.dropdown-menu,
ul.dropdown-menu.mw-top-account-menu.mw-admin-menu-pro{
  width:min(456px, calc(100vw - 28px)) !important;
  min-width:0 !important;
  max-height:calc(100dvh - 96px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  padding:12px !important;
  border:1px solid rgba(255,255,255,.66) !important;
  border-radius:30px !important;
  color:var(--mw-admin-ink) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.56) 0 0, transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,255,255,.34) 0 0, transparent 38%),
    linear-gradient(145deg, rgba(249,103,181,.97) 0%, rgba(190,108,246,.96) 48%, rgba(126,220,239,.94) 100%) !important;
  box-shadow:var(--mw-admin-shadow), inset 0 1px 0 rgba(255,255,255,.42) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(255,255,255,.70) transparent !important;
  touch-action:pan-y !important;
}
.mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro.show{
  display:block !important;
}
.mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro::-webkit-scrollbar{width:8px;}
.mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro::-webkit-scrollbar-track{background:transparent;}
.mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro::-webkit-scrollbar-thumb{background:rgba(255,255,255,.68);border-radius:999px;border:2px solid rgba(255,255,255,.16);}

/* Tarjeta superior */
.mw-admin-menu-pro .mw-admin-menu-head{
  position:relative !important;
  z-index:1 !important;
  list-style:none !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 10px !important;
  padding:13px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.12)) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 12px 26px rgba(47,28,79,.12) !important;
  color:#fff !important;
}
.mw-admin-menu-pro .mw-admin-head-icon{
  width:46px;height:46px;min-width:46px;border-radius:18px;display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,242,252,.86));
  color:var(--mw-admin-pink);
  box-shadow:0 10px 24px rgba(47,28,79,.14);
  font-size:1.28rem;
}
.mw-admin-menu-pro .mw-admin-head-copy{min-width:0;}
.mw-admin-menu-pro .mw-admin-menu-head strong{
  display:block !important;
  font-size:1.08rem !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  color:#fff !important;
  letter-spacing:-.02em;
  text-shadow:0 1px 10px rgba(47,28,79,.18);
}
.mw-admin-menu-pro .mw-admin-menu-head small{
  display:block !important;
  margin-top:4px !important;
  color:rgba(255,255,255,.90) !important;
  font-size:.78rem !important;
  font-weight:780 !important;
  line-height:1.25 !important;
}
.mw-admin-menu-pro .mw-admin-menu-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35rem !important;
  margin-top:8px !important;
  padding:.33rem .68rem !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.24) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#fff !important;
  font-size:.74rem !important;
  font-weight:950 !important;
}

/* Accesos rapidos pegajosos arriba para que siempre se vea una salida util. */
.mw-admin-menu-pro .mw-admin-quick-zone{
  position:sticky !important;
  top:-12px !important;
  z-index:4 !important;
  list-style:none !important;
  margin:0 0 10px !important;
  padding:10px 0 8px !important;
  background:linear-gradient(180deg, rgba(222,95,224,.96) 0%, rgba(222,95,224,.88) 72%, rgba(222,95,224,0) 100%) !important;
  backdrop-filter:blur(10px);
}
.mw-admin-menu-pro .mw-admin-quick-title{
  display:flex;align-items:center;gap:.42rem;
  margin:0 4px 8px;
  color:#fff;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
  text-shadow:0 1px 8px rgba(47,28,79,.18);
}
.mw-admin-menu-pro .mw-admin-grid,
.mw-admin-menu-pro .mw-admin-grid-quick{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:9px !important;
}

/* Tarjetas y acciones */
.mw-admin-menu-pro a.mw-admin-card-link,
.mw-admin-menu-pro .mw-admin-card-link{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:.72rem !important;
  min-height:62px !important;
  width:100% !important;
  margin:0 !important;
  padding:.72rem .78rem !important;
  border:1px solid rgba(255,255,255,.62) !important;
  border-radius:19px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,247,253,.82)) !important;
  color:var(--mw-admin-ink) !important;
  box-shadow:0 10px 22px rgba(47,28,79,.12) !important;
  text-decoration:none !important;
  white-space:normal !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  transform:translateZ(0);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.mw-admin-menu-pro a.mw-admin-card-link:hover,
.mw-admin-menu-pro a.mw-admin-card-link:focus{
  background:#fff !important;
  color:#24143f !important;
  box-shadow:0 15px 30px rgba(47,28,79,.17) !important;
  transform:translateY(-1px) !important;
  outline:0 !important;
}
.mw-admin-menu-pro .mw-admin-card-link i{
  width:34px !important;height:34px !important;min-width:34px !important;
  display:grid !important;place-items:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg, var(--mw-admin-pink), var(--mw-admin-purple)) !important;
  color:#fff !important;
  font-size:1rem !important;
  box-shadow:0 8px 18px rgba(244,90,167,.24) !important;
}
.mw-admin-menu-pro .mw-admin-card-link span{min-width:0;}
.mw-admin-menu-pro .mw-admin-card-link small{
  display:block !important;
  margin-top:3px !important;
  color:var(--mw-admin-muted) !important;
  font-size:.70rem !important;
  font-weight:820 !important;
  line-height:1.15 !important;
}
.mw-admin-menu-pro .mw-admin-card-link.primary{
  color:#fff !important;
  background:linear-gradient(135deg, #f45aa7 0%, #a855f7 58%, #5bd4e8 100%) !important;
  border-color:rgba(255,255,255,.68) !important;
  box-shadow:0 14px 30px rgba(148,70,214,.26) !important;
}
.mw-admin-menu-pro .mw-admin-card-link.primary small{color:rgba(255,255,255,.88) !important;}
.mw-admin-menu-pro .mw-admin-card-link.primary i{background:rgba(255,255,255,.22) !important;border:1px solid rgba(255,255,255,.25) !important;}
.mw-admin-menu-pro .mw-admin-card-link.primary-soft{
  background:linear-gradient(135deg, #fff, #fff1fb) !important;
  border-color:rgba(244,90,167,.30) !important;
}
.mw-admin-menu-pro .mw-admin-card-link.primary-soft i{background:linear-gradient(135deg,#f45aa7,#d946ef) !important;}
.mw-admin-menu-pro .mw-admin-card-link.tools i{background:linear-gradient(135deg,#21b8d2,#8b5cf6) !important;}
.mw-admin-menu-pro .mw-admin-card-link.danger i{background:linear-gradient(135deg,#f43f5e,#d946ef) !important;}

/* Submenus: fuerzan apariencia profesional aunque el navegador haya mostrado boton nativo. */
.mw-admin-menu-pro .mw-admin-submenu{
  position:relative !important;
  z-index:1 !important;
  list-style:none !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  border-radius:22px !important;
}
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle,
.mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro li.mw-admin-submenu > button.mw-admin-submenu-toggle{
  appearance:none !important;
  -webkit-appearance:none !important;
  width:100% !important;
  min-height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:.8rem !important;
  margin:0 !important;
  padding:.78rem .9rem !important;
  border:1px solid rgba(255,255,255,.42) !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(53,31,87,.92), rgba(120,64,174,.80)) !important;
  color:#fff !important;
  box-shadow:0 12px 25px rgba(47,28,79,.18) !important;
  font-family:inherit !important;
  font-size:.95rem !important;
  font-weight:950 !important;
  line-height:1.1 !important;
  text-align:left !important;
  cursor:pointer !important;
}
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle span{
  display:flex !important;
  align-items:center !important;
  gap:.62rem !important;
  min-width:0 !important;
}
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle span i:first-child{
  width:32px !important;height:32px !important;min-width:32px !important;
  display:grid !important;place-items:center !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#fff !important;
}
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle .bi-chevron-down{
  width:26px !important;height:26px !important;min-width:26px !important;
  display:grid !important;place-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  transition:transform .18s ease !important;
}
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle:not(.collapsed) .bi-chevron-down{transform:rotate(180deg) !important;}
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle:hover,
.mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle:focus{
  outline:0 !important;
  border-color:rgba(255,255,255,.70) !important;
  box-shadow:0 16px 30px rgba(47,28,79,.23) !important;
}
.mw-admin-menu-pro .mw-admin-submenu-body{
  padding:9px 0 0 !important;
  overflow:visible !important;
}
.mw-admin-menu-pro .mw-admin-submenu-body .mw-admin-card-link{
  margin:0 0 8px !important;
  min-height:57px !important;
}
.mw-admin-menu-pro .mw-admin-submenu-body .mw-admin-card-link:last-child{margin-bottom:0 !important;}

/* Evita que los pseudo-fondos viejos tapen el scroll o botones. */
.mw-admin-menu-pro::before{pointer-events:none !important;}
.mw-admin-menu-pro > li{position:relative !important;z-index:1 !important;}

@media (min-width: 769px){
  .mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro.show{
    position:fixed !important;
    top:82px !important;
    right:18px !important;
    left:auto !important;
    transform:none !important;
  }
}

@media (max-width: 768px){
  .mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro,
  .navbar .mw-top-account-wrap ul.mw-top-account-menu.mw-admin-menu-pro.dropdown-menu,
  ul.dropdown-menu.mw-top-account-menu.mw-admin-menu-pro{
    position:fixed !important;
    top:76px !important;
    right:10px !important;
    left:10px !important;
    bottom:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:none !important;
    height:auto !important;
    transform:none !important;
    margin:0 !important;
    padding:11px !important;
    border-radius:26px !important;
  }
  .mw-admin-menu-pro .mw-admin-grid,
  .mw-admin-menu-pro .mw-admin-grid-quick{gap:8px !important;}
  .mw-admin-menu-pro a.mw-admin-card-link,
  .mw-admin-menu-pro .mw-admin-card-link{min-height:58px !important;padding:.68rem .68rem !important;border-radius:17px !important;font-size:.88rem !important;}
  .mw-admin-menu-pro .mw-admin-card-link i{width:30px !important;height:30px !important;min-width:30px !important;border-radius:12px !important;font-size:.95rem !important;}
  .mw-admin-menu-pro .mw-admin-submenu > button.mw-admin-submenu-toggle{min-height:50px !important;border-radius:18px !important;font-size:.90rem !important;}
  .mw-admin-menu-pro .mw-admin-menu-head{border-radius:22px !important;padding:11px !important;}
  .mw-admin-menu-pro .mw-admin-head-icon{width:42px;height:42px;min-width:42px;border-radius:16px;}
}

@media (max-width: 390px){
  .mw-admin-menu-pro .mw-admin-card-link small{display:none !important;}
  .mw-admin-menu-pro .mw-admin-grid,
  .mw-admin-menu-pro .mw-admin-grid-quick{grid-template-columns:1fr 1fr !important;}
  .mw-admin-menu-pro .mw-admin-card-link{font-size:.84rem !important;}
}
@media (max-width: 330px){
  .mw-admin-menu-pro .mw-admin-grid,
  .mw-admin-menu-pro .mw-admin-grid-quick{grid-template-columns:1fr !important;}
}