style.scss

.dokan-layout {
    .dokan-dashboard-datatable {
        .dataviews-wrapper {
            height: auto;

            .dataviews__view-actions {
                display: none;
            }

            .components-button.is-compact {
                opacity: 1;
                margin: 0 !important;

                &.has-icon:not(.has-text) {
                    width: auto;
                    padding: 6px 3px;

                    &:hover,
                    &:focus {
                        background-color: transparent;
                        box-shadow: none;
                        border: none;
                    }
                }

                &:focus {
                    outline: none;
                }

                &:hover {
                    background-color: transparent;
                }
            }
        }
    }
    .dokan-admin-dashboard-datatable {
        // TODO: Temporary dokan-admin-dashboard-datatable-prefixed DataViews styles for admin compatibility.
        // Remove this scoped import once both legacy dashboard tables are migrated
        // to Plugin UI DataViews and prefix compatibility is no longer needed.
        @import "@wordpress/dataviews/build-style/style.css";
        .dataviews-wrapper {
            height: auto;
            border-radius: 10px;
            box-shadow: 0px 1px 3px 0px #0000001a;

            table.dataviews-view-table {
                border-left: none;
                border-right: none;

                thead {
                    z-index: 0;
                }

                tr td:first-child,
                tr th:first-child {
                    padding-left: 20px;
                }
                tr td:last-child,
                tr th:last-child {
                    padding-right: 20px;
                }

                tbody tr td {
                    min-height: 65px;
                    padding-top: 14px;
                    padding-bottom: 14px;
                }
            }
            .components-button.is-compact.has-icon:not(.has-text) {
                width: auto;
                padding: 6px;

                &:hover,
                &:focus {
                    background-color: transparent;
                    box-shadow: none;
                    border: none;
                }
            }
            .components-flex.components-h-stack.dataviews-pagination {
                width: 100%;
                justify-content: space-between;
                padding: 15px 20px;
            }

            .dokan-admin-dashboard-datatable-bulkaction {
                .dataviews-bulk-actions-footer__action-buttons {
                    gap: 10px;

                    .components-button.is-compact:not(:last-child) {
                        border: 1px solid #e9e9e9;
                        border-radius: 6px;
                        line-height: 1;
                    }
                }
            }
        }

        // Plugin UI wrapper rendered by the new DataViews component.
        // Restores admin-table polish (single white card containing tabs +
        // filters + table + pagination) that the legacy AdminDataViews
        // wrapper used to provide.
        .pui-root-dataviews {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0px 1px 3px 0px #0000001a;
            overflow: hidden;

            // Inner table wrapper: drop the duplicate card styling now that
            // the outer wrapper carries the rounded corners + shadow.
            .dataviews-wrapper {
                box-shadow: none;
                border-radius: 0;
                background-color: transparent;
            }

            .dataviews-bulk-actions-footer__action-buttons {
                gap: 10px;

                .components-button.is-compact:not(:last-child) {
                    border: 1px solid #e9e9e9;
                    border-radius: 6px;
                    line-height: 1;
                    padding: 6px 10px;
                }
            }

            .components-flex.components-h-stack.dataviews-pagination {
                width: 100%;
                justify-content: space-between;
                padding: 15px 20px;
            }

            // Data rows: keep visual rhythm at 65px even for single-line rows.
            table.dataviews-view-table tbody tr td {
                min-height: 65px;
                padding-top: 14px;
                padding-bottom: 14px;
            }

            // Skeleton rows (rendered while isLoading): match the data row rhythm.
            > div table tbody tr td.h-12 {
                height: 65px;
            }
            > div table tbody tr td {
                height: 65px;
                min-height: 65px;
            }

            // When the DataViews has only a single tab, it acts as a section
            // title (e.g. Reverse Withdrawal's "List of Data"). Neutralise the
            // active-tab accent so the label reads as plain heading text.
            [data-slot="tabs-list"] [data-slot="tabs-trigger"]:only-child {
                color: #25252d !important;
                font-weight: 700 !important;
                font-size: 16px !important;
                border-bottom-color: transparent !important;
                cursor: default !important;
            }
        }
    }
}

.dokan_page_dokan-dashboard {
    [id^="portal/:"] {
        --wp-components-color-accent: #efeaff;
        --wp-components-color-accent-inverted: #7047eb;

        div[role="menu"] {
            padding: 10px 0;
        }
        div[role="menuitem"] {
            padding: 0 16px;
            box-sizing: content-box;
            min-height: calc(4px * 9);
            color: #828282;
        }
    }
}