@media (max-width:767px){
    input:not([type=checkbox]):not([type=radio]):not([type=color]), select, textarea{font-size:16px!important}
    .mwrap{max-height:72dvh}
    .toolbar-actions{width:100%;margin-left:0!important}
    .toolbar-actions>button,.toolbar-actions>span{flex:1 1 auto;min-height:40px}
    .fixed.inset-0>div{max-width:96vw;max-height:94dvh;overflow:auto}
    #chatPanel[data-view=list] .conv-pane{display:none} #chatPanel[data-view=conv] .list-pane{display:none} #chatPanel .list-pane{width:100%}
    /* bảng nhân sự trong zone → dạng thẻ trên điện thoại */
    .zt{width:max-content!important;min-width:100%!important;table-layout:auto!important}
    .zt thead{display:table-header-group}
    .zt tbody tr{display:table-row;padding:0}
    .zt td,.zt th{display:table-cell;padding:6px 4px!important;border:1px solid var(--bd-2)!important;white-space:nowrap!important}
    .zt td.c-pos{white-space:normal!important;min-width:100px;max-width:150px}
    .zt td.c-pos .inp{white-space:normal!important;overflow-wrap:anywhere;min-width:0}    .zt .c-ord{width:28px;text-align:center}
    .zt .c-del{width:28px}
    .zt .inp{padding:4px 6px;font-size:12px}     
    /* bảng quản lý đội → thẻ */
    .rt{min-width:0!important} .rt thead{display:none}
    .rt tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding:10px;position:relative;border-bottom:1px solid var(--bd-2)}
    .rt td{white-space:normal!important}
    .rt .hidden-m{display:none!important} .rt .c-wide{grid-column:1/-1} .rt .c-act{position:absolute;top:4px;right:4px}
    .rt .c-act button{padding:8px 10px}
  }
  .tbl th{position:sticky;top:0;background:var(--surface-3);z-index:2}
  .tbl td,.tbl th{padding:6px 8px;border-bottom:1px solid var(--bd-2);text-align:left;white-space:nowrap}