/* Native admin pages for WhatsApp and P&L. No full-page overlay and no global DOM observer. */
.slc-native-page{width:100%;min-width:0}

/* Keep WhatsApp visible and aligned like the native menu when sidebar is collapsed. */
#slc-wa-entry{display:flex!important}
#slc-wa-entry .slc-wa-entry-icon{
  display:inline-flex!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#25d366!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
#slc-wa-entry .slc-wa-entry-icon svg{display:block!important;width:20px!important;height:20px!important;overflow:visible}
#slc-wa-entry .slc-wa-entry-icon svg path{fill:currentColor!important;stroke:none!important}
.admin-shell.sidebar-collapsed #slc-wa-entry{justify-content:center!important;padding:0!important;gap:0!important}
.admin-shell.sidebar-collapsed #slc-wa-entry .slc-wa-entry-icon{display:inline-flex!important;flex:0 0 32px!important}
.admin-shell.sidebar-collapsed #slc-wa-entry .menu-label,
.admin-shell.sidebar-collapsed #slc-wa-entry>span:not(.slc-wa-entry-icon){display:none!important}

/* WhatsApp becomes a normal card inside .main-content. */
.slc-native-whatsapp-page #slc-native-whatsapp-host{width:100%;min-width:0}
.slc-wa-shell.slc-wa-native-page{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.slc-wa-shell.slc-wa-native-page .slc-wa-panel{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:640px!important;
  margin:0!important;
  border-radius:20px!important;
  box-shadow:var(--shadow)!important;
  border:1px solid rgba(255,255,255,.8)!important;
}
.slc-wa-shell.slc-wa-native-page .slc-wa-close{display:none!important}
.slc-wa-shell.slc-wa-native-page .slc-wa-body{min-height:500px}

/* P&L becomes a normal admin view while retaining the mature P&L controls/table code. */
.slc-native-pnl-page .pl-panel-backdrop.slc-inline-pnl{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.slc-native-pnl-page .pl-panel-shell{
  width:100%!important;
  max-width:none!important;
  height:calc(100vh - 175px)!important;
  min-height:640px!important;
  max-height:none!important;
  margin:0!important;
  border-radius:20px!important;
  box-shadow:var(--shadow)!important;
}
.slc-native-pnl-page #plPanelCloseBtn{display:none!important}

@media(max-width:980px){
  .slc-wa-shell.slc-wa-native-page .slc-wa-panel,
  .slc-native-pnl-page .pl-panel-shell{min-height:560px!important;border-radius:16px!important}
}
@media(max-width:760px){
  .slc-wa-shell.slc-wa-native-page .slc-wa-panel,
  .slc-native-pnl-page .pl-panel-shell{min-height:520px!important;border-radius:14px!important}
}


/* === mobile WhatsApp nav alignment v78 ===
   Mobile drawer must ignore the desktop collapsed-sidebar WhatsApp rules. */
@media(max-width:820px){
  .admin-shell.sidebar-collapsed #slc-wa-entry,
  .admin-shell.map-mode.sidebar-collapsed #slc-wa-entry,
  .admin-shell #slc-wa-entry{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:11px!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    padding:9px 12px!important;
    margin:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#666!important;
    text-align:left!important;
  }

  .admin-shell.sidebar-collapsed #slc-wa-entry .slc-wa-entry-icon,
  .admin-shell.map-mode.sidebar-collapsed #slc-wa-entry .slc-wa-entry-icon,
  .admin-shell #slc-wa-entry .slc-wa-entry-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 27px!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#25d366!important;
  }

  .admin-shell.sidebar-collapsed #slc-wa-entry .slc-wa-entry-icon svg,
  .admin-shell.map-mode.sidebar-collapsed #slc-wa-entry .slc-wa-entry-icon svg,
  .admin-shell #slc-wa-entry .slc-wa-entry-icon svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    fill:currentColor!important;
  }

  .admin-shell.sidebar-collapsed #slc-wa-entry .menu-label,
  .admin-shell.map-mode.sidebar-collapsed #slc-wa-entry .menu-label,
  .admin-shell #slc-wa-entry .menu-label,
  .admin-shell.sidebar-collapsed #slc-wa-entry>span:not(.slc-wa-entry-icon){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    color:inherit!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
}