﻿        /* SIDEBAR RIGHT */
        .sidebar-right {
            border-left: 1px solid var(--border);
            background: rgba(5,13,24,0.85);
            display: flex;
            flex-direction: column;
            overflow-y: auto;
            padding: 20px 16px;
            gap: 20px;
        }

        /* ACTIVITY FEED */
        .activity-feed {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .activity-item {
            display: flex;
            gap: 10px;
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid rgba(26,58,92,0.5);
            background: rgba(10,22,40,0.3);
            font-size: 12px;
            animation: fadeSlide 0.4s ease;
        }

        @keyframes fadeSlide {
            from {
                opacity: 0;
                transform: translateY(-8px);
            }

            to {
                opacity: 1;
                transform: none;
            }
        }

        .activity-icon {
            font-size: 16px;
            flex-shrink: 0;
        }

        .activity-text {
            flex: 1;
        }

        .activity-title {
            color: var(--text-bright);
            line-height: 1.3;
            font-size: 11px;
        }

        .activity-meta {
            color: var(--text-dim);
            font-family: 'Share Tech Mono', monospace;
            font-size: 9px;
            margin-top: 2px;
        }

        .activity-xp {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            color: var(--glow-gold);
            white-space: nowrap;
            align-self: center;
        }

        /* SCHEDULE TRACKER */
        .schedule-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 10px;
            border-radius: 6px;
            border: 1px solid var(--border);
            background: rgba(10,22,40,0.4);
            margin-bottom: 6px;
        }

        .schedule-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .schedule-info {
            flex: 1;
        }

        .schedule-name {
            font-size: 12px;
            color: var(--text-bright);
        }

        .schedule-hrs {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            color: var(--text-mid);
            margin-top: 1px;
        }

        .schedule-xp {
            font-family: 'Share Tech Mono', monospace;
            font-size: 10px;
            color: var(--glow-gold);
        }

        /* MODAL */