/* 商户中心：白色侧栏 + 浅灰内容区（后台保持深色侧栏，互不干扰） */

.epay-user-console.nk-body.has-sidebar {
    background: #f0f2f5 !important;
}

/* 白色控制栏 */
.epay-user-console .nk-sidebar,
.epay-user-console .nk-sidebar.is-light,
.epay-user-console .nk-sidebar .nk-sidebar-head,
.epay-user-console .nk-sidebar .nk-sidebar-body,
.epay-user-console .nk-sidebar .nk-sidebar-content,
.epay-user-console .nk-sidebar .nk-sidebar-menu,
.epay-user-console .nk-sidebar .nk-sidebar-footer {
    background: #fff !important;
    background-color: #fff !important;
    border-color: #e8eaed !important;
    box-shadow: none;
}

.epay-user-console .nk-sidebar {
    border-right: 1px solid #e8eaed !important;
}

@media (min-width: 1200px) {
    .epay-user-console .nk-sidebar,
    .epay-user-console .nk-sidebar-head {
        width: 220px !important;
        min-width: 220px;
    }

    .epay-user-console .nk-sidebar + .nk-wrap {
        padding-left: 220px !important;
    }

    .epay-user-console .nk-sidebar + .nk-wrap > .nk-header-fixed {
        left: 220px !important;
    }

    .epay-user-console .nk-sidebar .nk-sidebar-head {
        padding: 12px 14px !important;
        height: auto !important;
        min-height: 52px;
        width: 220px !important;
        border-bottom: 1px solid #e8eaed !important;
        background: #fff !important;
    }

    /* 折叠侧栏：缩小宽度而非仅隐藏文字 */
    .epay-user-console .nk-sidebar.is-compact {
        overflow: hidden;
        transition: width 0.25s ease, transform 0.25s ease;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover),
    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-sidebar-head {
        width: 74px !important;
        min-width: 74px;
    }

    .epay-user-console .nk-sidebar.is-compact + .nk-wrap {
        padding-left: 74px !important;
    }

    .epay-user-console .nk-sidebar.is-compact + .nk-wrap > .nk-header-fixed {
        left: 74px !important;
    }

    /* 折叠态：隐藏文字与余额，仅保留图标 */
    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .logo-img,
    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-sidebar-brand {
        opacity: 0;
        visibility: hidden;
        width: 0;
        overflow: hidden;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .epay-user-sidebar-balance {
        display: none !important;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-text {
        opacity: 0;
        width: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        pointer-events: none;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-badge,
    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-toggle:after,
    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .dropdown-indicator:after {
        opacity: 0;
        pointer-events: none;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-sub {
        display: none !important;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-heading {
        position: relative;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-heading .overline-title {
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-heading:not(:first-child)::before {
        position: absolute;
        content: "";
        height: 1px;
        width: calc(100% - 1.5rem);
        left: 0.75rem;
        top: 50%;
        background-color: #e8eaed;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-link {
        justify-content: center;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-icon {
        width: auto;
        margin-right: 0 !important;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-sidebar-head {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .nk-menu-trigger {
        margin: 0 !important;
    }

    .epay-user-console .nk-sidebar.is-compact:not(.has-hover) .epay-user-sidebar-footer .nk-menu-link {
        justify-content: center;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    /* 悬停时临时展开完整侧栏 */
    .epay-user-console .nk-sidebar.is-compact.has-hover {
        z-index: 1020;
        box-shadow: 0 0 24px rgba(31, 43, 58, 0.12);
    }

    .epay-user-console .nk-sidebar.is-compact.has-hover,
    .epay-user-console .nk-sidebar.is-compact.has-hover .nk-sidebar-head {
        width: 220px !important;
        min-width: 220px;
    }

    .epay-user-console .nk-sidebar.is-compact.has-hover + .nk-wrap {
        padding-left: 220px !important;
    }

    .epay-user-console .nk-sidebar.is-compact.has-hover + .nk-wrap > .nk-header-fixed {
        left: 220px !important;
    }
}

.epay-user-console .nk-sidebar .logo-light {
    display: none !important;
}

.epay-user-console .nk-sidebar .logo-dark {
    display: block !important;
    max-height: 32px;
}

.epay-user-console .nk-sidebar .nk-menu-heading {
    padding: 0.65rem 1.25rem 0.35rem;
}

.epay-user-console .nk-sidebar .nk-menu-heading .overline-title {
    color: #8094ae !important;
    font-size: 0.65rem;
    letter-spacing: 0.06em;
}

.epay-user-console .nk-sidebar .nk-menu-link {
    color: #526484;
    padding-top: 0.45rem;
    padding-bottom: 0.45rem;
    font-size: 0.8125rem;
}

.epay-user-console .nk-sidebar .nk-menu-link:hover,
.epay-user-console .nk-sidebar .nk-menu-item.active > .nk-menu-link,
.epay-user-console .nk-sidebar .nk-menu-item.current-menu > .nk-menu-link {
    background: #f0f6ff;
    color: #3366ff;
}

.epay-user-console .nk-sidebar .nk-menu-icon {
    color: #8094ae;
}

.epay-user-console .nk-sidebar .nk-menu-item.active > .nk-menu-link .nk-menu-icon,
.epay-user-console .nk-sidebar .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
    color: #3366ff;
}

.epay-user-console .nk-sidebar .nk-menu-sub {
    background: #fafbfc;
    padding: 0.25rem 0;
}

.epay-user-console .nk-sidebar .nk-menu-sub .nk-menu-link {
    padding-left: 2.75rem;
    font-size: 0.78rem;
    color: #6e82a5;
}

.epay-user-console .nk-sidebar .nk-menu-sub .nk-menu-item.active > .nk-menu-link {
    color: #3366ff;
    background: #eef4ff;
}

.epay-user-console .nk-sidebar .nk-menu-toggle:after {
    color: #8094ae;
}

/* 侧栏余额条 */
.epay-user-sidebar-balance {
    padding: 0.65rem 1rem 0.75rem;
    border-bottom: 1px solid #e8eaed;
    margin-bottom: 0.25rem;
    background: #f5f6fa !important;
}

.epay-user-sidebar-balance .balance-label {
    font-size: 0.65rem;
    color: #8094ae;
    letter-spacing: 0.04em;
}

.epay-user-sidebar-balance .balance-value {
    font-size: 1.05rem;
    font-weight: 600;
    color: #364a63;
    line-height: 1.2;
}

.epay-user-sidebar-balance .balance-value small {
    font-size: 0.7rem;
    font-weight: 400;
    color: #8094ae;
}

.epay-user-sidebar-balance .balance-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    margin-top: 0.5rem;
}

.epay-user-sidebar-balance .balance-actions a {
    font-size: 0.7rem;
    color: #3366ff;
    text-decoration: none;
}

.epay-user-sidebar-balance .balance-actions a:hover {
    color: #1d4ed8;
}

.epay-user-console .epay-user-mobile-profile {
    border-bottom: 1px solid #e8eaed;
    padding: 0.5rem 0.75rem !important;
    background: #fff !important;
}

.epay-user-console .epay-user-sidebar-footer {
    border-top: 1px solid #e8eaed;
    padding: 0.35rem 0 0.5rem;
    background: #fff !important;
}

.epay-user-console .epay-user-sidebar-footer .nk-menu-footer {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0 0.75rem;
}

.epay-user-console .epay-user-sidebar-footer .nk-menu-footer > .nk-menu-item {
    width: 100%;
    margin-left: 0 !important;
}

.epay-user-console .epay-user-sidebar-footer .nk-menu-link {
    padding: 0.4rem 0.5rem;
    border-radius: 4px;
    color: #526484;
}

.epay-user-console .epay-user-sidebar-footer .nk-menu-text {
    font-size: 0.75rem;
}

.epay-user-console .nk-sidebar .nk-menu-item.active > .nk-menu-link,
.epay-user-console .nk-sidebar .nk-menu-item.current-menu > .nk-menu-link {
    color: #3366ff;
}

.epay-user-console .nk-main,
.epay-user-console .nk-wrap {
    background: #f0f2f5;
}

.epay-user-console .nk-header {
    background: #fff;
    border-bottom: 1px solid #e8eaed;
    box-shadow: none;
    min-height: 52px;
}

.epay-user-console .nk-header-wrap::before {
    content: '商户中心';
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #e8eaed;
}

@media (max-width: 1199px) {
    .epay-user-console .nk-header-wrap::before {
        display: none;
    }
}

.epay-user-console .nk-content,
.epay-user-console .nk-content-fluid,
.epay-user-console .epay-user-content-wrap {
    padding: 0.5rem 0.65rem !important;
}

.epay-user-console .container-xl.wide-lg,
.epay-user-console .container-fluid.epay-user-main,
.epay-user-console .epay-user-main {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.epay-user-console .nk-block-head {
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.35rem !important;
}

.epay-user-console .nk-block-head .page-title {
    font-size: 1.125rem;
    font-weight: 600;
}

.epay-user-console .card {
    border-radius: 4px;
    border-color: #e8eaed;
    box-shadow: none;
}

body.has-dashboard-embed.epay-user-console.nk-body.has-sidebar {
    background: #f0f2f5 !important;
}