/* User Initials Circle - Universal Styles */
.user-initials,
a.user-initials,
nav a.user-initials,
.nav-links a.user-initials {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    background: #E9E9EC;
    color: #18181b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
    transition: background 0.3s;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0;
    line-height: 1;
}

.user-initials:hover,
a.user-initials:hover,
nav a.user-initials:hover,
.nav-links a.user-initials:hover {
    background: #d4d4d8;
    color: #18181b;
    text-decoration: none !important;
    border: none !important;
    border-bottom: none !important;
}

.user-initials.active,
a.user-initials.active,
nav a.user-initials.active,
.nav-links a.user-initials.active,
nav a.user-initials.active:hover,
.nav-links a.user-initials.active:hover {
    border: none !important;
    border-bottom: none !important;
}

/* Force remove border with maximum specificity */
a.user-initials.active[href="dashboard.html"] {
    border: none !important;
    border-bottom: none !important;
}

a.user-initials.active[href="dashboard.html"]:hover {
    border: none !important;
    border-bottom: none !important;
}