.artist-card {
background-color: #222; 
color: #eee; 
border-radius: 15px;
padding: 20px;
font-family: 'Inter', sans-serif;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 
border: 1px solid #333;
max-width: 450px;
margin: 20px auto;
position: relative; 
}

.artist-card .card-header {
display: flex;
align-items: center;
margin-bottom: 20px;
}

.artist-card .initials-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #444; /* Avatar arka planı */
color: #eee;
font-size: 1.2rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}

.artist-card .artist-info {
margin: 0;
}

.artist-card .artist-name {
margin: 0;
font-family: 'Playfair Display', serif;
font-size: 1.7rem; /* Biraz daha büyük isim */
}

.artist-card .join-date {
margin: 0;
font-size: 0.9em;
color: #999;
}

.artist-card .card-body label {
font-size: 0.9em;
color: #aaa;
text-transform: uppercase;
display: block; /* Etiketi tam genişlikte yap */
margin-bottom: 5px;
}

.artist-card .key-container {
display: flex;
align-items: center; /* Dikeyde hizala */
margin-top: 5px;
}

.artist-card #artist-key-input {
flex-grow: 1;
background-color: #333;
border: 1px solid #555;
color: #ddd;
padding: 10px;
border-radius: 5px 0 0 5px;
font-family: monospace;
font-size: 0.9rem;
caret-color: #eee; /* İmleç rengi */
}

.artist-card #copy-key-btn {
background-color: #555;
border: none;
color: #eee;
padding: 10px 15px;
cursor: pointer;
border-radius: 0 5px 5px 0;
transition: background-color 0.3s;
font-weight: 500;
}

.artist-card #copy-key-btn:hover {
background-color: #777;
}

/* --- QR Kod Stili --- */
.artist-card .qrcode-container {
position: absolute;
top: 10px;
right: 10px;
}

.artist-card .qrcode-image {
width: 60px;
height: 60px;
border: 1px solid #333;
background-color: #fff; /* QR kodun arka planı beyaz olmalı */
}