/* 后台通用移动端与列表页优化 */

.content .content-wrapper {
    padding: 6.2rem 1rem 1.25rem !important;
    min-height: auto !important;
}

@media (min-width: 992px) {
    .content .content-wrapper {
        padding: 6.6rem 1.4rem 1.5rem !important;
    }
}

.content-header.breadcrumbs-top {
    margin-bottom: .8rem;
    padding: 0 !important;
}

.content-header .content-header-title,
.content-header h1 {
    margin-bottom: .45rem;
    line-height: 1.25;
}

.content-header .breadcrumb-wrapper {
    padding: 0;
}

.content-header .breadcrumb {
    float: none !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem .45rem;
    margin: 0;
    padding: .6rem .85rem;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .05);
}

.content-header .breadcrumb .breadcrumb-item {
    float: none;
    line-height: 1.35;
    word-break: break-word;
}

.app-content .box,
.app-content .card {
    border-radius: 14px;
}

.app-content .box .box-header,
.app-content .card .card-header {
    padding-bottom: .75rem;
}

.app-content .box .box-body,
.app-content .card .card-body {
    padding: .95rem;
}


/* 头部标题隐藏，仅保留整行面包屑卡片 */
.content-header.breadcrumbs-top > h1,
.content-header.breadcrumbs-top > .content-header-title,
.content-header.breadcrumbs-top > div:first-child:not(.breadcrumb-wrapper) {
    display: none !important;
}

.content-header.breadcrumbs-top {
    display: block;
}

.content-header .breadcrumb-wrapper {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.content-header .breadcrumb {
    width: 100%;
    min-height: 36px;
    justify-content: flex-start;
}

.content-header .breadcrumb .breadcrumb-item,
.content-header .breadcrumb .breadcrumb-item a {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
}

/* 列表工具栏与批量操作区域 */
.app-content .grid-box .box-header,
.app-content .grid-box .card-header,
.app-content .custom-data-table-header {
    row-gap: .6rem;
}

.app-content .grid-box .box-header .btn,
.app-content .grid-box .card-header .btn,
.app-content .custom-data-table-header .btn {
  /*  margin-bottom: .35rem;*/
}

/* 搜索/筛选区域 */
.app-content .filter-box {
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06) !important;
    margin-bottom: 1rem !important;
}

.app-content .filter-box .row {
    row-gap: .6rem;
}

.app-content .grid-filter-form .form-group,
.app-content .grid-filter-form .fields-group,
.app-content .grid-filter-form .filter-input {
    margin-bottom: .55rem;
}

.app-content .grid-filter-form .btn,
.app-content .filter-box .btn-group {
    margin-top: .1rem;
}

/* 列表记录卡片化 + 横向拖动 */
.app-content .table-responsive,
.app-content .table-main {
    position: relative;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.app-content .xq-admin-scroll-card {
    border: 1px solid #e8edf4;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
    cursor: grab;
}

.app-content .xq-admin-scroll-card.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.app-content .xq-admin-scroll-card > .table,
.app-content .xq-admin-scroll-card table {
    width: max-content !important;
    min-width: 100% !important;
    margin-bottom: 0 !important;
    table-layout: auto !important;
    border-collapse: separate;
    border-spacing: 0;
}

.app-content .xq-admin-scroll-card > .table thead th,
.app-content .xq-admin-scroll-card > .table tbody td,
.app-content .xq-admin-scroll-card table thead th,
.app-content .xq-admin-scroll-card table tbody td {
    white-space: nowrap !important;
    word-break: normal !important;
    width: auto !important;
    max-width: none !important;
    vertical-align: middle;
}

.app-content .xq-admin-scroll-card > .table thead th,
.app-content .xq-admin-scroll-card table thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.app-content .xq-admin-scroll-card::after {
    content: '';
    position: sticky;
    right: 0;
    display: block;
    width: 18px;
    height: 1px;
    margin-left: auto;
    box-shadow: inset -18px 0 14px -14px rgba(15, 23, 42, .18);
    pointer-events: none;
}

/* 分页区域 */
.app-content .pagination {
    flex-wrap: wrap;
    gap: .35rem;
}

.app-content .pagination .page-item .page-link {
    border-radius: 10px;
}

@media (max-width: 991.98px) {
    .content .content-wrapper {
        padding: 5.7rem .75rem 1rem !important;
    }

    .content-header .breadcrumb {
        padding: .55rem .7rem;
        font-size: 12px;
    }

    .app-content .box .box-body,
    .app-content .card .card-body {
        padding: .8rem;
    }

    .app-content .filter-box {
        padding: 1rem !important;
    }

    .app-content .grid-box .box-header,
    .app-content .grid-box .card-header,
    .app-content .custom-data-table-header,
    .app-content .custom-data-table-header .top,
    .app-content .table-filter,
    .app-content .quick-create,
    .app-content .table-actions,
    .app-content .actions,
    .app-content .btn-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .45rem;
    }

    .app-content .grid-filter-form .btn,
    .app-content .grid-filter-form .btn-group,
    .app-content .grid-filter-form .btn-group .btn {
        width: auto;
        max-width: 100%;
    }
}


