/* ==========================================================================
   Profil: hazır profil resimleri, kullanıcı menüsü, hızlı üyelik formu,
   favori oyunlar (kartın üstündeki kalp).
   Renkler tema değişkenleriyle — panelden seçilen vurgu rengine uyar.
   ========================================================================== */

/* ---------- avatar kutusu (app/Avatar.php) ---------- */
.avatar { position: relative; flex-shrink: 0; overflow: hidden; }
.avatar.has-img { background: var(--bg-3); }
.avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.avatar--md { width: 46px; height: 46px; font-size: 16px; }
.avatar--xl { width: 84px; height: 84px; font-size: 26px; box-shadow: 0 0 0 3px rgba(var(--accent-hi-rgb), .25), 0 0 34px -6px rgba(var(--accent-rgb), .9); }
.umenu__btn .avatar { box-shadow: 0 0 0 2px rgba(var(--accent-hi-rgb), .3); transition: box-shadow .25s; }
.umenu__btn:hover .avatar, .umenu.is-open .umenu__btn .avatar { box-shadow: 0 0 0 2px var(--accent-hi), 0 0 16px -2px rgba(var(--accent-rgb), .9); }

/* avatarın üstündeki küçük kalem: tıklayınca seçim penceresi */
.umenu__me, .welcome__me, .account__me { position: relative; flex-shrink: 0; border-radius: 50%; }
.umenu__edit, .welcome__edit, .account__edit {
  position: absolute; right: -2px; bottom: -2px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  background: var(--accent-grad); color: #fff; box-shadow: 0 0 0 3px var(--bg-2); transition: transform .35s var(--ease-spring);
}
.umenu__edit .ico, .welcome__edit .ico, .account__edit .ico { width: 11px; height: 11px; stroke-width: 2.6; }
.welcome__edit, .account__edit { width: 26px; height: 26px; box-shadow: 0 0 0 3px #0a1430; }
.welcome__edit .ico, .account__edit .ico { width: 13px; height: 13px; }
.umenu__me:hover .umenu__edit, .welcome__me:hover .welcome__edit, .account__me:hover .account__edit { transform: scale(1.15) rotate(-12deg); }
.welcome__me .avatar, .account__me .avatar { transition: transform .45s var(--ease-spring); }
.welcome__me:hover .avatar, .account__me:hover .avatar { transform: scale(1.05); }

/* ---------- kullanıcı menüsü ---------- */
.umenu__menu { width: 290px; padding: 8px; }
.umenu__head { display: flex; align-items: center; gap: 12px; padding: 6px 6px 12px; }
.dropdown .umenu__me { display: block; width: auto; padding: 0; border-radius: 50%; }
.dropdown .umenu__me:hover { background: none; }
.umenu__who { display: grid; gap: 2px; min-width: 0; }
.umenu__who b { overflow: hidden; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }
.umenu__who small { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--accent-hi); }
.umenu__who small .ico { width: 13px; height: 13px; }
.umenu__wallet { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; padding: 10px; border-radius: 12px; background: var(--bg-1); border: 1px solid var(--line); }
.umenu__wallet > span { display: grid; flex: 1; min-width: 0; }
.umenu__wallet small { font-size: 11px; color: var(--text-mute); }
.umenu__wallet b { overflow: hidden; font-family: var(--font-display); font-size: 16px; font-variant-numeric: tabular-nums; white-space: nowrap; text-overflow: ellipsis; }
.dropdown .umenu__wallet .btn { width: auto; padding: 0 10px; font-size: 12.5px; }
.dropdown .umenu__wallet .btn--primary { color: #fff; }
.dropdown .umenu__wallet .btn .ico { width: 15px; height: 15px; }
.dropdown .umenu__out { margin-top: 4px; border-top: 1px solid var(--line); border-radius: 0 0 8px 8px; color: #ff8aa0; }
.dropdown .umenu__out:hover { background: rgba(255, 77, 109, .1); color: #ff8aa0; }
.is-open > .umenu__menu > * { animation: umenu-in .35s var(--ease) backwards; }
.is-open > .umenu__menu > :nth-child(2) { animation-delay: 30ms; }
.is-open > .umenu__menu > :nth-child(n+3) { animation-delay: 60ms; }
@keyframes umenu-in { from { opacity: 0; transform: translateY(-4px); } }

/* ---------- kenar menü: üye kartı / hızlı üyelik çağrısı ---------- */
.side-user, .side-join { margin-bottom: 10px; border-radius: 14px; border: 1px solid var(--line-strong); }
[data-auth="0"] .side-user, [data-auth="1"] .side-join, .sidebar-mini .side-user, .sidebar-mini .side-join { display: none; }
.side-user { padding: 8px; background: linear-gradient(135deg, rgba(var(--accent-rgb), .14), rgba(var(--cyan-rgb), .05)); }
.side-user__me { display: flex; align-items: center; gap: 10px; padding: 4px; border-radius: 10px; transition: background-color .2s; }
.side-user__me:hover { background: rgba(255, 255, 255, .04); }
.side-user__who { display: grid; flex: 1; min-width: 0; }
.side-user__who b { overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.side-user__who small { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; color: var(--text-dim); font-variant-numeric: tabular-nums; }
.side-user__who small .ico { width: 13px; height: 13px; color: var(--cyan); }
.side-user__go { width: 16px; height: 16px; color: var(--text-mute); transition: transform .25s var(--ease); }
.side-user__me:hover .side-user__go { transform: translateX(3px); color: var(--accent-hi); }
.side-user__links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; margin-top: 6px; }
.side-user__links a, .side-user__links button { display: grid; justify-items: center; gap: 3px; padding: 7px 2px; border-radius: 9px; background: rgba(4, 8, 20, .35); font-size: 11px; font-weight: 700; color: var(--text-dim); transition: background-color .2s, color .2s; }
.side-user__links a:hover, .side-user__links button:hover { background: rgba(var(--accent-rgb), .2); color: #fff; }
.side-user__links .ico { width: 16px; height: 16px; color: var(--accent-hi); }
.side-user__links a:first-child .ico { color: #ff6b88; }
.side-join { position: relative; display: grid; gap: 3px; padding: 14px; overflow: hidden; background: radial-gradient(120% 90% at 100% 0%, rgba(var(--cyan-rgb), .2), transparent 60%), linear-gradient(135deg, rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .06)); }
.side-join b { font: 700 15px/1.2 var(--font-display); }
.side-join small { margin-bottom: 8px; font-size: 12px; color: var(--text-dim); }
.side-join__ico { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--accent-grad); color: #fff; animation: float-y 3.6s ease-in-out infinite; }
.side-join__ico .ico { width: 16px; height: 16px; }

/* ---------- lobi karşılama kartı (girişli) ---------- */
.welcome__vip { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 10px; width: 100%; }
.welcome__vip > span { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 800; color: #b9d4ff; }
.welcome__vip > span .ico { width: 15px; height: 15px; color: var(--cyan); }
.welcome__vip i { position: relative; height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.welcome__vip i::after { content: ''; position: absolute; inset: 0; width: var(--p); border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--cyan)); box-shadow: 0 0 10px rgba(var(--cyan-rgb), .6); transform-origin: left; animation: bar-grow 1.1s var(--ease) .3s backwards; }
.welcome__vip small { grid-column: 2; font-size: 11px; color: #7f93bd; }
.welcome__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
.welcome__actions .btn { padding: 0 12px; }
@keyframes bar-grow { from { transform: scaleX(0); } }

/* ---------- hesabım › profil ---------- */
.acc-profile { display: grid; gap: 10px; }
.acc-profile__me { display: flex; align-items: center; gap: 16px; width: 100%; padding: 14px; border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(var(--accent-rgb), .12), rgba(var(--cyan-rgb), .05)); border: 1px solid var(--line-strong); text-align: left; transition: border-color .2s; }
.acc-profile__me:hover { border-color: rgba(var(--accent-hi-rgb), .4); }
.acc-profile__me > span:nth-child(2) { display: grid; flex: 1; gap: 2px; }
.acc-profile__me small { font-size: 12.5px; color: var(--text-mute); }
.acc-profile__me .avatar { transition: transform .45s var(--ease-spring); }
.acc-profile__me:hover .avatar { transform: scale(1.05) rotate(-4deg); }
.acc-profile + .sec-block { margin-top: 14px; }
.acc-optional { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 20px; background: rgba(var(--cyan-rgb), .12); color: var(--cyan); font: 800 10.5px/1.5 var(--font); font-style: normal; letter-spacing: .03em; vertical-align: 3px; }
.acc-profile__form { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.acc-profile__form .form__error, .acc-profile__form > .btn { grid-column: 1 / -1; justify-self: start; }
@media (max-width: 560px) {
  .acc-profile__me { flex-wrap: wrap; }
  .acc-profile__me .btn { width: 100%; }
}

/* ---------- hızlı üyelik (assets/js/register.js) ---------- */
.reg__badge { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: linear-gradient(120deg, rgba(var(--accent-rgb), .16), rgba(var(--cyan-rgb), .07)); border: 1px solid rgba(var(--accent-hi-rgb), .22); }
.reg__badge > span:last-child { display: grid; gap: 1px; }
.reg__badge b { font: 700 15px/1.2 var(--font-display); }
.reg__badge small { font-size: 12.5px; color: var(--text-dim); }
.reg__bolt { position: relative; display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 12px; background: var(--accent-grad); color: #fff; box-shadow: 0 8px 20px -8px rgba(var(--accent-rgb), .9); }
.reg__bolt .ico { width: 20px; height: 20px; }
.reg__bolt::after { content: ''; position: absolute; inset: -4px; border-radius: 15px; border: 1px solid rgba(var(--accent-hi-rgb), .5); animation: bolt-ring 2.4s var(--ease) infinite; }
@keyframes bolt-ring { 0% { opacity: .9; transform: scale(.9); } 70%, 100% { opacity: 0; transform: scale(1.25); } }

.reg__user input { padding-right: 50px; }
.field__act { position: absolute; right: 5px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 9px; color: var(--accent-hi); background: rgba(var(--accent-rgb), .12); transition: background-color .2s, color .2s; }
.field__act:hover { background: rgba(var(--accent-rgb), .22); color: #fff; }
.field__act .ico { width: 19px; height: 19px; }
.field__act.is-rolling .ico { animation: dice-roll .6s var(--ease-spring); }
@keyframes dice-roll { 0% { transform: rotate(0) scale(1); } 45% { transform: rotate(200deg) scale(.8); } 100% { transform: rotate(360deg) scale(1); } }
.reg__no { color: #ff8aa0; font-weight: 800; letter-spacing: .06em; }
.field__hint b { color: var(--text-dim); }

.reg__suggest { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.reg__suggest small { width: 100%; font-size: 12px; font-weight: 700; color: var(--text-mute); }
.reg__pick { height: 30px; padding: 0 11px; border-radius: 9px; background: var(--bg-3); border: 1px solid rgba(var(--accent-hi-rgb), .28); font-size: 13px; font-weight: 700; color: var(--accent-hi); animation: pick-in .35s var(--ease-spring) backwards; animation-delay: calc(var(--i) * 50ms); transition: background-color .2s, color .2s, transform .2s var(--ease); }
.reg__pick:hover { background: var(--accent-grad); border-color: transparent; color: #fff; transform: translateY(-2px); }
@keyframes pick-in { from { opacity: 0; transform: translateY(6px) scale(.9); } }

.reg__consent { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; line-height: 1.5; color: var(--text-mute); }
.reg__consent .ico { flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; color: var(--green-hi); }
.reg__consent a { font-weight: 700; color: var(--accent-hi); }
.reg__consent a:hover { text-decoration: underline; }
.reg__consent b { color: var(--text-dim); }

/* karşılama ekranı: ilk resim + değiştirme şeridi */
.auth__me { position: absolute; inset: 6px; z-index: 1; border-radius: 50%; overflow: hidden; }
.auth__me:empty { display: none; }
.auth__me img { width: 100%; height: 100%; object-fit: cover; }
.auth__me:not(:empty) + .auth__check { position: absolute; right: -6px; bottom: -6px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; background: var(--bg-1); }
.auth__done .auth__badge { width: 96px; height: 96px; }
.avatar-strip { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; width: 100%; }
.avatar-strip__item { aspect-ratio: 1; border-radius: 50%; overflow: hidden; opacity: .72; box-shadow: 0 0 0 2px transparent; transition: opacity .2s, transform .3s var(--ease-spring), box-shadow .2s; }
.avatar-strip__item img { width: 100%; height: 100%; }
.avatar-strip__item:hover { opacity: 1; transform: translateY(-2px) scale(1.06); }
.avatar-strip__item.is-on { opacity: 1; box-shadow: 0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent-hi); transform: scale(1.06); }
.auth__done.is-entering .avatar-strip__item { animation: pick-in .4s var(--ease-spring) backwards; animation-delay: calc(.5s + var(--n, 0) * 18ms); }
.auth__tip { display: flex; align-items: flex-start; gap: 8px; max-width: none !important; margin-top: 4px; font-size: 12px !important; text-align: left; color: var(--text-mute) !important; }
.auth__tip .ico { flex-shrink: 0; width: 15px; height: 15px; margin-top: 1px; color: var(--cyan); }
.auth__tip a { font-weight: 700; color: var(--accent-hi); }
@media (max-width: 400px) { .avatar-strip { grid-template-columns: repeat(6, 1fr); } }

/* ---------- profil resmi seçimi ---------- */
.avp { max-width: 560px; padding: 24px; }
.avp__head { display: flex; align-items: center; gap: 16px; margin: 0 40px 16px 0; }
.avp__head h3 { font-size: 22px; }
.avp__head p { display: grid; margin-top: 3px; }
.avp__head p b { font-size: 14px; color: var(--accent-hi); }
.avp__head p small { font-size: 12.5px; color: var(--text-mute); }
.avp__preview { display: grid; place-items: center; flex-shrink: 0; width: 76px; height: 76px; border-radius: 50%; overflow: hidden; background: var(--accent-grad); font-size: 24px; font-weight: 800; box-shadow: 0 0 0 3px rgba(var(--accent-hi-rgb), .35), 0 0 34px -6px rgba(var(--accent-rgb), .9); }
.avp__preview img { width: 100%; height: 100%; }
.avp__tabs { margin-bottom: 14px; }
.avp__tabs .chip { height: 34px; padding: 0 12px; font-size: 13px; }
.avp__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 10px; max-height: min(46vh, 380px); margin: 0 -6px; padding: 6px; overflow-y: auto; overscroll-behavior: contain; }
.avp__item { display: grid; justify-items: center; gap: 6px; padding: 8px 4px; border-radius: 14px; border: 1px solid transparent; animation: pick-in .35s var(--ease-spring) backwards; animation-delay: calc(min(var(--i), 16) * 18ms); transition: background-color .2s, border-color .2s; }
.avp__item img { width: 60px; height: 60px; border-radius: 50%; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .8); transition: transform .35s var(--ease-spring); }
.avp__item span { font-size: 11.5px; font-weight: 700; color: var(--text-mute); }
.avp__item:hover { background: var(--bg-2); }
.avp__item:hover img { transform: translateY(-3px) scale(1.06); }
.avp__item.is-on { background: rgba(var(--accent-rgb), .12); border-color: rgba(var(--accent-hi-rgb), .45); }
.avp__item.is-on img { box-shadow: 0 0 0 2px var(--bg-1), 0 0 0 4px var(--accent-hi); }
.avp__item.is-on span { color: var(--text); }
.avp__foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
@media (max-width: 767.98px) {
  .modal--avatar { place-items: end center; padding: 0; }
  .avp { max-width: none; max-height: 88vh; max-height: 88dvh; border-radius: 22px 22px 0 0; padding: 20px 16px calc(16px + env(safe-area-inset-bottom)); }
  .modal--avatar .modal__box { transform: translateY(40px); }
  .avp__grid { grid-template-columns: repeat(4, 1fr); max-height: 48vh; }
  .avp__foot .btn { flex: 1; }
}

/* ---------- favori oyunlar: kartın sağ üstündeki kalp ---------- */
.gcard__fav {
  position: absolute; top: 7px; right: 7px; z-index: 3; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: rgba(4, 8, 20, .55); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
  opacity: 0; transform: scale(.8); transition: opacity .2s, transform .3s var(--ease-spring), background-color .2s;
}
.gcard__fav .ico { grid-area: 1 / 1; width: 16px; height: 16px; transition: opacity .2s, transform .35s var(--ease-spring); }
.gcard__heart-fill { color: #ff4d6d; opacity: 0; transform: scale(.4); }
.gcard__fav:hover { background: rgba(4, 8, 20, .8); }
.gcard__fav.is-on { opacity: 1; transform: none; background: rgba(255, 255, 255, .92); }
.gcard__fav.is-on .gcard__heart { opacity: 0; }
.gcard__fav.is-on .gcard__heart-fill { opacity: 1; transform: none; }
.gcard__fav.is-pop .gcard__heart-fill { animation: heart-pop .5s var(--ease-spring); }
.gcard__fav:focus-visible { opacity: 1; transform: none; }
@media (hover: hover) { .gcard:hover .gcard__fav { opacity: 1; transform: none; } }
/* dokunmatikte üzerine gelme yok: kalp hep görünür, daha sade */
@media (hover: none) { .gcard__fav { opacity: .9; transform: none; width: 28px; height: 28px; } }
@keyframes heart-pop { 0% { transform: scale(.3); } 55% { transform: scale(1.35); } 100% { transform: scale(1); } }

/* kalbe basınca saçılan kıvılcımlar (sayfanın üstünde, sabit konumda) */
.fav-burst { position: fixed; z-index: 300; width: 0; height: 0; pointer-events: none; }
.fav-burst i { position: absolute; left: -3px; top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #ff4d6d; animation: fav-fly .6s var(--ease) forwards; }
.fav-burst i:nth-child(even) { background: var(--gold); width: 5px; height: 5px; }
.fav-burst i:nth-child(1) { --dx: 0; --dy: -26px; }
.fav-burst i:nth-child(2) { --dx: 19px; --dy: -19px; }
.fav-burst i:nth-child(3) { --dx: 26px; --dy: 0; }
.fav-burst i:nth-child(4) { --dx: 19px; --dy: 19px; }
.fav-burst i:nth-child(5) { --dx: 0; --dy: 26px; }
.fav-burst i:nth-child(6) { --dx: -19px; --dy: 19px; }
.fav-burst i:nth-child(7) { --dx: -26px; --dy: 0; }
.fav-burst i:nth-child(8) { --dx: -19px; --dy: -19px; }
@keyframes fav-fly { to { opacity: 0; transform: translate(var(--dx), var(--dy)) scale(.3); } }

.chip--fav .ico { color: #ff6b88; }
.chip--fav.is-active .ico { color: #fff; }
.sb-empty--fav > .ico { color: #ff6b88; opacity: .8; }

/* ==========================================================================
   Kimlik doğrulama belgeleri (Hesabım › Profil, views/partials/kyc-upload.php)
   ========================================================================== */

.kycreq__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 14px; font-size: 12.5px; }
.kycreq__bar { position: relative; flex: 1 1 140px; min-width: 120px; height: 7px; border-radius: 7px; background: rgba(var(--accent-rgb), .12); overflow: hidden; }
.kycreq__bar i { display: block; height: 100%; border-radius: 7px; background: var(--accent-grad); transition: width .4s var(--ease); }
.kycreq__meta b { flex-shrink: 0; font-size: 13px; }
.kycreq__meta small { display: inline-flex; align-items: center; gap: 5px; color: var(--text-mute); }
.kycreq__meta small .ico { width: 14px; height: 14px; }
.kycreq__late { color: #fab219 !important; }

.kycreq__list { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }

.kycreq__item {
  --tone-rgb: var(--accent-rgb);
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: var(--bg-2);
  overflow: hidden;
}
.kycreq__item.is-approved { --tone-rgb: 34, 197, 94; border-color: rgba(34, 197, 94, .3); }
.kycreq__item.is-pending  { --tone-rgb: 250, 178, 25; border-color: rgba(250, 178, 25, .3); }
.kycreq__item.is-rejected { --tone-rgb: 255, 77, 109; border-color: rgba(255, 77, 109, .34); background: rgba(255, 77, 109, .07); }

/* yükleme ilerlemesi: satırın altında ince bir çizgi (--up 0..1, account.js yazar) */
.kycreq__item.is-uploading::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: var(--accent-grad);
  transform: scaleX(var(--up, 0));
  transform-origin: left;
  transition: transform .2s linear;
}
.kycreq__item.is-uploading { opacity: .72; pointer-events: none; }

.kycreq__ico { display: grid; place-items: center; flex-shrink: 0; width: 38px; height: 38px; border-radius: 11px; background: rgba(var(--tone-rgb), .14); color: rgb(var(--tone-rgb)); }
.kycreq__ico .ico { width: 19px; height: 19px; }

.kycreq__text { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.kycreq__text b { font-size: 14px; }
.kycreq__text small { display: flex; align-items: flex-start; gap: 5px; color: var(--text-mute); font-size: 12px; line-height: 1.45; }
.kycreq__text small .ico { flex-shrink: 0; width: 13px; height: 13px; margin-top: 2px; }
.kycreq__err { color: #ff8fa3 !important; }
.kycreq__ok { color: var(--green-hi, #4ade80) !important; }

.kycreq__end { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.kycreq__view { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--text-dim); background: rgba(var(--accent-rgb), .1); transition: color .2s, background-color .2s; }
.kycreq__view:hover { color: #fff; background: rgba(var(--accent-rgb), .24); }
.kycreq__view .ico { width: 17px; height: 17px; }
.kycreq__pick { cursor: pointer; }

@media (max-width: 560px) {
  .kycreq__item { flex-wrap: wrap; }
  .kycreq__text { flex: 1 1 100%; order: 2; }
  .kycreq__end { order: 3; width: 100%; justify-content: flex-end; }
  .kycreq__pick { flex: 1; justify-content: center; }
}

/* ---------- açık tema ---------- */
:root[data-theme="light"] .umenu__wallet { background: var(--bg-1); }
:root[data-theme="light"] .kycreq__item { background: rgba(255, 255, 255, .7); }
:root[data-theme="light"] .side-user__links a, :root[data-theme="light"] .side-user__links button { background: rgba(255, 255, 255, .75); box-shadow: inset 0 0 0 1px var(--line); }
:root[data-theme="light"] .side-user__links a:hover, :root[data-theme="light"] .side-user__links button:hover { background: var(--accent-grad); color: #fff; }
:root[data-theme="light"] .side-user__links a:hover .ico, :root[data-theme="light"] .side-user__links button:hover .ico { color: #fff; }
:root[data-theme="light"] .side-user__me:hover { background: rgba(255, 255, 255, .6); }
:root[data-theme="light"] .umenu__edit { box-shadow: 0 0 0 3px var(--bg-2); }
:root[data-theme="light"] .reg__badge { background: linear-gradient(120deg, rgba(var(--accent-rgb), .1), rgba(var(--cyan-rgb), .05)); }
:root[data-theme="light"] .avp__item:hover { background: var(--bg-2); }
:root[data-theme="light"] .acc-profile__me { background: linear-gradient(135deg, rgba(var(--accent-rgb), .08), rgba(var(--cyan-rgb), .03)); }