/* テーブル本体: 横線のみ（縦線なし） */
.inc-data-table th,
.inc-data-table td {
    border-left: none;
    border-right: none;
    border-top: none;
}

/* 3点メニュー列（actions / 右端アイコン列） */
.inc-data-table th.inc-data-table__col-actions,
.inc-data-table td.inc-data-table__col-actions {
    width: 2rem;
    min-width: 2rem;
    max-width: 2rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    vertical-align: middle;
}

.inc-data-table__actions-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: inherit;
    line-height: 1;
    color: var(--pc-gray-800, #595757);
    background: transparent;
    border: 0;
    border-radius: 0.25rem;
    cursor: pointer;
}

.inc-data-table__actions-trigger:hover {
    background: var(--pc-gray-100, #efefef);
}

/* inc_data_table ツールバー（pcnext product_list.php ヘッダーボタン群相当） */
.inc-data-table-toolbar {
    font-size: var(--pc-body-font-size, 0.875rem);
    color: var(--pc-gray-800, #595757);
}

.inc-data-table-toolbar__summary {
    font-size: inherit;
    color: inherit;
}

.inc-data-table-toolbar__leading {
    gap: 0.75rem;
    flex: 1 1 auto;
    min-width: 0;
}

.inc-data-table-toolbar__regist-link {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--pc-primary, #5c94d5);
    font-size: inherit;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
}

.inc-data-table-toolbar__regist-link:hover {
    color: rgb(73.6, 118.4, 170.4);
}

.inc-data-table-toolbar__regist-link .fa-solid {
    line-height: 1;
}

.inc-data-table-toolbar__regist-link .fa-solid.fa-lg {
    font-size: 1.25em;
}

.inc-data-table-toolbar__select-all {
    margin: 0;
    cursor: pointer;
}

.inc-data-table-toolbar__actions {
    gap: 0;
    margin-left: auto;
}

.inc-data-table-toolbar__section {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-right: 1px solid #e5e7eb;
}

.inc-data-table-toolbar__section--last {
    border-right: none;
}

.inc-data-table-toolbar__trigger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    list-style: none;
    background: transparent;
    border: none;
    padding: 0;
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.inc-data-table-toolbar__trigger::-webkit-details-marker {
    display: none;
}

/* テーブル表示とグリッド表示の切り替え */
.viewSwitcher {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.viewSwitcher .js-view-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: #fff;
    color: var(--pc-primary, #5c94d5);
    cursor: pointer;
    line-height: 1;
}

.viewSwitcher .js-view-toggle i {
    color: inherit;
}

.viewSwitcher .js-view-toggle:hover {
    opacity: 0.85;
}

.viewSwitcher .js-view-toggle.active,
.viewSwitcher .js-view-toggle[aria-pressed="true"] {
    color: var(--pc-gray-800, #595757);
}

.inc-data-table-pagination-header,
.inc-data-table-pagination-footer {
    border-color: #e5e7eb;
}

.inc-data-table-pagination-header {
    border-bottom: 1px solid #e5e7eb;
}

.inc-data-table-pagination-footer {
    padding-bottom: 1.5rem;
}

/* ページャー行（すべてオン/オフ・ページネーション・件数サマリー） */
.ppkg-list-pagination-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.75rem 1rem;
    font-size: var(--pc-body-font-size, 0.875rem);
    color: var(--pc-gray-800, #595757);
}

.ppkg-list-pagination-row__leading {
    order: 1;
    display: flex;
    align-items: center;
}

.ppkg-list-pagination-row__select-all {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    cursor: pointer;
}

.ppkg-list-pagination-row--data-table .ppkg-list-pagination-row__select-all-input {
    width: 1rem;
    height: 1rem;
    margin: 0;
    border-radius: 0.25rem;
    border: 1px solid #d1d5db;
    accent-color: var(--pc-primary, #5c94d5);
    cursor: pointer;
}

.ppkg-list-pagination-row__pagination {
    order: 2;
    display: flex;
    justify-content: center;
}

.ppkg-list-pagination-row__summary {
    order: 3;
    width: 100%;
    text-align: right;
}

@media (min-width: 768px) {
    .ppkg-list-pagination-row {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .ppkg-list-pagination-row__leading {
        grid-column: 1;
        justify-self: start;
    }

    .ppkg-list-pagination-row__pagination {
        grid-column: 2;
        justify-self: center;
    }

    .ppkg-list-pagination-row__summary {
        grid-column: 3;
        width: auto;
        justify-self: end;
    }
}

/* ページネーション（pcnext order_list.php: pagination pagination-sm 相当） */
.ppkg-list-pagination .pagination {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.25rem;
    --bs-pagination-font-size: var(--pc-body-font-size, 0.875rem);
    --bs-pagination-color: var(--pc-primary, #5c94d5);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: var(--pc-border-color, #c9caca);
    --bs-pagination-border-radius: 0.25rem;
    --bs-pagination-hover-color: rgb(73.6, 118.4, 170.4);
    --bs-pagination-hover-bg: var(--pc-gray-100, #efefef);
    --bs-pagination-hover-border-color: var(--pc-border-color, #c9caca);
    --bs-pagination-focus-color: rgb(73.6, 118.4, 170.4);
    --bs-pagination-focus-bg: var(--pc-gray-100, #efefef);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--pc-primary, #5c94d5);
    --bs-pagination-active-border-color: var(--pc-primary, #5c94d5);
    --bs-pagination-disabled-color: var(--pc-gray-500, #9fa0a0);
    --bs-pagination-disabled-bg: var(--pc-gray-100, #efefef);
    --bs-pagination-disabled-border-color: var(--pc-border-color, #c9caca);
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.ppkg-list-pagination .page-item {
    display: flex;
    align-items: stretch;
}

.ppkg-list-pagination .page-link {
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    line-height: 1;
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.ppkg-list-pagination button.page-link {
    margin: 0;
    font-size: var(--bs-pagination-font-size);
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.ppkg-list-pagination button.page-link:disabled {
    cursor: default;
    opacity: 1;
}

.ppkg-list-pagination .page-link .fa-solid {
    display: block;
    line-height: 1;
    font-size: 0.875em;
    pointer-events: none;
}

.ppkg-list-pagination .page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color);
}

.ppkg-list-pagination .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow);
}

.ppkg-list-pagination .page-item.active > .page-link,
.ppkg-list-pagination .page-item.active > button.page-link:disabled {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);
    pointer-events: none;
    opacity: 1;
}

.ppkg-list-pagination .page-item.disabled > .page-link,
.ppkg-list-pagination .page-item.disabled > button.page-link,
.ppkg-list-pagination .page-item.disabled > button.page-link:disabled {
    z-index: 1;
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
    opacity: 1;
}

.ppkg-list-pagination .page-item.disabled > .page-link:hover,
.ppkg-list-pagination .page-item.disabled > button.page-link:hover {
    color: var(--bs-pagination-disabled-color);
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color);
}

.ppkg-list-pagination .page-item:not(:first-child) .page-link {
    margin-left: -1px;
}

.ppkg-list-pagination .page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.ppkg-list-pagination .page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius);
}