/* Basic Body and Wrapper Styles */
body {
    overflow-x: hidden;
}

#wrapper {
    display: flex;
}

/* Sidebar Styles */
#sidebar-wrapper {
    min-height: 100vh;
    width: 250px;
    transition: margin .25s ease-out;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: -250px;
}

.sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

/* --- FIX for Invisible Headers --- */
#sidebar-wrapper .list-group-item.text-muted {
    color: rgba(255, 255, 255, 0.4) !important; /* Make section headers visible */
}

.list-group-item {
    border: none;
    padding: 1rem 1.25rem;
}

.sidebar-nav-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 1.25rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}

.sidebar-nav-item:hover, .sidebar-nav-item.active {
    background-color: #495057;
    color: #fff;
}

.sidebar-nav-item i {
    margin-right: 15px;
}

/* Submenu Styles */
.submenu-container .submenu-item {
    padding-left: 2.5rem; 
    background-color: #343a40; /* Darker background for submenu items */
}

.submenu-item:hover {
    background-color: #495057;
}

.submenu-item.active {
    background-color: #4e73df;
    color: #ffffff;
    font-weight: bold;
}

.has-submenu .submenu-arrow {
    transition: transform 0.3s ease;
    margin-left: auto;
}

.has-submenu.expanded .submenu-arrow {
    transform: rotate(180deg);
}

/* Page Content Styles */
#page-content-wrapper {
    width: 100%;
}

/* --- FIX for Toggle Button Spacing --- */
#page-content-wrapper .navbar {
    padding: 0.5rem 1.5rem; /* Add horizontal padding */
}

/* Custom rule for SKU details container */
.sku-details-container {
    max-height: 400px;
    overflow-y: auto;
    margin-top: 15px;
}

/* For truncating long text in table cells */
.truncate-cell {
    max-width: 250px; /* Adjust this width as needed */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ICP备案信息样式 */
footer a {
    color: #6c757d;
    text-decoration: none;
}

footer a:hover {
    color: #0d6efd;
    text-decoration: underline;
}