/* v87: final mobile menu state and full-width control surfaces. */
@media (min-width:901px){
  #ordersMobileControlPanel,#billingMobileControlPanel,#salesMobileControlPanel{display:block!important}
}

@media (max-width:900px){
  #ordersMobileControlsToggle[aria-expanded="true"]::after,
  #billingMobileControlsToggle[aria-expanded="true"]::after,
  #salesMobileControlsToggle[aria-expanded="true"]::after{content:'⌃'!important}
  #ordersMobileControlsToggle[aria-expanded="false"]::after,
  #billingMobileControlsToggle[aria-expanded="false"]::after,
  #salesMobileControlsToggle[aria-expanded="false"]::after{content:'⌄'!important}
  #ordersMobileControlsToggle[aria-expanded="true"] .ns-mobile-label-closed,
  #billingMobileControlsToggle[aria-expanded="true"] .ns-mobile-label-closed,
  #salesMobileControlsToggle[aria-expanded="true"] .ns-mobile-label-closed{display:none!important}
  #ordersMobileControlsToggle[aria-expanded="true"] .ns-mobile-label-open,
  #billingMobileControlsToggle[aria-expanded="true"] .ns-mobile-label-open,
  #salesMobileControlsToggle[aria-expanded="true"] .ns-mobile-label-open{display:inline!important}
  #ordersMobileControlsToggle[aria-expanded="false"] .ns-mobile-label-closed,
  #billingMobileControlsToggle[aria-expanded="false"] .ns-mobile-label-closed,
  #salesMobileControlsToggle[aria-expanded="false"] .ns-mobile-label-closed{display:inline!important}
  #ordersMobileControlsToggle[aria-expanded="false"] .ns-mobile-label-open,
  #billingMobileControlsToggle[aria-expanded="false"] .ns-mobile-label-open,
  #salesMobileControlsToggle[aria-expanded="false"] .ns-mobile-label-open{display:none!important}

  #ordersView:not(.ns-mobile-controls-open) #ordersMobileControlPanel,
  #billsView .ns-billing-center-head:not(.ns-mobile-controls-open) #billingMobileControlPanel,
  #systemReportsView:not(.ns-mobile-controls-open) #salesMobileControlPanel{display:none!important}
  #ordersView.ns-mobile-controls-open #ordersMobileControlPanel,
  #billsView .ns-billing-center-head.ns-mobile-controls-open #billingMobileControlPanel,
  #systemReportsView.ns-mobile-controls-open #salesMobileControlPanel{display:block!important;width:100%!important;overflow:visible!important}

  #ordersMobileControlPanel .orders-searchbar{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  #ordersMobileControlPanel .orders-searchbar>*{display:block!important;width:100%!important;min-width:0!important}
  #billingMobileControlPanel .ns-billing-top-actions,
  #billingMobileControlPanel .ns-billing-summary-grid,
  #billingMobileControlPanel .ns-billing-filter-row{display:grid!important;width:100%!important}
  #billingMobileControlPanel .ns-billing-top-actions,
  #billingMobileControlPanel .ns-billing-filter-row{grid-template-columns:1fr!important}
  #billingMobileControlPanel .ns-billing-top-actions>*,
  #billingMobileControlPanel .ns-billing-filter-row>*{display:block!important;width:100%!important;min-width:0!important}
  #systemReportsView.ns-mobile-controls-open{height:auto!important;max-height:none!important;overflow:visible!important}
  #salesMobileControlPanel .ns-v79-page-head,
  #salesMobileControlPanel .ns-v79-filterbar{display:grid!important;grid-template-columns:1fr!important;width:100%!important;overflow:visible!important}
  #salesMobileControlPanel .ns-v79-page-head>*,
  #salesMobileControlPanel .ns-v79-filterbar>*{display:block!important;width:100%!important;min-width:0!important}
  #systemReportsView .ns-v79-table-card{overflow:auto!important}
}