/* Dashboard Sticky Sidebar Layout */

/* Sticky positioning for right column */
.sidebar {
  position: fixed;
  top: 20px;
  right: 0;
  height: calc(100vh - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
}

/* Custom scrollbar styling */
.sidebar::-webkit-scrollbar {
  width: 8px;
}

.sidebar::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.sidebar::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*
TODO: Mobile Implementation
For mobile screens (< 768px), implement a floating chat button instead of sticky sidebar:
- Hide sticky behavior on mobile
- Add floating action button (FAB) in bottom-right corner
- FAB should open chat in modal/drawer
- Insights section should be in normal flow on mobile

Example mobile structure:

@media (max-width: 767.98px) {
    .sidebar {
        position: static;
        max-height: none;
        overflow-y: visible;
    }

    .floating-chat-button {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 1000;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background-color: #0d6efd;
        color: white;
        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }
}
*/