/* User Info Display Styles */
.user-info {
    padding: 0.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.375rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    min-width: 150px;
}

.user-info small {
    font-size: 1.2rem;
    line-height: 1.2;
}

.user-info .text-muted {
    color: #6c757d !important;
}

/* Dark theme adjustments */
.navbar-dark .user-info {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.navbar-dark .user-info .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .user-info {
        min-width: 130px;
        padding: 0.25rem;
    }
    
    .user-info small {
        font-size: 1.0rem;
    }
}

/* Hover effect */
.user-info:hover {
    background-color: rgba(255, 255, 255, 0.15);
    transition: background-color 0.2s ease;
}