/* v85: Bill, Order and Sales mobile menus work even when JavaScript is unavailable. */
.ns-mobile-controls-state{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ns-mobile-label-open{display:none}

@media (min-width:901px){
  #ordersMobileControlsToggle,#billingMobileControlsToggle,#salesMobileControlsToggle{display:none!important}
  #ordersMobileControlPanel,#billingMobileControlPanel,#salesMobileControlPanel{display:block!important}
}

@media (max-width:900px){
  #ordersMobileControlsToggle,#billingMobileControlsToggle,#salesMobileControlsToggle{
    display:flex!important;align-items:center;justify-content:space-between;width:calc(100% - 16px);
    margin:8px;min-height:44px;padding:10px 14px;border:0;border-radius:12px;
    background:#082c4b;color:#fff;font-size:13px;font-weight:900;cursor:pointer;
    box-shadow:0 7px 18px rgba(8,44,75,.18);user-select:none
  }
  #ordersMobileControlsToggle::after,#billingMobileControlsToggle::after,#salesMobileControlsToggle::after{content:'⌄';font-size:20px;line-height:1}
  #ordersMobileControlsState:checked~#ordersMobileControlsToggle::after,
  #billingMobileControlsState:checked~.ns-billing-title-row #billingMobileControlsToggle::after,
  #salesMobileControlsState:checked~#salesMobileControlsToggle::after{content:'⌃'}
  #ordersMobileControlsState:checked~#ordersMobileControlsToggle .ns-mobile-label-closed,
  #billingMobileControlsState:checked~.ns-billing-title-row #billingMobileControlsToggle .ns-mobile-label-closed,
  #salesMobileControlsState:checked~#salesMobileControlsToggle .ns-mobile-label-closed{display:none}
  #ordersMobileControlsState:checked~#ordersMobileControlsToggle .ns-mobile-label-open,
  #billingMobileControlsState:checked~.ns-billing-title-row #billingMobileControlsToggle .ns-mobile-label-open,
  #salesMobileControlsState:checked~#salesMobileControlsToggle .ns-mobile-label-open{display:inline}

  #ordersMobileControlsState:not(:checked)~#ordersMobileControlPanel,
  #billingMobileControlsState:not(:checked)~#billingMobileControlPanel,
  #salesMobileControlsState:not(:checked)~#salesMobileControlPanel{display:none!important}
  #ordersMobileControlsState:checked~#ordersMobileControlPanel{display:block!important}
  #billingMobileControlsState:checked~#billingMobileControlPanel{display:block!important}
  #salesMobileControlsState:checked~#salesMobileControlPanel{display:block!important}

  #ordersMobileControlPanel .orders-searchbar{display:grid!important;grid-template-columns:1fr!important}
  #billingMobileControlPanel .ns-billing-top-actions{width:100%;margin-top:8px}
  #billingMobileControlPanel .ns-billing-summary-grid,
  #billingMobileControlPanel .ns-bill-register-tabs,
  #billingMobileControlPanel .ns-billing-filter-row{margin-top:8px!important}
  #billsView .ns-billing-title-row{display:block!important}
  #billsView .ns-billing-center-head{padding:8px!important;position:sticky;top:0;z-index:18}
  #billsView .ns-billing-title-row .ns-billing-kicker,#billsView .ns-billing-title-row p{display:none!important}
  #billsView .ns-billing-title-row h2{font-size:19px!important;margin:2px 8px!important}
  #billsView>div:last-child{min-height:65vh!important}
  #ordersView .orders-table-wrap{min-height:65vh!important;max-height:none!important}

  #systemReportsView #salesMobileControlsToggle{margin:0 0 8px;width:100%;flex:none}
  #systemReportsView #salesMobileControlPanel{flex:none}
  #systemReportsView #salesMobileControlPanel .ns-v79-page-head{margin-bottom:10px}
  #systemReportsView #salesMobileControlPanel .ns-v79-filterbar{margin-bottom:0}
  #systemReportsView .ns-v79-summary{flex:none}
  #systemReportsView .ns-v79-table-card{min-height:280px}
}