/* TWINS v0.2.87 — true 90vw 4K ops canvas */
.app-shell.is-ops-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-bottom:0!important;
  overflow-x:visible!important;
}
.app-shell.is-ops-shell > main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
.app-shell.is-ops-shell .ops-page{
  width:90vw!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:10px 0 30px!important;
}

/* 4K: show more summary cards per row and keep them shallow. */
@media (min-width:2200px){
  .app-shell.is-ops-shell .ops-grid{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .app-shell.is-ops-shell .ops-card{
    min-height:54px!important;
    padding:7px 9px!important;
  }
  .app-shell.is-ops-shell .ops-card strong{
    font-size:18px!important;
  }
  .app-shell.is-ops-shell .ops-columns{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;
  }
  .app-shell.is-ops-shell .ops-member-search input{
    width:320px!important;
  }
  .app-shell.is-ops-shell .ops-member-table{
    table-layout:auto;
  }
  .app-shell.is-ops-shell .ops-member-table th,
  .app-shell.is-ops-shell .ops-member-table td{
    font-size:8px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .app-shell.is-ops-shell .ops-member-drawer{
    width:min(82vw,3000px)!important;
  }
}

/* Mid-size desktop still uses most of the screen without affecting the user app. */
@media (min-width:1200px) and (max-width:2199px){
  .app-shell.is-ops-shell .ops-page{width:94vw!important}
  .app-shell.is-ops-shell .ops-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
}

/* Keep search controls in one compact row where possible. */
.app-shell.is-ops-shell .ops-section-head{
  flex-wrap:nowrap!important;
}
.app-shell.is-ops-shell .ops-member-search{
  flex-wrap:nowrap!important;
}
.app-shell.is-ops-shell .ops-table-scroll{
  scrollbar-width:thin;
}