/* Пополнение NFT-подарками (вкладка в разделе «Пополнить») */
.deposit-tab-nft-icon { width: 22px; height: 22px; object-fit: contain; }
.nft-dep { display: flex; flex-direction: column; gap: 12px; }
.nft-dep-acc { padding: 12px; border-radius: 16px; background: linear-gradient(135deg, rgba(120, 90, 255, .14), rgba(255, 255, 255, .02)); box-shadow: inset 0 0 0 1px rgba(150, 120, 255, .3); }
.nft-dep-acc-row { display: flex; align-items: center; gap: 10px; }
.nft-dep-acc-row span { font: 600 12px/1 var(--fb); color: var(--mute); }
.nft-dep-acc-row b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 800 16px/1 var(--fh); color: #fff; }
.nft-dep-acc-row button { padding: 8px 12px; border: 0; border-radius: 10px; cursor: pointer; font: 700 12px/1 var(--fh); color: #fff; background: rgba(150, 120, 255, .3); }
.nft-dep-note { margin: 10px 0 0; font: 500 12px/1.45 var(--fb); color: #c9c3e6; }
.nft-dep-preview { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 14px; background: rgba(255, 255, 255, .04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .07); animation: nftIn .3s ease; }
@keyframes nftIn { from { opacity: 0; transform: translateY(6px); } }
.nft-dep-preview[hidden] { display: none; }
.nft-dep-preview img, .nft-dep-noimg { width: 56px; height: 56px; flex: none; object-fit: contain; border-radius: 12px; }
.nft-dep-noimg { display: grid; place-items: center; background: #26262c; font: 800 12px var(--fh); color: var(--mute); }
.nft-dep-preview > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.nft-dep-preview b { font: 800 14px/1.1 var(--fh); color: #fff; }
.nft-dep-preview small { font: 600 11px/1 var(--fb); color: var(--mute); }
.nft-dep-preview span { font: 700 12px/1 var(--fb); color: #ffd65a; }
.nft-dep-err { font: 600 12px/1.4 var(--fb); color: #ff7b7b; }
.nft-dep-main { background: linear-gradient(135deg, #6a4bff, #a34bff) !important; }
.nft-dep-wait { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 14px; background: rgba(120, 90, 255, .12); box-shadow: inset 0 0 0 1px rgba(150, 120, 255, .3); animation: nftIn .3s ease; }
.nft-dep-wait[hidden] { display: none; }
.nft-dep-wait-dot { width: 10px; height: 10px; flex: none; border-radius: 50%; background: #9b7bff; box-shadow: 0 0 0 0 rgba(155, 123, 255, .6); animation: nftPulse 1.4s infinite; }
@keyframes nftPulse { 70% { box-shadow: 0 0 0 10px rgba(155, 123, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(155, 123, 255, 0); } }
.nft-dep-wait > div { display: flex; flex-direction: column; gap: 3px; }
.nft-dep-wait b { font: 800 13px/1 var(--fh); color: #fff; }
.nft-dep-wait small { font: 500 11px/1.35 var(--fb); color: #c9c3e6; }
.nft-dep-hint { margin: 0; font: 500 12px/1.45 var(--fb); color: var(--mute); }
.nft-dep-hint b { color: #fff; }
.nft-dep-history { display: flex; flex-direction: column; gap: 6px; }
.nft-dep-history-title { margin-top: 4px; font: 800 13px/1 var(--fh); color: #fff; }
.nft-dep-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .035); }
.nft-dep-row div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nft-dep-row b { font: 700 13px/1.1 var(--fb); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nft-dep-row small { font: 600 11px/1 var(--fb); color: var(--mute); }
.nft-dep-st { flex: none; padding: 5px 9px; border-radius: 8px; font: 700 11px/1 var(--fb); }
.nft-dep-st.wait { color: #ffd65a; background: rgba(255, 214, 90, .12); }
.nft-dep-st.ok { color: #5cffa5; background: rgba(57, 217, 138, .12); }
.nft-dep-st.no { color: #ff7b7b; background: rgba(255, 90, 90, .12); }
