/* =====================================================================
   addacc-preview.css — kullanici adi adiminda CANLI PROFIL karti
   (assets/js/addacc-preview.js). Durumlar: is-idle, is-loading,
   is-found, is-miss. Sitenin jetonlari (--mavi, --ink...), yoksa yedek.
   ===================================================================== */
.aa2-pv {
    display: flex; align-items: center; gap: 14px;
    min-height: 78px; margin-top: 12px; padding: 14px 16px;
    border-radius: 14px;
    border: 1.5px dashed #D3DEEE;
    background: #F7FAFE;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.aa2-pv-av {
    flex: none; width: 50px; height: 50px; border-radius: 50%;
    display: grid; place-items: center; overflow: hidden;
    background: var(--kd-mavi, #E6EEFA); color: #9AAECB; font-size: 18px;
}
.aa2-pv-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aa2-pv-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.aa2-pv-tx b {
    display: block; font-size: 15px; font-weight: 800; letter-spacing: -.015em;
    color: var(--ink, var(--kd-yazi, #0F2A56)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.aa2-pv-tx small { font-size: 12.5px; color: var(--ink-3, #8EA2C0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aa2-pv-vb { color: var(--mavi, #2563EB); font-size: 12px; margin-left: 2px; }
.aa2-pv-side {
    flex: none; width: 30px; height: 30px; border-radius: 50%;
    display: grid; place-items: center;
    background: var(--mavi, #2563EB); color: #fff; font-size: 13px;
    box-shadow: 0 6px 14px -6px rgba(37, 99, 235, .7);
    animation: aaPvPop .32s cubic-bezier(.2, .9, .3, 1.3) both;
}

/* bos: duragan iskelet (parilti yok), cerceve duz */
.aa2-pv.is-idle { border-style: solid; border-color: var(--kd-kenar, #E2EAF6); background: var(--kd-yuzey, #fff); }
.aa2-pv.is-idle .aa2-pv-av { background: var(--kd-mavi, #EDF2FA); }
.aa2-pv.is-idle .aa2-pv-sk { background: var(--kd-mavi, #EDF2FA); animation: none; }

/* araniyor: iskelet parilti */
.aa2-pv.is-loading { border-style: solid; border-color: var(--kd-kenar, #E2EAF6); background: var(--kd-yuzey, #fff); }
.aa2-pv.is-loading .aa2-pv-av,
.aa2-pv-sk {
    background: linear-gradient(90deg, var(--kd-mavi, #EDF2FA) 0%, var(--kd-mavi, #DCE6F5) 50%, var(--kd-mavi, #EDF2FA) 100%);
    background-size: 200% 100%;
    animation: aaPvSk 1.05s linear infinite;
}
.aa2-pv-sk { display: block; height: 12px; width: 62%; border-radius: 6px; }
.aa2-pv-sk.is-s { height: 10px; width: 36%; margin-top: 4px; }

/* bulundu */
.aa2-pv.is-found {
    border-style: solid; border-color: rgba(37, 99, 235, .35); background: var(--kd-yuzey, #fff);
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .07), 0 8px 22px -14px rgba(15, 42, 86, .4);
}
.aa2-pv.is-found .aa2-pv-av { box-shadow: 0 0 0 2px var(--kd-halka, #fff), 0 0 0 4px rgba(37, 99, 235, .35); animation: aaPvPop .34s cubic-bezier(.2, .9, .3, 1.25) both; }

/* bulunamadi */
.aa2-pv.is-miss { border-style: solid; border-color: rgba(220, 38, 38, .22); background: rgba(220, 38, 38, .035); }
.aa2-pv.is-miss .aa2-pv-av { background: rgba(220, 38, 38, .08); color: #DC2626; font-size: 16px; }
.aa2-pv.is-miss .aa2-pv-tx b { color: #B91C1C; font-size: 14px; }

@keyframes aaPvSk { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@keyframes aaPvPop { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
    .aa2-pv, .aa2-pv * { animation: none !important; transition: none !important; }
}