#scrollable-table::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#scrollable-table::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

#scrollable-table::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(44, 62, 80, 0.6);
}


#scrollable-table .table .thead .tr .th {
    border-top: 0px !important;
}

/* ── Portfolio collapse icon animation ─────────────────────────── */
.collapse-icon-open {
    transform: rotate(0deg);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.collapse-icon-close {
    transform: rotate(180deg);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* ── Glass-action button ────────────────────────────────────────── */
.glass-action-btn {
    background: light-dark(rgba(255,255,255,0.6), rgba(255,255,255,0.05));
    border: 1px solid light-dark(rgba(0,0,0,0.08), rgba(255,255,255,0.10));
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background 0.2s ease, border-color 0.2s ease;
}
.glass-action-btn:hover {
    background: light-dark(rgba(255,255,255,0.9), rgba(255,255,255,0.10));
    border-color: light-dark(rgba(0,0,0,0.14), rgba(255,255,255,0.18));
}

/* ── Portfolio label toggle — zoom + brand color on hover ────────── */
.portfolio-toggle-label {
    color: light-dark(rgba(0,0,0,0.35), rgba(255,255,255,0.35));
    transition: color 0.18s ease, transform 0.18s ease, letter-spacing 0.18s ease;
    display: inline-block;
}

#dashboard-portfolio-btn-collapse:hover {
    background: light-dark(rgba(255,255,255,0.92), rgba(255,255,255,0.12)) !important;
}

#dashboard-portfolio-btn-collapse:hover .portfolio-toggle-label {
    color: var(--mantine-color-brand-5) !important;
    transform: scale(1.10);
    letter-spacing: 3px;
}
