/* Shared mobile table layout for every admin surface.
   Keep dense tables on phones and expose every column through horizontal scroll. */
@media (max-width:720px){
  body [data-aidc-responsive-table-wrap],
  body .table-wrap{
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }

  body table.aidc-responsive-table{
    display:table;
    width:max-content!important;
    min-width:720px!important;
    table-layout:auto!important;
    border-collapse:collapse;
  }

  body table.aidc-responsive-table th,
  body table.aidc-responsive-table tbody td{
    width:auto!important;
    min-width:96px!important;
    max-width:260px;
    padding:9px 10px!important;
    white-space:normal;
    overflow-wrap:break-word;
    word-break:normal;
  }

  body table.aidc-responsive-table th:first-child,
  body table.aidc-responsive-table tbody td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    min-width:72px!important;
    background:var(--aidc-bg-elevated,#1d1e21);
  }

  body table.aidc-responsive-table th:first-child{
    z-index:4;
  }

  body table.aidc-responsive-table tbody td::before{
    display:none;
  }

  body table.aidc-responsive-table input,
  body table.aidc-responsive-table select,
  body table.aidc-responsive-table textarea{
    max-width:220px;
  }

  body table.aidc-responsive-table .actions button,
  body table.aidc-responsive-table .actions a{
    white-space:nowrap;
  }
}