/**
 * 强制侧边栏收缩样式 - 最高优先级
 * 此文件必须最后加载，确保覆盖所有其他样式
 */

/* 覆盖CSS变量 */
:root {
    --sidebar-width: 70px !important;
}

/* 使用最高优先级选择器 - 侧边栏收缩 */
html body #wrapper #sidebar-wrapper,
html body #wrapper #sidebar-wrapper.collapsed,
html body div#wrapper div#sidebar-wrapper,
#sidebar-wrapper {
    min-width: 70px !important;
    max-width: 70px !important;
    width: 70px !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    height: 100vh !important;
    z-index: 1030 !important;
}

/* 强制覆盖任何使用变量的样式 */
#sidebar-wrapper[style] {
    min-width: 70px !important;
    max-width: 70px !important;
    width: 70px !important;
}

/* 侧边栏展开状态 */
html body #wrapper #sidebar-wrapper:hover,
html body #wrapper #sidebar-wrapper.expanded,
html body div#wrapper div#sidebar-wrapper:hover {
    min-width: 260px !important;
    max-width: 260px !important;
    width: 260px !important;
}

/* 主内容区域 */
html body #wrapper #page-content-wrapper,
html body div#wrapper div#page-content-wrapper {
    margin-left: 70px !important;
    width: calc(100% - 70px) !important;
    flex: 1 !important;
    /* GPU加速，优化transform性能 */
    will-change: transform;
    transform: translateZ(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   侧边栏分组子菜单 — 账号 & 充值记录
   .sg-header  : 分组标题行（纯展示，不可交互，无 Bootstrap list-group-item 类）
   .sg-icon    : 左侧图标
   .sg-label   : 文字标签（收缩时隐藏）
   .sg-subitem : 子项链接（继承 list-group-item-action）
============================================================ */

/* 分组标题行：纯展示容器，禁止任何交互 / 高亮 */
#sidebar-wrapper .sg-header {
    display: flex !important;
    align-items: center !important;
    padding: 10px 1rem 4px !important;
    cursor: default !important;
    pointer-events: none !important;
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    border: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* 收缩态（70px）：隐藏所有文字标签 */
#sidebar-wrapper .sg-label {
    display: none !important;
    white-space: nowrap !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    color: #6c757d !important;
    margin-left: 0.6rem !important;
}

/* 子项：紧凑缩进（收缩态） */
#sidebar-wrapper .sg-subitem {
    padding: 6px 1rem !important;
    font-size: 0.87rem !important;
}

/* 图标统一尺寸 */
#sidebar-wrapper .sg-icon {
    font-size: 1rem !important;
    min-width: 20px !important;
    text-align: center !important;
}

/* ── 展开态（hover 或 .expanded 类）：显示文字、加大缩进 ── */
#sidebar-wrapper:hover .sg-label,
#sidebar-wrapper.expanded .sg-label {
    display: inline !important;
}

#sidebar-wrapper:hover .sg-subitem,
#sidebar-wrapper.expanded .sg-subitem {
    padding-left: 2.6rem !important;
}

#sidebar-wrapper:hover .sg-header,
#sidebar-wrapper.expanded .sg-header {
    padding-left: 1rem !important;
}

/* 表格滚动条强制显示 - 最高优先级（内部方案）*/
html body .table-responsive,
html body div.table-responsive {
    overflow-x: scroll !important;
    overflow-y: visible !important;
    /* 为滚动条预留更大的内部空间 */
    padding-bottom: 30px !important;
}

/* 确保滚动条始终可见，即使不hover */
html body .table-responsive::-webkit-scrollbar,
html body div.table-responsive::-webkit-scrollbar {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body .table-responsive::-webkit-scrollbar,
html body div.table-responsive::-webkit-scrollbar {
    height: 14px !important;
    width: 14px !important;
    display: block !important;
    -webkit-appearance: none !important;
}

html body .table-responsive::-webkit-scrollbar-track,
html body div.table-responsive::-webkit-scrollbar-track {
    background: #e9ecef !important;
    border-radius: 7px !important;
    display: block !important;
}

html body .table-responsive::-webkit-scrollbar-thumb,
html body div.table-responsive::-webkit-scrollbar-thumb {
    background: #6c757d !important;
    border-radius: 7px !important;
    border: 3px solid #e9ecef !important;
    display: block !important;
    min-height: 30px !important;
}

html body .table-responsive::-webkit-scrollbar-thumb:hover,
html body div.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #495057 !important;
}

/* Firefox滚动条 */
html body .table-responsive,
html body div.table-responsive {
    scrollbar-width: auto !important;
    scrollbar-color: #6c757d #e9ecef !important;
}