/* === AdminJS responsive override === */
/* モバイル幅でテーブル列が空白化する問題への対策。
   全カラムを表示し、必要なら横スクロールで全体を見られるようにする。 */
@media (max-width: 1024px) {
  /* AdminJS のメインコンテンツ領域を横スクロール可に */
  main,
  section,
  [class*="DrawerContent"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  /* リストテーブルを「内容に合わせた幅」にして全カラムを描画 */
  table {
    display: table !important;
    table-layout: auto !important;
    width: max-content !important;
    min-width: 100%;
  }
  table thead,
  table tbody,
  table tr {
    display: revert !important;
  }
  table th,
  table td {
    display: table-cell !important;
    visibility: visible !important;
    white-space: nowrap;
  }
}