/* Prevent overflow and scrollbars */
        html, body {
            overflow-x: hidden;
            max-width: 100vw;
        }

        /* Fix background jumping on scroll */
        body {
            background-image: url('seba.jpg') !important;
            background-attachment: fixed !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }

        /* Override background-overlay to remove blur */
        /* Match homepage: no dark overlay, the photo shows through and
           frosted cards provide the contrast */
        .activity-page .background-overlay {
            backdrop-filter: none !important;
            background: transparent !important;
        }

        /* Frosted cards - unified app look */
        .activity-page .card,
        .activity-page .main-card {
            background: rgba(255, 255, 255, 0.78) !important;
            backdrop-filter: blur(16px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
            border: 1px solid rgba(255, 255, 255, 0.6) !important;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
            color: #2d3748 !important;
        }
        
        /* Dark text for all elements in frosted cards */
        .activity-page .card *,
        .activity-page .main-card * {
            color: #2d3748 !important;
            text-shadow: none !important;
        }

        /* Links inside notifications keep an accent color - including the
           bold text inside them, which otherwise inherits the dark body color */
        .activity-page .notification-message a,
        .activity-page .notification-message a * {
            color: #1E88E5 !important;
        }
        
        /* White text for primary buttons */
        .activity-page .btn-primary,
        .activity-page .btn-outline-light {
            color: white !important;
        }
        
        /* Black text for pagination links */
        .activity-page .page-link,
        .activity-page .page-link * {
            color: #333 !important;
            text-shadow: none !important;
        }

        /* Active page ("Strona X") sits on a blue background - text must be white */
        .activity-page .page-item.active .page-link,
        .activity-page .page-item.active .page-link * {
            color: #ffffff !important;
        }

        /* Fixed header bar for hamburger */

        /* Hamburger Menu Button - Hidden (replaced by tab bar) */
        .hamburger-menu-btn {
            display: none !important;
        }

        /* Navbar styling */
        .activity-page .navbar {
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)) !important;
            backdrop-filter: none !important;
            border-bottom: none !important;
            padding-top: 0.25rem !important;
            padding-bottom: 0.25rem !important;
            min-height: auto !important;
        }

        .activity-page .navbar .navbar-brand,
        .activity-page .navbar .brand-text {
            color: white !important;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.3) !important;
        }

        .activity-page .navbar i {
            color: white !important;
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
        }

        /* Container spacing */
        .activity-page .container.mt-4 {
            margin-top: 1rem !important;
        }

        /* White text with shadow for headers */
        .activity-page h2 {
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.3) !important;
        }

        /* Old sidebar elements - Hidden (replaced by tab bar) */
        .sidebar-menu,
        .sidebar-overlay,
        .hamburger-menu-btn {
            display: none !important;
        }

        .sidebar-header {
            padding: 25px 20px;
            background: #F44336;
            color: white;
            display: flex;
            align-items: center;
            gap: 15px;
            position: relative;
        }

        .sidebar-logo {
            width: 40px;
            height: 40px;
            border-radius: 8px;
        }

        .sidebar-header h5 {
            margin: 0;
            font-weight: 600;
            flex: 1;
            color: white;
        }

        .sidebar-close {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            border-radius: 8px;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            color: white;
        }

        .sidebar-close:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .sidebar-content {
            flex: 1;
            overflow-y: auto;
            padding: 20px 0;
        }

        .sidebar-item {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 15px 25px;
            color: #2d3748;
            text-decoration: none;
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
        }

        .sidebar-item:hover {
            background: #f7fafc;
            color: #667eea;
            border-left-color: #667eea;
        }

        .sidebar-item.active {
            background: #edf2f7;
            color: #667eea;
            border-left-color: #667eea;
            font-weight: 600;
        }

        .sidebar-item i {
            font-size: 20px;
            width: 25px;
            text-align: center;
        }

        .sidebar-divider {
            height: 1px;
            background: #e2e8f0;
            margin: 15px 25px;
        }

        .sidebar-footer {
            padding: 20px 25px;
            border-top: 1px solid #e2e8f0;
            text-align: center;
        }

        /* Sidebar Overlay */
        .sidebar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1090;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .sidebar-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Mobile adjustments */
        @media (max-width: 768px) {
            .sidebar-menu {
                width: 280px;
                right: -280px;
            }

            .hamburger-menu-btn {
                bottom: 20px;
                right: 20px;
                width: 45px;
                height: 45px;
            }
        }
        
        /* Activity page notification rows - solid white for maximum text
           readability (the translucent version washed out over the photo) */
        .activity-page .notification-item {
            background: #ffffff !important;
            border: 1px solid rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
        }
        
        .activity-page .notification-item:hover {
            background: rgba(255, 255, 255, 0.95) !important;
            border-color: rgba(0, 0, 0, 0.1) !important;
        }
        
        .activity-page .notification-item.unread {
            background: #FDF0EF !important;
        }
        
        .activity-page .notification-item.unread:hover {
            background: #FAE3E1 !important;
        }