/* Keep card-key management above the orders, with its own scrolling area. */
.modal-mask[data-v-785676c4]{
  position:fixed!important;inset:0!important;z-index:1500!important;
  display:flex!important;align-items:center;justify-content:center;
  box-sizing:border-box;padding:24px;background:rgba(24,35,54,.42);
  backdrop-filter:blur(3px);overflow:hidden;
}
body:has(.modal-mask[data-v-785676c4]){overflow:hidden!important}
body:has(.proxy-page) .modal-mask[data-v-785676c4]>.dialog{
  width:min(1200px,100%)!important;max-width:100%!important;
  max-height:calc(100dvh - 48px)!important;min-height:0;overflow:hidden;
  margin:0!important;box-sizing:border-box;
}
.modal-mask[data-v-785676c4] .dialog-head,
.modal-mask[data-v-785676c4] .dialog-tools,
.modal-mask[data-v-785676c4] .dialog-foot{flex-shrink:0}
.modal-mask[data-v-785676c4] .dialog-table-wrap{
  min-height:90px;max-height:none!important;flex:1 1 auto;overscroll-behavior:contain;
}
.modal-mask[data-v-785676c4] .dialog-table{min-width:940px}
@media(max-width:700px){
  .modal-mask[data-v-785676c4]{padding:10px}
  body:has(.proxy-page) .modal-mask[data-v-785676c4]>.dialog{
    max-height:calc(100dvh - 20px)!important;padding:12px!important;gap:10px;overflow:auto;
  }
  .modal-mask[data-v-785676c4] .dialog-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modal-mask[data-v-785676c4] .filter-item{min-width:0}
  .modal-mask[data-v-785676c4] .input{min-width:0;width:100%;box-sizing:border-box}
  .modal-mask[data-v-785676c4] .dialog-table-wrap{flex:none;max-height:38dvh!important}
}