/* UzunlarWEB · AdminLTE 3 mobile navigation & right-panel coordination. */
.app-mobile-nav-backdrop,.app-panel-backdrop{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;display:block;background:rgba(14,22,34,.58);touch-action:none;overscroll-behavior:contain}
.app-mobile-nav-backdrop[hidden],.app-panel-backdrop[hidden]{display:none!important}
.app-mobile-nav-backdrop{z-index:1200}.app-panel-backdrop{z-index:1399}
html.app-mobile-nav-locked,html.app-mobile-nav-locked body,html.app-panel-locked,html.app-panel-locked body{overflow:hidden!important;overscroll-behavior:none!important}
html.app-panel-locked body{padding-right:0!important}
.app-panel-active{z-index:1400!important;box-sizing:border-box!important}
.app-panel-active:not(dialog){position:fixed!important}
.app-panel-active>.modal-content{box-sizing:border-box;max-width:100%;min-width:0}
.app-panel-active .drawer-body,.app-panel-active .modal-body{overscroll-behavior:contain;min-width:0}
.app-panel-active .table-responsive{max-width:100%;min-width:0}
.app-panel-active .original-drawer-header,.app-panel-active>.drawer-header,.app-panel-active>.modal-header,.app-panel-active>.revenue-events-header{position:relative!important;padding-right:calc(56px + env(safe-area-inset-right, 0px))!important;flex-shrink:0}
.app-panel-active .original-drawer-close{position:absolute!important;left:auto!important;right:calc(10px + env(safe-area-inset-right, 0px))!important;top:calc(8px + env(safe-area-inset-top, 0px))!important;transform:none!important;margin:0!important;z-index:5!important}
.app-panel-active::backdrop{background:rgba(14,22,34,.58)!important}
/* Preserve existing financial report typography after removing the old competing modal controller. */
.revenue-row{font-size:14px}.revenue-row .metric-value{font-size:13px}.revenue-row .previous-value{font-size:11px;color:#555!important}.revenue-row .cell-change{font-size:11px}.dark-mode .revenue-row .previous-value{color:#b8b8b8!important}
#salesCount{color:inherit!important;opacity:1}
@media(max-width:1400px){.revenue-row .metric-value{font-size:12px}.revenue-row .previous-value{font-size:10px}}
@media(max-width:991.98px){
  /* AdminLTE 3 #sidebar-overlay must not sit above its own sidebar. */
  #sidebar-overlay{pointer-events:none!important;background:transparent!important;z-index:1034!important}
  html body .main-sidebar{z-index:1201!important;background-color:#343a40!important}
  /* AdminLTE 3 leaves the 768–991px sidebar overlapping the navbar when it is not collapsed. */
  html body:not(.sidebar-open) .main-sidebar{margin-left:-250px!important}
  html body.sidebar-open .main-sidebar{margin-left:0!important}
  html body .main-header,html body .content-wrapper,html body .main-footer{margin-left:0!important}
  html body .main-sidebar.sidebar-light-primary{background-color:#f4f6f9!important}
  .main-sidebar,.main-sidebar>.sidebar{max-height:100dvh;overscroll-behavior:contain}
  .app-mobile-nav-backdrop{z-index:1200!important}
  .app-panel-backdrop{z-index:1399!important}
  html body .app-panel-active{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;display:flex;flex-direction:column;width:100vw!important;width:100dvw!important;min-width:0!important;max-width:100vw!important;max-width:100dvw!important;height:100vh!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;transform:none!important;overflow:hidden!important;z-index:1400!important;background:#f4f6f9;box-shadow:none!important}
  html body.dark-mode .app-panel-active{background:#252b32;color:#e6edf6}
  html body .app-panel-active>.modal-content{display:flex!important;flex-direction:column!important;flex:1 1 auto;min-height:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
  html body .app-panel-active>.drawer-body,.app-panel-active>.modal-body,.app-panel-active>.modal-content>.modal-body{flex:1 1 auto;min-height:0!important;max-width:100%;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  html body .app-panel-active>.drawer-header,.app-panel-active>.modal-header,.app-panel-active>.modal-content>.modal-header,.app-panel-active>header{flex:0 0 auto;min-width:0;max-width:100%;box-sizing:border-box}
  html body .app-panel-active :is(.drawer-header,.modal-header,header) h2{max-width:100%;overflow-wrap:anywhere}
  html body dialog.app-panel-active:not([open]){display:none!important}
  html body .app-panel-active .table-responsive{overflow-x:auto;max-width:100%;}
  /* Mobile safe areas: never let the close button disappear under the right edge. */
  html body .app-panel-active .original-drawer-header{padding-right:calc(58px + env(safe-area-inset-right, 0px))!important}
}
@media print{.app-mobile-nav-backdrop,.app-panel-backdrop{display:none!important}}