/* ==========================================================================
   TALHA AI ENTERPRISE - SIDEBAR v2 (sidebar.css)
   Pinned chats, folders, import/export, user menu
   ========================================================================== */

.sidebar { width:var(--sidebar-width); height:100vh; background:var(--bg-glass-heavy); backdrop-filter:var(--glass-backdrop); -webkit-backdrop-filter:var(--glass-backdrop); border-right:1px solid var(--border-color); display:flex; flex-direction:column; z-index:200; transition:width var(--transition-normal),transform var(--transition-normal); flex-shrink:0; }
.sidebar.collapsed { width:var(--sidebar-collapsed-width); }

.sidebar-header { height:var(--header-height); padding:0 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border-color); }
.sidebar-brand { display:flex; align-items:center; gap:12px; overflow:hidden; }
.sidebar-logo { width:36px; height:36px; border-radius:var(--radius-sm); flex-shrink:0; }
.sidebar-title { font-size:16px; font-weight:700; white-space:nowrap; }

/* Collapsed state hides text labels */
.sidebar.collapsed .sidebar-title,
.sidebar.collapsed .sidebar-new-chat-text,
.sidebar.collapsed .search-box-wrapper,
.sidebar.collapsed .history-section,
.sidebar.collapsed .sidebar-footer-text { display:none !important; }

.sidebar-action-container { padding:14px 16px; display:flex; flex-direction:column; gap:10px; }
.new-chat-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:44px; background:var(--gradient-primary); border-radius:var(--radius-md); color:#fff; font-weight:600; box-shadow:var(--shadow-sm); transition:all var(--transition-fast); }
.new-chat-btn:hover { box-shadow:var(--shadow-glow); transform:translateY(-1px); }
.search-box-wrapper { position:relative; width:100%; }
.search-icon { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:var(--text-muted); font-size:14px; pointer-events:none; }
.search-input { width:100%; padding:9px 12px 9px 33px; background:rgba(255,255,255,0.04); border:1px solid var(--border-color); border-radius:var(--radius-sm); color:var(--text-primary); font-size:13.5px; transition:border-color var(--transition-fast); }
.search-input:focus { border-color:var(--primary); background:rgba(255,255,255,0.07); }

/* History Section */
.history-section { flex:1; overflow-y:auto; padding:6px 10px; display:flex; flex-direction:column; gap:10px; }
.history-group { display:flex; flex-direction:column; gap:2px; }
.history-section-title { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:var(--text-muted); padding:6px 8px; }
.history-list-items { display:flex; flex-direction:column; gap:2px; }

.chat-item { display:flex; align-items:center; justify-content:space-between; padding:9px 10px; border-radius:var(--radius-md); color:var(--text-secondary); cursor:pointer; transition:all var(--transition-fast); position:relative; }
.chat-item:hover { background:rgba(255,255,255,0.06); color:var(--text-primary); }
.chat-item.active { background:var(--primary-light); color:var(--text-primary); border:1px solid var(--border-glow); }
.chat-item-left { display:flex; align-items:center; gap:9px; overflow:hidden; flex:1; min-width:0; }
.chat-item-icon { font-size:14px; flex-shrink:0; }
.chat-item-text { font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.chat-item-actions { display:none; align-items:center; gap:2px; flex-shrink:0; }
.chat-item:hover .chat-item-actions { display:flex; }
.chat-action-btn { padding:3px 5px; border-radius:4px; color:var(--text-muted); transition:color var(--transition-fast); font-size:12px; }
.chat-action-btn:hover { color:var(--text-primary); }
.chat-action-btn.delete-btn:hover { color:var(--accent-rose); }

/* Sidebar Footer */
.sidebar-footer { padding:12px 14px; border-top:1px solid var(--border-color); display:flex; flex-direction:column; gap:4px; }
.sidebar-footer-btn { display:flex; align-items:center; gap:12px; width:100%; padding:9px 10px; border-radius:var(--radius-md); color:var(--text-secondary); font-size:13px; font-weight:500; transition:all var(--transition-fast); }
.sidebar-footer-btn:hover { background:rgba(255,255,255,0.06); color:var(--text-primary); }
.sidebar.collapsed .sidebar-footer-btn { justify-content:center; padding:10px 0; }