/* A record becomes a labelled card on narrow screens; desktop and print stay tabular. */
@media screen and (max-width:850px){
 #main,.workspace,.card,.card-body,.support,.support-panel,.modal-body{min-width:0;max-width:100%}
 .mobile-table-container{overflow:visible;min-width:0;max-width:100%}
 table.mobile-table{display:block;width:100%!important;min-width:0!important;max-width:100%;white-space:normal;table-layout:auto}
 table.mobile-table>thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
 table.mobile-table>tbody,table.mobile-table>tfoot{display:grid;gap:12px;min-width:0;width:100%}
 table.mobile-table>tbody>tr,table.mobile-table>tfoot>tr{display:block;min-width:0;width:100%;padding:6px 14px;border:1px solid var(--line);border-radius:12px;background:var(--white,#fff)}
 table.mobile-table>tbody>tr>td,table.mobile-table>tfoot>tr>td,table.mobile-table>tbody>tr>th{display:block;min-width:0!important;max-width:100%!important;width:auto!important;padding:10px 0;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;border:0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.55}
 table.mobile-table>tbody>tr>:last-child,table.mobile-table>tfoot>tr>:last-child{border-bottom:0}
 table.mobile-table>tbody>tr>td:not(.mobile-cell-full)::before,table.mobile-table>tfoot>tr>td:not(.mobile-cell-full)::before{content:attr(data-column);display:block;margin-bottom:4px;font-size:10px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
 table.mobile-table .mobile-cell-full{padding:16px 0}
 table.mobile-table .support-empty,table.mobile-table .empty{padding:26px 4px;white-space:normal}
 table.mobile-table .support-empty p,table.mobile-table .empty p{max-width:100%;overflow-wrap:anywhere}
 table.mobile-table .item-name,table.mobile-table .item-name>div{min-width:0}
 table.mobile-table .item-name strong,table.mobile-table .item-name small{white-space:normal;overflow-wrap:anywhere}
 table.mobile-table .table-actions,table.mobile-table .actions{flex-wrap:wrap;gap:8px}
 table.mobile-table .btn,table.mobile-table .table-actions button{min-height:44px;max-width:100%;white-space:normal}
 table.mobile-table .table-actions button{min-width:44px}
 table.mobile-table input,table.mobile-table select{max-width:100%;min-width:0;font-size:16px}
 table.mobile-table td>div,table.mobile-table td>p,table.mobile-table td>a{max-width:100%;overflow-wrap:anywhere}
 .support-tools,.support-tools>div{min-width:0;max-width:100%;flex-wrap:wrap}
 .support-tools>div{gap:6px}.support-tools .btn{min-height:44px;white-space:normal}
 .card:has(>.mobile-table-container)>.mobile-table-container{padding:10px}
 .support-pagination,.pager{flex-wrap:wrap;gap:10px}
 .card-head{flex-wrap:wrap}.page-heading .actions{max-width:100%}
 #main .toolbar .search{flex:1 1 100%;max-width:none;min-width:0}
 #main .toolbar>select{flex:1 1 100%;width:100%;max-width:none;min-width:0}
 #main .toolbar .total{flex-basis:100%;margin-left:0}
}