/* 移动端分页底部居中 */
.app-content .box-footer,
.app-content .card-footer,
.app-content .grid-box .box-footer {
    padding-top: .9rem;
}

.app-content .box-footer .pagination,
.app-content .card-footer .pagination,
.app-content .grid-box .box-footer .pagination {
    justify-content: center;
}

@media (max-width: 991.98px) {
    .app-content .box-footer,
    .app-content .card-footer,
    .app-content .grid-box .box-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .55rem;
        text-align: center;
    }

    .app-content .box-footer .pull-right,
    .app-content .card-footer .pull-right,
    .app-content .grid-box .box-footer .pull-right {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .app-content .box-footer .pagination,
    .app-content .card-footer .pagination,
    .app-content .grid-box .box-footer .pagination {
        width: 100%;
        justify-content: center !important;
        margin: 0 auto;
    }

    .app-content .box-footer .pagination .page-link,
    .app-content .card-footer .pagination .page-link,
    .app-content .grid-box .box-footer .pagination .page-link {
        min-width: 2rem;
        text-align: center;
    }
}


/* 面包屑风格整行工具栏（刷新 / 筛选 / 范围下拉） */
.app-content .box-header.with-border,
.app-content .card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .65rem;
}

.app-content .box-header.with-border .box-tools,
.app-content .card-header .box-tools {
    float: none !important;
}

.app-content .xq-admin-grid-toolbar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin: 0 !important;
    padding: .55rem;
    border: 1px solid #e8edf4;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .05);
}

.app-content .xq-admin-grid-toolbar > * {
    margin: 0 !important;
}

.app-content .xq-admin-grid-toolbar .grid-refresh,
.app-content .xq-admin-grid-toolbar .filter-button-group,
.app-content .xq-admin-grid-toolbar .btn-group,
.app-content .xq-admin-grid-toolbar .dropdown,
.app-content .xq-admin-grid-toolbar > .btn,
.app-content .xq-admin-grid-toolbar > a.btn {
    flex: 0 1 auto;
}

.app-content .xq-admin-grid-toolbar .grid-refresh,
.app-content .xq-admin-grid-toolbar .filter-button-group > .btn,
.app-content .xq-admin-grid-toolbar .btn-group > .btn,
.app-content .xq-admin-grid-toolbar > .btn,
.app-content .xq-admin-grid-toolbar > a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 40px;
    padding: .58rem .95rem;
    white-space: nowrap;
    border-radius: 12px !important;
}

.app-content .xq-admin-grid-toolbar .filter-button-group {
    display: inline-flex !important;
    align-items: stretch;
    flex-wrap: nowrap;
    max-width: 100%;
}

.app-content .xq-admin-grid-toolbar .filter-button-group > .btn:first-child {
    min-width: 0;
}

.app-content .xq-admin-grid-toolbar .filter-button-group > .btn:last-child {
    flex: 0 0 auto;
    padding-left: .8rem;
    padding-right: .8rem;
}

.app-content .xq-admin-grid-toolbar .filter-button-group > .btn span,
.app-content .xq-admin-grid-toolbar .grid-refresh span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-content .xq-admin-grid-toolbar .dropdown-menu {
    margin-top: .45rem;
    border: 1px solid #e8edf4;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
    min-width: 11rem;
    max-width: min(20rem, calc(100vw - 1.5rem));
}

.app-content .xq-admin-grid-toolbar .dropdown-menu .dropdown-item,
.app-content .xq-admin-grid-toolbar .dropdown-menu a {
    white-space: nowrap;
}

/* 回收站下拉按钮显示修正 */
.app-content .xq-admin-grid-toolbar .filter-button-group.dropdown.show,
.app-content .xq-admin-grid-toolbar .filter-button-group.dropdown {
    overflow: visible;
}

.app-content .xq-admin-grid-toolbar .filter-button-group .btn + .btn {
    margin-left: 0 !important;
}

