/* 一覧テーブルの列カスタマイズ（表示/非表示・並び替え・幅リサイズ）共通スタイル */

.access-table th[data-col-key],
table[data-list-key] th[data-col-key] {
    position: relative;
}

.col-resize-handle {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    touch-action: none;
}

.col-resize-handle:hover,
.col-resize-handle.resizing {
    background: rgba(13, 110, 253, 0.35);
}

.column-settings-item.dragging {
    opacity: 0.4;
}

.column-settings-item {
    cursor: grab;
}

.column-settings-list li + li {
    border-top: 1px solid #eee;
}

/* 列数が多い一覧（得意先マスターは30列）では、列設定パネルが画面の高さを超えて
   縦に伸び、下端の「既定に戻す」ボタンが画面外に出て押せなくなる
   （2026-08-12、実測: ビューポート870pxに対しパネル1071px、ボタンはy=1263）。
   パネル自体はドロップダウンで位置が固定されるため、リスト部分だけをスクロール
   させて、見出しと「既定に戻す」ボタンは常に見えるようにする。
   ドラッグ並べ替え中に端まで運べば、ブラウザが自動でスクロールしてくれる。 */
.column-settings-panel .column-settings-list {
    max-height: 55vh;
    overflow-y: auto;
}