/* Keep action text intact; wrap the group of actions rather than the label. */
button{white-space:nowrap;word-break:keep-all}
.actions,.modal-foot,.bulk-row-tools>div{flex-wrap:wrap}
.mes-data-table td.mes-col-action{padding-left:5px;padding-right:5px;white-space:normal}
.mes-data-table .mes-col-action button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-break:keep-all;max-width:none;flex-shrink:0;font-size:11px;padding:5px 6px;line-height:1.35}
.table-wrap>table.mes-data-table[data-table-layout=users]{table-layout:fixed!important;min-width:0!important;width:100%}
.table-wrap>table.mes-data-table{table-layout:fixed!important}
/* Override older compact-screen percentage rules for these reserved columns. */
.mes-data-table[data-table-layout=users] col:nth-child(3){width:68px!important}
.mes-data-table[data-table-layout=users] col:nth-child(4){width:76px!important}
.mes-data-table[data-table-layout=users] col:nth-child(5){width:96px!important}
.mes-data-table[data-table-layout=users] col:nth-child(6){width:96px!important}
.mes-data-table[data-table-layout=users] td{overflow-wrap:anywhere}
.scanner-dock .scan-bar{display:grid;grid-template-columns:auto 208px minmax(0,1fr);gap:6px 10px;align-items:center;padding:8px 12px}
.scanner-dock .scan-bar>strong{grid-column:1;grid-row:1;width:auto;white-space:nowrap}
.scanner-dock #scan-mode{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:none;height:35px;min-height:35px;font-size:12px;line-height:1.3;padding:6px 32px 6px 10px;white-space:nowrap;text-overflow:clip}
.scanner-dock #scan{grid-column:3;grid-row:1;width:100%;min-width:0;max-width:none;height:35px;min-height:35px}
.scanner-dock .scanner-state{grid-column:1/-1;grid-row:2;min-width:0;width:auto;line-height:1.35;margin:0;font-size:11px}
@media(max-width:1050px){
 .scanner-dock .scan-bar{grid-template-columns:minmax(0,1fr) minmax(200px,1.2fr);gap:6px 10px}
 .scanner-dock .scan-bar>strong{grid-column:1;grid-row:1}
 .scanner-dock #scan-mode{grid-column:2;grid-row:1}
 .scanner-dock #scan{grid-column:1/-1;grid-row:2}
 .scanner-dock .scanner-state{grid-column:1/-1;grid-row:3}
}
@media(max-width:600px){
 .scanner-dock .scan-bar{grid-template-columns:minmax(0,1fr);padding:8px 10px}
 .scanner-dock .scan-bar>strong{grid-column:1;grid-row:1}
 .scanner-dock #scan-mode{grid-column:1;grid-row:2}
 .scanner-dock #scan{grid-column:1;grid-row:3}
 .scanner-dock .scanner-state{grid-column:1;grid-row:4}
}
@media(max-width:760px){
 /* Preserve every field as a labelled card when six columns cannot fit. */
 .mes-data-table[data-table-layout=users]{display:block;position:relative}
 .mes-data-table[data-table-layout=users] colgroup{display:none}
 .mes-data-table[data-table-layout=users] thead{position:absolute!important;clip-path:inset(50%);overflow:hidden;width:1px;height:1px}
 .mes-data-table[data-table-layout=users] tbody{display:block;width:100%}
 .mes-data-table[data-table-layout=users] tbody tr:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px 6px;border-bottom:1px solid #e3eaf0}
 .mes-data-table[data-table-layout=users] td{display:block;min-width:0;padding:6px;border:0;text-align:left}
 .mes-data-table[data-table-layout=users] td::before{content:attr(data-column-label);display:block;color:#718591;font-size:10px;font-weight:400;margin-bottom:4px}
 .mes-data-table[data-table-layout=users] td.mes-col-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}
 .mes-data-table[data-table-layout=users] td.empty{grid-column:1/-1}
}