@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/* Correção definitiva do menu do painel - sidebar única */
:root{
  --pm-bg:#070d1c;
  --pm-bg2:#0d1528;
  --pm-border:rgba(148,163,184,.16);
  --pm-text:#eaf1ff;
  --pm-muted:#9aa8bd;
  --pm-active1:#6366f1;
  --pm-active2:#0ea5e9;
  --pm-green:#22c55e;
}
html,body{margin:0!important;min-height:100%!important;background:#020617!important;overflow-x:hidden!important;}
body:has(.merchant-sidebar),body:has(.admin-sidebar){padding-top:0!important;background:#020617!important;color:#e5e7eb!important;}
body:has(.merchant-sidebar) > header.topbar,
body:has(.admin-sidebar) > header.topbar,
.app-topbar{display:none!important;}
.dashboard.merchant-dashboard,
.ml2-dashboard.dashboard.merchant-dashboard,
.admin-shell.sm-admin-shell{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:0!important;
  max-width:none!important;
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  background:#020617!important;
  align-items:stretch!important;
}
.merchant-sidebar.sm-unified-sidebar,
.admin-sidebar.sm-unified-sidebar,
.dashboard.merchant-dashboard > aside.merchant-sidebar.sm-unified-sidebar,
aside.sm-unified-sidebar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:100vh!important;
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:20px 16px!important;
  margin:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:linear-gradient(180deg,var(--pm-bg2) 0%, var(--pm-bg) 100%)!important;
  border:0!important;
  border-right:1px solid var(--pm-border)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:50!important;
  box-sizing:border-box!important;
}
.merchant-sidebar.sm-unified-sidebar *,
.admin-sidebar.sm-unified-sidebar *{
  box-sizing:border-box!important;
  float:none!important;
  clear:none!important;
  position:static!important;
  line-height:normal!important;
  text-shadow:none!important;
}
.sm-sidebar-brand,
.merchant-sidebar-brand.sm-sidebar-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 26px!important;
  margin:0 0 18px!important;
  min-height:auto!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
}
.sm-sidebar-logo,
.merchant-sidebar-logo.sm-sidebar-logo{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#2dd4bf,#22c55e)!important;
  color:#bff7ee!important;
  font-weight:900!important;
  font-size:15px!important;
  box-shadow:0 16px 34px rgba(20,184,166,.25)!important;
}
.sm-sidebar-brand strong{display:block!important;margin:0!important;color:#fff!important;font-size:16px!important;font-weight:900!important;letter-spacing:-.02em!important;white-space:nowrap!important;}
.sm-sidebar-brand span{display:block!important;margin:5px 0 0!important;color:var(--pm-muted)!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;}
.sm-sidebar-nav,
.merchant-sidebar-nav.sm-sidebar-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  overflow:visible!important;
}
.sm-sidebar-nav a,
.merchant-sidebar-nav.sm-sidebar-nav a,
.admin-sidebar.sm-unified-sidebar a{
  width:100%!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#cbd5e1!important;
  text-decoration:none!important;
  font-weight:850!important;
  box-shadow:none!important;
  opacity:1!important;
  overflow:hidden!important;
  transform:none!important;
}
.sm-sidebar-nav a .menu-icon{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:16px!important;
  line-height:1!important;
}
.sm-sidebar-nav a .menu-text{display:block!important;min-width:0!important;flex:1 1 auto!important;margin:0!important;padding:0!important;}
.sm-sidebar-nav a .menu-text b{display:block!important;margin:0!important;color:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.sm-sidebar-nav a:hover{background:rgba(148,163,184,.12)!important;color:#fff!important;}
.sm-sidebar-nav a.active{
  background:linear-gradient(135deg,var(--pm-active1),var(--pm-active2))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.25)!important;
}
.sm-sidebar-section-title{
  display:block!important;
  width:100%!important;
  margin:18px 0 10px!important;
  padding:18px 10px 0!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  color:#93c5fd!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  background:transparent!important;
}
.sm-editor-nav{gap:6px!important;margin-bottom:10px!important;}
.sm-editor-nav a{min-height:39px!important;padding:9px 12px!important;border-radius:12px!important;}
.sm-editor-nav a .menu-text b{font-size:13px!important;}
.sm-sidebar-footer{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin:10px 0 0!important;
  padding:14px 0 0!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  width:100%!important;
}
.sm-sidebar-footer a{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  background:rgba(14,165,233,.12)!important;
  border:1px solid rgba(14,165,233,.22)!important;
  color:#dbeafe!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
}
.dashboard.merchant-dashboard > main,
.ml2-dashboard.dashboard.merchant-dashboard > main,
.admin-shell.sm-admin-shell > .admin-content,
.admin-content{
  min-width:0!important;
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:32px 38px 60px!important;
  background:radial-gradient(circle at 82% 0%,rgba(37,99,235,.12),transparent 30%),#020617!important;
  color:#e5e7eb!important;
  box-sizing:border-box!important;
}
/* Minha Loja: evita segundo menu/abas laterais duplicadas */
.ml2-side{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important;}
.ml2-wrap{display:block!important;grid-template-columns:1fr!important;max-width:1180px!important;width:100%!important;margin:0 auto!important;}
.ml2-content{display:block!important;width:100%!important;min-width:0!important;}
.ml2-top,.ml2-head{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;}
.ml2-top-actions a[href*="index.php"]{display:none!important;}
/* scroll limpo */
.merchant-sidebar.sm-unified-sidebar::-webkit-scrollbar{width:8px!important;}
.merchant-sidebar.sm-unified-sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.30)!important;border-radius:999px!important;}
@media(max-width:980px){
  .dashboard.merchant-dashboard,.ml2-dashboard.dashboard.merchant-dashboard,.admin-shell.sm-admin-shell{display:block!important;grid-template-columns:1fr!important;}
  .merchant-sidebar.sm-unified-sidebar,.admin-sidebar.sm-unified-sidebar,.dashboard.merchant-dashboard > aside.merchant-sidebar.sm-unified-sidebar{
    position:fixed!important;top:0!important;left:0!important;width:min(86vw,310px)!important;min-width:0!important;max-width:310px!important;height:100vh!important;z-index:1000!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;
  }
  body.mobile-menu-open .merchant-sidebar.sm-unified-sidebar,
  html.mobile-menu-open .merchant-sidebar.sm-unified-sidebar,
  body.mobile-menu-open .admin-sidebar.sm-unified-sidebar,
  html.mobile-menu-open .admin-sidebar.sm-unified-sidebar{transform:translateX(0)!important;}
  .dashboard.merchant-dashboard > main,.ml2-dashboard.dashboard.merchant-dashboard > main,.admin-content{padding:22px 16px 48px!important;}
}

