/* Sidebar */
#dashboard-sidebar {
    /*background: radial-gradient(circle at top left, #020617 0, #020617 40%, #022c22 100%);*/
    background:transparent;
    color: #f9fafb;
    /*border-right: 1px solid rgba(15, 23, 42, 0.9);*/
    /*box-shadow: 10px 0 30px rgba(0, 0, 0, 0.8);*/
    min-height: 70vh;
}

    #dashboard-sidebar .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    /* Sidebar nav */
    #dashboard-sidebar .nav {
        gap: 0.35rem;
    }

    /* Sidebar links as “tabs” */
    #dashboard-sidebar .nav-link.tab-link {
        border-radius: 999px;
        color: #e5e7eb !important;
        background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(31, 41, 55, 0.95));
        border: 1px solid rgba(55, 65, 81, 0.7);
        font-size: 0.9rem;
        font-weight: 500;
        padding: 0.4rem 0.95rem;
        display: flex;
        align-items: center;
        transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    }

        #dashboard-sidebar .nav-link.tab-link i {
            font-size: 1rem;
        }

        /* Hover */
        #dashboard-sidebar .nav-link.tab-link:hover {
            background: linear-gradient(135deg, rgba(22, 163, 74, 0.5), var(--tt-green-deep));
            border-color: rgba(34, 197, 94, 0.9);
            transform: translateX(2px);
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.85);
        }

        /* Active state (set via JS: add .active to clicked tab-link) */
        #dashboard-sidebar .nav-link.tab-link.active {
            background: linear-gradient(135deg, var(--tt-green-soft), var(--tt-green-main));
            border-color: rgba(45, 212, 191, 0.9);
            color: #022c22 !important;
            box-shadow: 0 10px 26px rgba(16, 185, 129, 0.9);
            transform: translateX(3px);
        }