.app-content .xq-admin-grid-toolbar .filter-button-group .feather {
    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .app-content .xq-admin-grid-toolbar {
        padding: .5rem;
        gap: .5rem;
    }

    .app-content .xq-admin-grid-toolbar > .grid-refresh,
    .app-content .xq-admin-grid-toolbar > .filter-button-group,
    .app-content .xq-admin-grid-toolbar > .btn,
    .app-content .xq-admin-grid-toolbar > a.btn,
    .app-content .xq-admin-grid-toolbar > .btn-group {
        flex: 1 1 calc(50% - .25rem);
        min-width: 0;
    }

    .app-content .xq-admin-grid-toolbar .grid-refresh {
        width: 100%;
    }

    .app-content .xq-admin-grid-toolbar .filter-button-group {
        width: 100%;
    }

    .app-content .xq-admin-grid-toolbar .filter-button-group > .btn:first-child {
        flex: 1 1 auto;
        width: auto;
    }

    .app-content .xq-admin-grid-toolbar .dropdown-menu {
        left: 0 !important;
        right: auto !important;
        min-width: min(14rem, calc(100vw - 1.5rem));
    }
}




/* 回收站下拉保留 Dcat 原生 dropdown，仅修正工具栏容器显示 */
.app-content .box-header.with-border,
.app-content .card-header,
.app-content .xq-admin-grid-toolbar,
.app-content .xq-admin-grid-toolbar .filter-button-group.dropdown {
    overflow: visible !important;
}

.app-content .xq-admin-grid-toolbar .filter-button-group.dropdown .btn + .btn {
    margin-left: 0 !important;
}


/* 回收站范围下拉：与当前 Dcat dropdown 资产保持同一 DOM 顺序 */
.app-content .xq-admin-grid-toolbar .filter-button-group .dropdown-menu {
    z-index: 1065;
}

.app-content .xq-admin-grid-toolbar .filter-button-group > .dropdown-toggle::after {
    margin-left: .35rem;
}

.app-content .xq-admin-grid-toolbar .filter-button-group > .dropdown-toggle.dropdown-toggle-split::after {
    margin-left: 0;
}


/* 最终修复：工具栏 dropdown 允许溢出显示，并恢复筛选内回收站原生结构 */
.app-content .custom-data-table-header,
.app-content .custom-data-table-header > .table-responsive,
.app-content .custom-data-table-header > .table-responsive > .top,
.app-content .custom-data-table-header [data-responsive-table-toolbar],
.app-content .custom-data-table-header [data-responsive-table-toolbar] > .btn-group,
.app-content .custom-data-table-header [data-responsive-table-toolbar] > .dropdown,
.app-content .custom-data-table-header [data-responsive-table-toolbar] .btn-group,
.app-content .custom-data-table-header [data-responsive-table-toolbar] .dropdown,
.app-content .custom-data-table-header .filter-button-group.dropdown {
    overflow: visible !important;
}

.app-content .custom-data-table-header [data-responsive-table-toolbar] {
    position: relative;
}

.app-content .custom-data-table-header .dropdown-menu,
.app-content .custom-data-table-header .filter-button-group .dropdown-menu,
.app-content .custom-data-table-header [data-responsive-table-toolbar] .dropdown-menu {
    z-index: 1065;
}

.app-content .xq-admin-grid-toolbar .filter-button-group > .btn + .btn {
    margin-left: 0 !important;
}

/* 2026-04-06：后台分页单行精简 + PC端列表恢复作者原版行为 */

/* 工具栏 dropdown 继续允许溢出，避免批量操作 / 导出 / 筛选菜单被裁切 */
.app-content .custom-data-table-header,
.app-content .custom-data-table-header > .table-responsive,
.app-content .custom-data-table-header > .table-responsive > .top,
.app-content .custom-data-table-header [data-responsive-table-toolbar],
.app-content .custom-data-table-header [data-responsive-table-toolbar] > .btn-group,
.app-content .custom-data-table-header [data-responsive-table-toolbar] > .dropdown,
.app-content .custom-data-table-header [data-responsive-table-toolbar] .btn-group,
.app-content .custom-data-table-header [data-responsive-table-toolbar] .dropdown,
.app-content .custom-data-table-header .filter-button-group.dropdown {
    overflow: visible !important;
}

.app-content .custom-data-table-header .dropdown-menu,
.app-content .custom-data-table-header .filter-button-group .dropdown-menu,
.app-content .custom-data-table-header [data-responsive-table-toolbar] .dropdown-menu {
    z-index: 1065;
}

