.d4-pages .pages-tabs.nav-tabs .nav-link {
    padding: 0.75rem 1.5rem;
    border-radius: 0;
}

.d4-pages .page-body {
    padding: 0;
}

.d4-pages .nav-tabs {
    font-family: Roboto, sans-serif;
    margin: 0;
    font-size: .8125rem;
    cursor: pointer;
}

.d4-pages .nav-link:hover {
    background: #eff2f7b8;
}

.d4-pages .nav-tabs + .tab-content {
    margin-top: 0;
}

.d4-pages .pages-mobile-nav {
    display: none;
    padding: 0.85rem 0.9rem 0;
    border: 1px solid #d7ddeb;
    border-bottom: none;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
    overflow: hidden;
}

.d4-pages .pages-mobile-nav__label {
    display: block;
    margin: 0 0 0.45rem;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.d4-pages .pages-mobile-nav .select2-container {
    width: 100% !important;
    margin-bottom: 0.85rem;
}

.d4-pages .pages-mobile-nav .select2-container .select2-selection--single {
    height: 50px !important;
    border: 1px solid #d7ddeb !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
    padding: 0 48px 0 14px !important;
    display: flex !important;
    align-items: center;
    position: relative;
}

.d4-pages .pages-mobile-nav .select2-container .select2-selection--single:before {
    font-family: "Font Awesome 6 Pro";
    content: "\f0c9";
    font-weight: 900;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #667085;
}

.d4-pages .pages-mobile-nav .select2-container .select2-selection__rendered {
    width: 100%;
    padding-left: 24px !important;
    padding-right: 0 !important;
    line-height: 48px !important;
    color: #1f2937 !important;
    font-size: 0.96rem !important;
    font-weight: 700;
    text-align: left !important;
}

.d4-pages .pages-mobile-nav .select2-container .select2-selection__arrow {
    width: 42px !important;
    height: 48px !important;
    right: 6px !important;
}

.d4-pages .pages-mobile-nav .select2-container .select2-selection__arrow b {
    border-color: #667085 transparent transparent transparent !important;
    border-width: 6px 5px 0 5px !important;
}

.d4-pages .tab-pane.page {
    padding: 1.25rem;
    border: 1px solid #dbdfea;
    border-top: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.d4-pages .tab-pane.page.no-padding {
    padding: 0!important;
}

.d4-pages .no-padding .tab-pane.page {
    padding: 0;
}

.d4-pages .no-padding .D4DataTable .datatable-head {
    padding: 0;
}

body:not(.dark-mode) .d4-pages .pages-tabs.nav-tabs .nav-link.active {
    background: rgb(242, 244, 248);
}

body:not(.dark-mode) .d4-pages .pages-tabs.nav-tabs .nav-link:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

.dark-mode .d4-pages .nav-tabs {
    background: rgb(21 32 47);
}

.d4-pages .table-tools-buttons {
    padding: 10px;
}

@media (max-width: 767.98px) {
    .d4-pages .nav-tabs.normal {
        display: none !important;
    }

    .d4-pages .pages-mobile-nav {
        display: block;
    }

    .d4-pages .tab-pane.page .card-header {
        padding: 0.85rem 0.9rem;
        border: 1px solid #d7ddeb;
        border-radius: 0;
        background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
        box-shadow: none;
    }

    .d4-pages .tab-pane.page .card-header.border-bottom-dashed {
        border-bottom: 1px dashed #d7ddeb !important;
    }

    .d4-pages .tab-pane.page .card-header + .card-body,
    .d4-pages .tab-pane.page .card-header + .table-responsive,
    .d4-pages .tab-pane.page .card-header + .tab-content {
        border-top: 0;
    }

    .d4-pages .tab-pane.page {
        padding: 1rem;
        border-top: none;
    }
}