body { font-family: 'Inter', sans-serif; background-color: #000; color: #e4e4e7; }
        
/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { background: #27272a; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #3f3f46; }

/* Sidebar Transitions */
#sidebar { transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
main { transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

/* Collapsed State Styles - STRICT HIDING */
.sidebar-collapsed .logo-text,
.sidebar-collapsed #plan-badge,
.sidebar-collapsed .nav-label, 
.sidebar-collapsed .section-header,
.sidebar-collapsed .user-info, /* Ensure this matches the HTML class */
.sidebar-collapsed .toggle-text,
.sidebar-collapsed .toggle-btn { 
    display: none !important; 
    opacity: 0; 
    width: 0;
    pointer-events: none;
}

/* Fix Alignment in Collapsed State */
.sidebar-collapsed .logo-container > div { width: auto !important; }

/* Fix for Footer Button when collapsed */
.sidebar-collapsed .nav-item {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 48px; 
    margin-left: auto;
    margin-right: auto;
}

/* Specific fix for the Profile Button to ensure the avatar stays centered */
.sidebar-collapsed .nav-item .relative.shrink-0 {
    margin: 0 !important; /* Remove any auto margins that might shift it */
}

.sidebar-collapsed .logo-container {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Hide CSS Tooltips (We use JS now) */
.sidebar-collapsed .nav-item:hover::after {
    display: none;
}

/* Card Hover Effects */
.content-card {
    transition: all 0.2s ease-out;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.content-card:hover {
    background-color: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Chat Styles */
.chat-drawer { background: rgba(9, 9, 11, 0.95); backdrop-filter: blur(16px); }
.chat-bubble { border-radius: 18px; padding: 12px 16px; font-size: 0.95rem; line-height: 1.5; position: relative; max-width: 85%; }
.chat-bubble.user { background: #3b82f6; color: white; border-bottom-right-radius: 4px; margin-left: auto; }
.chat-bubble.admin { background: #27272a; color: white; border-bottom-left-radius: 4px; border: 1px solid #3f3f46; }

/* Action Cards in Chat */
.chat-action-card {
    transition: transform 0.2s, box-shadow 0.2s;
}
.chat-action-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Sidebar Active State */
.nav-item.active { background-color: #27272a; color: white; font-weight: 600; }
.nav-item.active i { color: currentColor; }

/* Dev Toolbar */
#dev-toolbar {
    position: fixed; bottom: 24px; right: 24px; z-index: 100;
    background: rgba(0,0,0,0.6); backdrop-filter: blur(10px);
    padding: 6px 12px; border-radius: 9999px; border: 1px solid #27272a;
    display: flex; gap: 12px; align-items: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Mobile Overlay */
#mobile-overlay {
    background-color: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
}