/* v2.7.3 Responsive UI */
@media (min-width:1200px){.noc-mobile-only{display:none!important}}
@media (max-width:1199px){
  .container,.container-fluid{max-width:100%}
  .dashboard-grid,.mon-grid,.noc-grid,.cards,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .panel,.card,.mon-panel{min-width:0}
}
@media (max-width:767px){
  html,body{overflow-x:hidden} body{font-size:14px}
  .container,.container-fluid{padding-left:12px!important;padding-right:12px!important}
  .dashboard-grid,.mon-grid,.noc-grid,.cards,.stats-grid{grid-template-columns:1fr!important}
  .sidebar{position:fixed!important;left:-285px;top:0;bottom:0;width:270px!important;max-width:88vw!important;z-index:1055!important;transition:left .22s ease;box-shadow:0 0 28px rgba(0,0,0,.45)}
  body.noc-sidebar-open .sidebar{left:0}
  body.noc-sidebar-open::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1050}
  .main,.main-content,.content-wrapper{margin-left:0!important;width:100%!important;max-width:100%!important}
  .noc-mobile-menu{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px}
  .topbar,.navbar,.page-header{flex-wrap:wrap;gap:8px}
  .page-header h1,.page-header h2{font-size:1.25rem!important}
  .table-responsive{width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  table{min-width:720px}
  .btn-group,.d-flex.gap-1,.d-flex.gap-2{flex-wrap:wrap}
  .form-control,.form-select,select,input,textarea{max-width:100%;font-size:16px!important}
  .modal-dialog{margin:10px!important;max-width:calc(100% - 20px)!important}
  .topology-wrap,.topology-canvas,.topology-stage,.topology-tree{min-width:1050px!important}
  .topology-scroll,.topology-container{overflow:auto!important;-webkit-overflow-scrolling:touch}
  .login-shell,.login-wrapper,.login-container{padding:12px!important}
  .login-card,.login-panel{width:min(100%,430px)!important;margin:auto!important}
}