.table-wrap td:first-child .vault-cell{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;min-width:0!important;white-space:nowrap!important;gap:0!important;column-gap:0!important}
.table-wrap td:first-child .vault-cell .row-select{flex:0 0 auto!important;margin-right:10px!important}
.table-wrap td:first-child .vault-cell .vault-range{flex:0 0 auto!important;min-width:0!important;vertical-align:middle!important;white-space:nowrap!important}
.table-wrap td:first-child .vault-cell .retired-badge{position:static!important;transform:none!important;flex:0 0 auto!important;margin-left:10px!important;display:inline-flex!important;align-items:center!important;vertical-align:middle!important;white-space:nowrap!important}

/* iPad landscape: fit the table to the viewport. The first column is deliberately
   generous so checkbox + Vault pill + RETIRED can never intrude into Title. */
@media (min-width:701px) and (max-width:1100px) and (orientation:landscape){
  .table-wrap{overflow-x:hidden!important;max-width:100%!important}
  .table-wrap table{width:100%!important;max-width:100%!important;table-layout:fixed!important}
  .table-wrap th,.table-wrap td{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .table-wrap th:nth-child(1),.table-wrap td:nth-child(1){width:44%!important;padding-right:14px!important;overflow:hidden!important}
  .table-wrap th:nth-child(2),.table-wrap td:nth-child(2){width:34%!important}
  .table-wrap th:nth-child(3),.table-wrap td:nth-child(3){width:22%!important}
  .table-wrap th:nth-child(n+4),.table-wrap td:nth-child(n+4){display:none!important}
  .table-wrap td:first-child .vault-cell{width:100%!important;max-width:100%!important;overflow:hidden!important;flex-wrap:nowrap!important}
  .table-wrap td:first-child .vault-cell .row-select{margin-right:10px!important}
  .table-wrap td:first-child .vault-cell .vault-range{max-width:calc(100% - 150px)!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .table-wrap td:first-child .vault-cell .retired-badge{margin-left:8px!important}
}

/* iPad portrait: keep the normal wide table and allow horizontal scrolling,
   matching the phone/table behavior rather than compressing or overlapping columns. */
@media (min-width:701px) and (max-width:1100px) and (orientation:portrait){
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important}
  .table-wrap table{width:max-content!important;min-width:1050px!important;max-width:none!important;table-layout:auto!important}
  .table-wrap th,.table-wrap td{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
  .table-wrap th:nth-child(n),.table-wrap td:nth-child(n){display:table-cell!important;width:auto!important}
  .table-wrap td:first-child .vault-cell{flex-wrap:nowrap!important;overflow:visible!important;max-width:none!important}
  .table-wrap td:first-child .vault-cell .vault-range{max-width:none!important;overflow:visible!important;text-overflow:clip!important}
  .table-wrap td:first-child .vault-cell .retired-badge{margin-left:10px!important}
}