/* 分页始终单行，宽度不够时收口，不再换行 */
.app-content .box-footer,
.app-content .card-footer,
.app-content .grid-box .box-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: .65rem;
    overflow: hidden;
}

.app-content .box-footer > span,
.app-content .card-footer > span,
.app-content .grid-box .box-footer > span {
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-content .pagination,
.app-content .xq-admin-pagination {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    flex-wrap: nowrap !important;
    gap: .3rem;
    overflow: hidden;
    white-space: nowrap;
}

.app-content .pagination .page-item,
.app-content .xq-admin-pagination .page-item {
    flex: 0 0 auto;
}

.app-content .pagination .page-link,
.app-content .xq-admin-pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .55rem;
    border-radius: 10px;
    white-space: nowrap;
}

.app-content .xq-admin-pagination .xq-page-ellipsis .page-link {
    min-width: 1.5rem;
    padding: 0 .3rem;
}

/* PC端恢复原作者列表行为：不再强制横向拖动、nowrap、max-content */
@media (min-width: 992px) {
    .app-content .table-responsive,
    .app-content .table-main {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .app-content .xq-admin-scroll-card {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        cursor: auto !important;
    }

    .app-content .xq-admin-scroll-card::after {
        display: none !important;
    }

    .app-content .xq-admin-scroll-card > .table,
    .app-content .xq-admin-scroll-card table,
    .app-content .grid-box .table,
    .app-content .grid-box table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
    }

    .app-content .xq-admin-scroll-card > .table thead th,
    .app-content .xq-admin-scroll-card > .table tbody td,
    .app-content .xq-admin-scroll-card table thead th,
    .app-content .xq-admin-scroll-card table tbody td,
    .app-content .grid-box .table thead th,
    .app-content .grid-box .table tbody td,
    .app-content .grid-box table thead th,
    .app-content .grid-box table tbody td {
        white-space: normal !important;
        word-break: break-word !important;
        max-width: none !important;
        width: auto !important;
    }

    .app-content .box-footer,
    .app-content .card-footer,
    .app-content .grid-box .box-footer {
        justify-content: space-between;
    }
}

/* 移动端保留单行分页，但更紧凑 */
@media (max-width: 991.98px) {
    .app-content .box-footer,
    .app-content .card-footer,
    .app-content .grid-box .box-footer {
        gap: .45rem;
    }

    .app-content .box-footer > span,
    .app-content .card-footer > span,
    .app-content .grid-box .box-footer > span {
        display: none !important;
    }

    .app-content .pagination .page-link,
    .app-content .xq-admin-pagination .page-link {
        min-width: 1.85rem;
        height: 1.85rem;
        padding: 0 .45rem;
        font-size: 12px;
    }
}

/* 后台表单底部按钮统一布局 */
.xq-admin-form-footer::after,
.xq-admin-form-footer__mobile-origin::after {
    content: '';
    display: block;
    clear: both;
}

.xq-admin-form-footer .btn-group {
    float: none !important;
}

.xq-admin-form-footer__field {
    padding-left: 0;
    padding-right: 0;
}

.xq-admin-form-footer__action-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px 16px;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
}

.xq-admin-form-footer__checks,
.xq-admin-form-footer__checks .d-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 16px;
    flex-wrap: wrap;
}

.xq-admin-form-footer__checks .vs-checkbox-con {
    margin-right: 0 !important;
}

.xq-admin-form-footer__desktop-only,
.xq-admin-form-footer--edit .xq-admin-form-footer__mobile-origin {
    display: none;
}

@media (min-width: 992px) {
    .xq-admin-form-footer--edit .xq-admin-form-footer__desktop-only {
        display: block;
    }

    .xq-admin-form-footer--edit .xq-admin-form-footer__mobile-origin {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .xq-admin-form-footer--edit .xq-admin-form-footer__desktop-only {
        display: none;
    }

    .xq-admin-form-footer--edit .xq-admin-form-footer__mobile-origin {
        display: block;
    }

    .xq-admin-form-footer--create .xq-admin-form-footer__action-row {
        gap: 10px 12px;
    }
}

/* 导入卡密页：PC 端底部按钮居中 */
@media (min-width: 992px) {
    .xq-import-carmis-footer {
        justify-content: center !important;
    }

    .xq-import-carmis-footer > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xq-import-carmis-footer__actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px 16px;
        flex-wrap: wrap;
        width: 100%;
        text-align: center;
    }

    .xq-import-carmis-footer .btn {
        float: none !important;
    }
}