/* withdrawal request: modal, profile list */
.wd { display: grid; gap: 14px; }
.wd-steps { display: flex; gap: 8px; flex-wrap: wrap; }
.wd-steps span { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 99px; background: var(--card-2, #232328); color: #c9cad0; font-size: 12px; font-weight: 700; }
.wd-steps i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--y, #fcd711); color: #1c1c20; font-style: normal; font-size: 11px; font-weight: 800; }
.wd-lead { margin: 0; color: #b7b8bf; font-size: 13px; line-height: 1.5; }
.wd-cards { display: grid; grid-auto-rows: min-content; align-content: start; gap: 10px; max-height: 360px; overflow: auto; padding-right: 2px; }
.wd-card { min-height: max-content; }
.wl .wd-cards { max-height: none; overflow: visible; }

.wd-card { position: relative; display: grid; grid-template-columns: 148px 1fr; gap: 14px; padding: 12px; border-radius: 14px; background: linear-gradient(160deg, #26262c, #1c1c20); box-shadow: inset 0 0 0 1px #34343b, 0 8px 20px #0006; overflow: hidden; transition: box-shadow 0.25s, transform 0.25s; }
.wd-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--rc, #fcd711); }
.wd-card.r0 { --rc: #9aa0ad; } .wd-card.r1 { --rc: #5ba4ff; } .wd-card.r2 { --rc: #9b6bff; } .wd-card.r3 { --rc: #ff5fb1; } .wd-card.r4 { --rc: #ff5b5b; } .wd-card.r5 { --rc: #fcd711; }
.wd-card:hover { box-shadow: inset 0 0 0 1px var(--rc, #fcd711), 0 10px 26px #0008; }
.wd-pic { position: relative; display: grid; place-items: center; border-radius: 10px; background: radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rc, #fcd711) 32%, transparent), transparent 70%), #17171b; min-height: 92px; }
.wd-pic img { width: 100%; max-height: 84px; object-fit: contain; filter: drop-shadow(0 6px 10px #0009); }
.wd-info { display: grid; gap: 8px; min-width: 0; align-content: center; }
.wd-name { font-size: 15px; line-height: 1.2; overflow-wrap: anywhere; }
.wd-price { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 2px 10px; }
.wd-price span { color: #9a9ba3; font-size: 12px; }
.wd-price strong { justify-self: end; display: inline-flex; align-items: center; gap: 5px; font-size: 18px; color: var(--y, #fcd711); font-family: var(--tek, inherit); }
.wd-price strong .coin { width: 16px; height: 16px; }
.wd-price small { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 4px; color: #8c8d95; font-size: 11.5px; }
.wd-price small .coin { width: 11px; height: 11px; }
.wd-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.wd-thumb { width: 28px; height: 28px; border-radius: 7px; object-fit: cover; box-shadow: 0 0 0 1px #3b3b43; }
.wd-pattern { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 6px; border-radius: 8px; background: #121215; font-size: 12.5px; color: #c9cad0; box-shadow: inset 0 0 0 1px #2f2f36; }
.wd-pattern img { width: 20px; height: 20px; object-fit: contain; }
.wd-pattern b { color: #fff; font-size: 14px; font-family: var(--tek, inherit); }
.wd-stickers { display: inline-flex; gap: 4px; }
.wd-stickers img { width: 26px; height: 26px; object-fit: contain; padding: 2px; border-radius: 6px; background: #121215; box-shadow: inset 0 0 0 1px #2f2f36; }
.wd-total { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-radius: 12px; background: #121215; color: #9a9ba3; font-size: 13px; }
.wd-total b { display: inline-flex; align-items: center; gap: 6px; color: #fff; }
.wd-total .coin { width: 14px; height: 14px; }
.wd-form { display: grid; gap: 12px; }
.wd-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wd-drop { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; border: 1.5px dashed #3b3b43; background: #17171b; cursor: pointer; transition: border-color 0.2s, background-color 0.2s; }
.wd-drop:hover { border-color: var(--y, #fcd711); background: #1c1c20; }
.wd-drop.has { border-style: solid; border-color: #3f7d4f; }
.wd-drop-ico { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--card-2, #232328); color: var(--y, #fcd711); flex: none; }
.wd-drop-ico .ico { width: 18px; height: 18px; }
.wd-drop-text { display: grid; gap: 2px; flex: 1; min-width: 0; }
.wd-drop-text b { font-size: 14px; }
.wd-drop-text small { color: #8c8d95; font-size: 12px; }
.wd-drop-thumb { width: 40px; height: 40px; border-radius: 9px; object-fit: cover; box-shadow: 0 0 0 1px #3b3b43; }
.wd-drop-thumb[hidden] { display: none; }

.wl { display: grid; gap: 14px; }
.wl-item { display: grid; gap: 10px; padding: 14px; border-radius: 16px; background: var(--card, #1c1c20); box-shadow: inset 3px 0 0 var(--y, #fcd711); }
.wl-item.ok { box-shadow: inset 3px 0 0 #43c27a; }
.wl-item.bad { box-shadow: inset 3px 0 0 #ef4444; }
.wl-item header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.wl-item header div { display: grid; }
.wl-item header small { color: #8c8d95; font-size: 12px; }
.wl-status { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 99px; font-size: 12px; font-weight: 800; background: #2b2a1c; color: var(--y, #fcd711); }
.wl-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.wl-status.ok { background: #1b2b22; color: #5be08f; }
.wl-status.bad { background: #2e1c1c; color: #ff6b6b; }
.wl-hint { margin: 0; color: #9a9ba3; font-size: 13px; }
.wl-item footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #9a9ba3; font-size: 12.5px; }
.wl-item footer b { display: inline-flex; align-items: center; gap: 5px; color: #fff; font-size: 14px; }
.wl-item footer .coin { width: 14px; height: 14px; }

@media (max-width: 560px) {
  .wd-card { grid-template-columns: 104px 1fr; gap: 10px; }
  .wd-two { grid-template-columns: 1fr; }
}