/* 横スクロールの責任者 */
.acc-table-scroll{
  overflow-x: auto;
  overflow-y: auto;          /* 縦も必要なら */
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

/* これがあると横スクロール死ぬことが多い */
.card, .table-wrap{
  overflow: visible;         /* もし hidden になってたら絶対直す */
}

/* テーブルは「横に伸びる」前提にする */
.acc-table-scroll table.table{
  min-width: 1200px;         /* ここは実際の列数で調整 */
  table-layout: fixed;       /* カラムを潰しやすい */
}

/* td/th が勝手に伸びないようにする（長文対策） */
.table th, .table td{
  white-space: nowrap;
}

/* まず横スクロールが死なないように */
.table-wrap{
  overflow-x:auto;
  max-width:100%;
  -webkit-overflow-scrolling:touch;
}
.table{ min-width: 1100px; } /* 列数に合わせて */

/* 折りたたみ編集UI */
.acc-ov{ display:block; }
.acc-ov__sum{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  gap:8px;
  align-items:center;
  user-select:none;
}
.acc-ov__sum::-webkit-details-marker{ display:none; }

.acc-ov__body{
  margin-top:8px;
  padding:10px;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  background: rgba(0,0,0,0.15);
}

/* ついでにセルを伸ばしすぎない */
.table th, .table td{ white-space:nowrap; }
.acc-ov__body .field{ white-space:normal; } /* 中だけ改行OK */