/* V678 – Fix mobile column labels of the staff/permission table (Users page).
   V439 inserted "Đại lý quản lý" as column 4, but the V477/V609 mobile card
   labels were still positional for 6 columns, so labels 4-6 were shifted and
   the actions cell (now column 7) had no label / no wrapping. */
@media (max-width:767px){
  .management-user-table table tbody tr td:nth-child(4):before{content:"Đại lý quản lý"}
  .management-user-table table tbody tr td:nth-child(5):before{content:"Quyền"}
  .management-user-table table tbody tr td:nth-child(6):before{content:"Trạng thái"}
  .management-user-table table tbody tr td:nth-child(7):before{content:"Thao tác"}
  .management-user-table table tbody tr td:nth-child(6)>div{flex-wrap:nowrap;justify-content:initial}
  .management-user-table table tbody tr td:nth-child(7)>div{flex-wrap:wrap;justify-content:flex-start}
  .management-user-table table tbody tr td:nth-child(7){border-bottom:0}
  /* empty-state row spans all columns: no label */
  .management-user-table table tbody tr td[colspan]{display:block}
  .management-user-table table tbody tr td[colspan]:before{content:none}
  /* agency summary button fits its cell */
  .management-user-table .v439g-agency-summary-btn{max-width:100%;text-align:left}
}