/* Collapsed Sidebar Styles */
body.sidebar-collapsed .sidebar {
    width: 72px;
    transition: width 0.25s ease;
}

/* Smooth transition for sidebar expansion */
.sidebar {
    transition: width 0.25s ease;
}

body.sidebar-collapsed .app-title,
body.sidebar-collapsed .nav-item span,
body.sidebar-collapsed .gem-item span,
body.sidebar-collapsed .history-text,
body.sidebar-collapsed .show-more-btn span,
body.sidebar-collapsed .section-title,
body.sidebar-collapsed .settings-btn .text {
    display: none;
}

body.sidebar-collapsed .sidebar-header {
    justify-content: center;
    padding: var(--space-md) 0;
}

body.sidebar-collapsed .menu-btn {
    margin: 0;
}

body.sidebar-collapsed .new-chat-btn-small {
    display: none;
}

body.sidebar-collapsed .nav-item,
body.sidebar-collapsed .gem-item,
body.sidebar-collapsed .history-item,
body.sidebar-collapsed .settings-btn {
    justify-content: center;
    padding: 10px 0;
}

body.sidebar-collapsed .nav-item .nav-icon,
body.sidebar-collapsed .gem-item .gem-icon,
body.sidebar-collapsed .history-item .history-icon,
body.sidebar-collapsed .settings-btn .icon {
    margin: 0;
}

body.sidebar-collapsed .show-more-btn {
    justify-content: center;
}

body.sidebar-collapsed .show-more-btn .chevron-down {
    display: none;
}

body.sidebar-collapsed .sidebar-nav,
body.sidebar-collapsed .gems-list,
body.sidebar-collapsed .history-list {
    padding: 0 8px;
}

/* Hide menu buttons and explore in collapsed mode */
body.sidebar-collapsed .history-menu-btn,
body.sidebar-collapsed .gem-menu-btn,
body.sidebar-collapsed .chain-indicator,
body.sidebar-collapsed .explore-gems-btn,
body.sidebar-collapsed .history-filter-btn {
    display: none !important;
}

/* Center history icons in collapsed mode */
body.sidebar-collapsed .history-item-wrapper {
    justify-content: center;
}

/* Smooth fade animation for elements */
.sidebar .app-title,
.sidebar .nav-item span,
.sidebar .gem-item span,
.sidebar .history-text,
.sidebar .show-more-btn span,
.sidebar .section-title,
.sidebar .settings-btn .text,
.sidebar .history-menu-btn,
.sidebar .gem-menu-btn {
    transition: opacity 0.2s ease, transform 0.2s ease;
}

body.sidebar-collapsed .sidebar .app-title,
body.sidebar-collapsed .sidebar .nav-item span,
body.sidebar-collapsed .sidebar .gem-item span,
body.sidebar-collapsed .sidebar .history-text,
body.sidebar-collapsed .sidebar .show-more-btn span,
body.sidebar-collapsed .sidebar .section-title,
body.sidebar-collapsed .sidebar .settings-btn .text {
    opacity: 0;
    transform: translateX(-10px);
    pointer-events: none;
}