.page-tabs-panel {
    background: #fff;
    border: 1px solid #dbe7f6;
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(16, 42, 84, .05);
    overflow: hidden;
    margin-bottom: 6px;
    display: flex;
    flex-direction: column;
}

.page-tabs-panel .dxbs-tabs,
.page-tabs-panel .nav-tabs {
    gap: 4px;
    padding: 8px 12px 0;
    border-bottom: 1px solid #dbe7f6;
    background: linear-gradient(180deg, #fff, #f8fbff);
    white-space: nowrap;
}

.page-tabs-panel .nav-link,
.page-tabs-panel .dxbs-tabs .nav-link,
.page-tabs-panel .dxbl-tabs-item,
.page-tabs-panel .dxbl-tabs-tab {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    color: #31476d;
    font-size: 12px;
    font-weight: 700;
    padding: 0 14px;
    transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.page-tabs-panel .nav-link:hover,
.page-tabs-panel .dxbl-tabs-item:hover,
.page-tabs-panel .dxbl-tabs-tab:hover {
    background: #eef6ff;
    color: #0057b8;
    border-color: #cfe1f8;
}

.page-tabs-panel .nav-link.active,
.page-tabs-panel .dxbs-tabs .nav-link.active,
.page-tabs-panel .dxbl-tabs-item.dxbl-active,
.page-tabs-panel .dxbl-tabs-tab.dxbl-active,
.page-tabs-panel .dxbl-tabs-item-selected,
.page-tabs-panel .dxbl-tabs-tab-selected {
    background: #fff;
    color: #0057b8;
    border-color: #b9d2f4 #b9d2f4 #fff;
    box-shadow: 0 -4px 14px rgba(0, 87, 184, .08);
}

.page-tabs-panel .dxbs-scroll-button,
.page-tabs-panel .dxbl-tabs-scroll-btn,
.page-tabs-panel .dxbl-btn {
    border-radius: 7px;
}

.page-tab-strip {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    padding: 6px 8px 0;
    border-bottom: 1px solid #dbe7f6;
    background: #fff;
    scrollbar-width: none;
}

.page-tab-strip:hover {
    scrollbar-width: thin;
}

.page-tab-strip::-webkit-scrollbar {
    height: 0;
}

.page-tab-strip:hover::-webkit-scrollbar {
    height: 6px;
}

.page-tab-strip::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #9fb2cc;
}

.page-tab-button {
    min-height: 36px;
    flex: 0 0 auto;
    padding: 0 14px;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: transparent;
    color: #31476d;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.page-tab-button:hover {
    background: #f3f8ff;
    color: #0057b8;
}

.page-tab-button.active {
    background: #eef6ff;
    border-color: #b9d2f4;
    color: #0057b8;
    box-shadow: none;
}

.page-tabs-panel .card {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    flex: 1 1 auto;
}

.page-tabs-panel .card-body {
    padding: 8px;
    background: #fff;
    min-height: 0;
}