/* === FIX FINAL MENU EXTRAS / SEM SOBREPOSIÇÃO === */
.dashboard.merchant-dashboard,
.ml2-dashboard.dashboard.merchant-dashboard{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
}
.admin-shell.sm-admin-shell{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
}
.merchant-sidebar.sm-unified-sidebar,
.admin-sidebar.sm-unified-sidebar,
.dashboard.merchant-dashboard > aside.merchant-sidebar.sm-unified-sidebar,
.admin-shell.sm-admin-shell > aside.admin-sidebar.sm-unified-sidebar{
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  padding:16px 14px!important;
}
.merchant-sidebar-brand.sm-sidebar-brand,
.sm-sidebar-brand{
  flex:0 0 auto!important;
  min-width:0!important;
}
.merchant-sidebar-nav.sm-sidebar-nav,
.sm-sidebar-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  padding:0 4px 8px 0!important;
  box-sizing:border-box!important;
}
.sm-sidebar-footer,
.merchant-sidebar-footer.sm-sidebar-footer{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:100%!important;
  margin:10px 0 0!important;
  padding:12px 0 0!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
  background:#0f172a!important;
}
.sm-sidebar-footer a,
.merchant-sidebar-footer.sm-sidebar-footer a,
.merchant-store-shortcut{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:13px!important;
  line-height:1!important;
}
.sm-sidebar-nav a,
.merchant-sidebar-nav.sm-sidebar-nav a,
.admin-sidebar.sm-unified-sidebar a{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  min-height:43px!important;
  line-height:1.1!important;
  overflow:hidden!important;
}
.sm-sidebar-nav a .menu-icon,
.merchant-sidebar-nav.sm-sidebar-nav a .menu-icon,
.admin-sidebar.sm-unified-sidebar a .menu-icon{
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  display:grid!important;
  place-items:center!important;
}
.sm-sidebar-nav a .menu-text,
.sm-extra-menu-link .menu-text,
.admin-sidebar.sm-unified-sidebar a .menu-text{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:block!important;
}
.sm-sidebar-nav a .menu-text b,
.admin-sidebar.sm-unified-sidebar a .menu-text b{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.sm-sidebar-nav a .menu-text small,
.sm-extra-menu-link .menu-text small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
  line-height:1!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.sm-sidebar-section-title{
  flex:0 0 auto!important;
  margin:12px 8px 4px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(148,163,184,.16)!important;
  font-size:10px!important;
  line-height:1!important;
}
.dashboard.merchant-dashboard > main,
.ml2-dashboard.dashboard.merchant-dashboard > main,
.admin-shell.sm-admin-shell > .admin-content{
  margin-left:0!important;
  width:100%!important;
  min-width:0!important;
}
@media(max-width:980px){
  .dashboard.merchant-dashboard,
  .ml2-dashboard.dashboard.merchant-dashboard,
  .admin-shell.sm-admin-shell{display:block!important;grid-template-columns:1fr!important;}
  .merchant-sidebar.sm-unified-sidebar,
  .admin-sidebar.sm-unified-sidebar,
  .dashboard.merchant-dashboard > aside.merchant-sidebar.sm-unified-sidebar,
  .admin-shell.sm-admin-shell > aside.admin-sidebar.sm-unified-sidebar{
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:min(88vw,300px)!important;
    min-width:0!important;
    max-width:300px!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    z-index:1000!important;
  }
  body.mobile-menu-open .merchant-sidebar.sm-unified-sidebar,
  html.mobile-menu-open .merchant-sidebar.sm-unified-sidebar,
  body.mobile-menu-open .admin-sidebar.sm-unified-sidebar,
  html.mobile-menu-open .admin-sidebar.sm-unified-sidebar{transform:translateX(0)!important;}
}

*{font-family:'Inter',sans-serif !important;}