/* ════════════════════════════════════════════════════════════════════════
   BAŞARILAR (rozet vitrini)
   ════════════════════════════════════════════════════════════════════════ */
.basari-layout {
    margin-top: 60px; height: calc(100vh - 60px); overflow-y: auto;
    padding: 24px 28px; font-family: 'Rajdhani', sans-serif; max-width: 1100px; margin-left: auto; margin-right: auto;
}
.basari-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.basari-ust h2 { font-family: 'Orbitron', monospace; color: #eef; font-size: 1.4rem; }
.basari-sayac { color: #8794ba; font-weight: 700; }
.basari-sayac b { font-family: 'Orbitron', monospace; color: #ffcf5c; }
.basari-mesaj { min-height: 20px; font-size: .9rem; color: #ffd24d; }
.basari-mesaj.ok { color: #7fe6a0; } .basari-mesaj.err { color: #ff8da3; }

.basari-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; margin-top: 12px;
}
.basari-kart {
    --t: #9aa7c7;
    background: linear-gradient(180deg, #111a30, #0c1322);
    border: 1px solid #1e3a4a; border-radius: 16px; padding: 18px 14px;
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px;
}
.tier-bronz { --t: #cd7f32; } .tier-gumus { --t: #c8ccd6; } .tier-altin { --t: #ffcf5c; } .tier-elit { --t: #b06fff; }

.basari-ikon {
    width: 74px; height: 74px; border-radius: 50%; margin-bottom: 4px;
    display: flex; align-items: center; justify-content: center;
    background: radial-gradient(circle, color-mix(in srgb, var(--t) 35%, transparent), transparent 70%);
    border: 2px solid color-mix(in srgb, var(--t) 60%, transparent);
}
.basari-ikon img { width: 44px; height: 44px; }

.basari-kart.acik {
    border-color: color-mix(in srgb, var(--t) 60%, transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--t) 28%, transparent);
}
.basari-kart.acik .basari-ikon { box-shadow: 0 0 18px color-mix(in srgb, var(--t) 55%, transparent); }
.basari-kart.acik .basari-ikon img { filter: drop-shadow(0 0 5px var(--t)); }

.basari-kart.kilitli { opacity: .9; }
.basari-kart.kilitli .basari-ikon img { filter: grayscale(1) brightness(.6); }
.basari-kart.kilitli .basari-baslik { color: #8794ba; }

.basari-tier { font-family: 'Orbitron', monospace; font-size: .6rem; letter-spacing: 2px; color: var(--t); text-transform: uppercase; }
.basari-baslik { font-weight: 800; color: #eef; font-size: 1rem; }
.basari-acik-txt { font-size: .76rem; color: #8794ba; line-height: 1.35; min-height: 30px; }

.basari-bar { width: 100%; height: 6px; background: #0a1520; border-radius: 4px; overflow: hidden; }
.basari-bar span { display: block; height: 100%; background: var(--t); }
.basari-durum { font-family: 'Orbitron', monospace; font-size: .72rem; margin-top: 2px; }
.basari-durum.acik { color: #7fe6a0; }
.basari-durum.kilitli { color: #667; }