/* PrivateDrop — staked items in the left upgrade panel (several items selected).
   Visual only. The cards here used the old native look (colour strip, white price, grey square close)
   while the same cards in "Мои скины" use the inventory look (privatedrop-upgrader-panels-v2200.css).
   This file gives the staked grid exactly the inventory card styling, moves the close button where it
   does not cover the price, and tidies the panel shell, grid spacing and the total bar.
   The !important flags only beat the generic card rules of privatedrop-v2131.css (also !important). */

/* ---------- panel shell ---------- */
._itemPanelMulti_t6nbi_52{
  --pdp-u:var(--pd-u,1px);
  --pdp-price:#f5d033;
  --pdp-font:"Exo 2",Inter,"Segoe UI",Arial,sans-serif;
  background:radial-gradient(90% 70% at 50% 0%,rgba(255,255,255,.035) 0%,rgba(255,255,255,0) 70%),#17181c!important;
  overflow:hidden}
._itemPanelMulti_t6nbi_52 ._panelBody_t6nbi_13{padding:14px 14px 12px!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78{--_gap:8px;gap:var(--_gap)!important;align-content:center}

/* ---------- cards: the inventory card, 1:1 ---------- */
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]{
  --pd-rgb:167 167 167;--pd-rarity:#a7a7a7;--pd-rim-w:2px;--pd-glow-k:1.3;
  --pd-rim:linear-gradient(135deg,
    rgba(var(--pd-rgb)/1) 0%, rgba(var(--pd-rgb)/1) 10%, rgba(var(--pd-rgb)/.78) 25%, rgba(var(--pd-rgb)/.62) 35%,
    rgba(var(--pd-rgb)/.46) 47%, rgba(var(--pd-rgb)/.29) 57%, rgba(var(--pd-rgb)/.16) 65%,
    rgba(255 255 255/.03) 75%, rgba(255 255 255/.03) 100%);
  position:relative!important;min-width:0;min-height:0;display:block;
  overflow:hidden!important;isolation:isolate!important;border:0!important;
  border-radius:calc(var(--pdp-u) * 6.6)!important;
  background:#17181c!important;
  box-shadow:0 0 calc(var(--pdp-u) * 3) calc(var(--pdp-u) * 1) rgba(190 200 220/.075)!important;
  filter:none!important;container-type:size;cursor:pointer;
  transition:transform .18s ease!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-gray_19ntz_37{--pd-rgb:176 195 217;--pd-rarity:#b0c3d9;--pd-glow-k:1}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-blue_19ntz_38{--pd-rgb:94 152 217;--pd-rarity:#5e98d9}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-dark-blue_19ntz_42{--pd-rgb:75 105 255;--pd-rarity:#4b69ff}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-fiol_19ntz_39{--pd-rgb:136 71 255;--pd-rarity:#8847ff}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-pink_19ntz_43{--pd-rgb:211 44 230;--pd-rarity:#d32ce6}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-red_19ntz_41{--pd-rgb:235 75 75;--pd-rarity:#eb4b4b}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]._rarity-yellow_19ntz_40{--pd-rgb:228 174 57;--pd-rarity:#e4ae39}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important;
  background:radial-gradient(50% 50% at 50% 48%,
    rgba(var(--pd-rgb)/calc(var(--pd-glow-k) * .24)) 0%,
    rgba(var(--pd-rgb)/calc(var(--pd-glow-k) * .157)) 34%,
    rgba(var(--pd-rgb)/calc(var(--pd-glow-k) * .065)) 66%,
    rgba(var(--pd-rgb)/0) 96%)!important;
  opacity:1!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:6!important;box-sizing:border-box!important;padding:0!important;
  border:var(--pd-rim-w) solid transparent!important;border-radius:inherit!important;pointer-events:none!important;
  background:var(--pd-rim) border-box!important;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box!important;
  opacity:1!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._amount_19ntz_54{
  position:absolute;top:6.6cqw;right:8.6cqw;left:auto;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:.6cqw;max-width:72%;padding:0}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._amountValue_19ntz_75{
  --color-white-100:var(--pdp-price);display:inline-flex;align-items:center;gap:2.4cqw;color:#fdd914;font-family:var(--pdp-font);
  font-size:9.4cqw;line-height:1.1;font-weight:600;letter-spacing:-.02em;word-spacing:-.04em;white-space:nowrap;-webkit-text-stroke:.5cqw #fdd914}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._amountValue_19ntz_75 span{color:#fdd914!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._amount_19ntz_54 img{width:8.6cqw;height:8.6cqw;flex:0 0 auto}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] .pd-cs2-native-wear{
  position:static;display:block;margin:1.4cqw -1.6cqw 0 0;color:#a7a7a7;font-family:var(--pdp-font);font-size:7.4cqw;line-height:1.1;font-weight:600;
  letter-spacing:.01em;-webkit-text-stroke:.2cqw #a7a7a7;pointer-events:none}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._stLabel_19ntz_100{display:none}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardImg_19ntz_80{
  position:absolute;inset:21.1% 7% 21.9% 7%;z-index:2;display:flex;align-items:center;justify-content:center;width:auto;overflow:visible;background:transparent}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardImg_19ntz_80::before{
  content:"";position:absolute;left:50%;top:52%;width:58%;height:88%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--pd-rgb)) 78%,#fff) 0%,color-mix(in srgb,rgb(var(--pd-rgb) / .75) 78%,rgb(255 255 255 / .75)) 100%);
  -webkit-mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  opacity:.25}
/* the added-balance card shows the coin alone: no brand chevrons behind it */
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]:has(._blockBalance_19ntz_118) ._cardImg_19ntz_80::before{content:none}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardImg_19ntz_80 img{
  position:relative;z-index:1;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;
  filter:drop-shadow(0 .7cqw 1.4cqw rgba(0 0 0/.3));transition:transform .2s ease}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._block_19ntz_37{
  position:absolute;left:6%;right:6%;bottom:8.1cqw;z-index:5;display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:0;
  background:none!important;border:0}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardWeapon_19ntz_151,
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardName_19ntz_163{width:100%;margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardWeapon_19ntz_151{
  --color-white-100:#a7a7a7;color:#a7a7a7!important;font-family:var(--pdp-font);margin-bottom:.8cqw;font-size:5.7cqw;line-height:1.2;font-weight:600;-webkit-text-stroke:.15cqw #a7a7a7}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._cardName_19ntz_163{
  color:#fff!important;font-family:var(--pdp-font);font-size:8.7cqw;line-height:1.15;font-weight:600;letter-spacing:.045em;-webkit-text-stroke:.5cqw #fff}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]:hover{transform:translateY(-1px)}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]:hover ._cardImg_19ntz_80 img{transform:scale(1.03)}

/* close: small round glass button top-left (the price owns the top-right corner, as in the inventory) */
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._removeIcon_19ntz_239{
  position:absolute!important;top:6.2cqw!important;left:6.2cqw!important;right:auto!important;z-index:7!important;
  display:grid!important;place-items:center;width:max(18px,13cqw)!important;height:max(18px,13cqw)!important;padding:0!important;
  border-radius:50%!important;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  color:#a8a7aa!important;transition:background .15s ease,color .15s ease}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._removeIcon_19ntz_239 svg{width:62%!important;height:62%!important;color:currentColor!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]:hover ._removeIcon_19ntz_239{background:rgba(255,255,255,.14)!important;color:#fff!important}
._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._removeIcon_19ntz_239:hover{background:rgba(235,75,75,.22)!important;color:#ff8a80!important}

/* ---------- total bar ---------- */
._itemPanelMulti_t6nbi_52 ._totalSection_t6nbi_134{
  align-items:center!important;margin:0 12px 12px;padding:12px 16px!important;border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),#1c1d22!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
._itemPanelMulti_t6nbi_52 ._totalNameStack_t6nbi_144{display:flex;flex-direction:column;justify-content:center;min-height:0!important;height:auto!important}
._itemPanelMulti_t6nbi_52 ._totalTopline_t6nbi_150{display:none!important}
._itemPanelMulti_t6nbi_52 ._totalLabel_t6nbi_156{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:14px!important;line-height:18px!important;font-weight:600!important;
  color:#a8a7aa!important;text-transform:none!important;letter-spacing:0}
._itemPanelMulti_t6nbi_52 ._totalAmountBlock_t6nbi_166 span{
  color:var(--pd2-gold)!important;font-family:var(--pd2-font-num)!important;font-size:20px!important;line-height:24px!important;font-weight:700!important}
._itemPanelMulti_t6nbi_52 ._totalAmountBlock_t6nbi_166 img{width:22px!important;height:22px!important}

@media (max-width:767px){
  ._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card]{border-radius:6px!important}
  ._itemPanelMulti_t6nbi_52 ._panelBody_t6nbi_13{padding:8px 8px 6px!important}
  ._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78{--_gap:5px}
  ._itemPanelMulti_t6nbi_52 ._selectedGrid_t6nbi_78 [data-skin-card] ._removeIcon_19ntz_239{width:13px!important;height:13px!important}
  ._itemPanelMulti_t6nbi_52 ._totalSection_t6nbi_134{margin:0 6px 6px;padding:6px 9px!important;border-radius:8px}
  ._itemPanelMulti_t6nbi_52 ._totalLabel_t6nbi_156{font-size:10px!important;line-height:13px!important}
  ._itemPanelMulti_t6nbi_52 ._totalAmountBlock_t6nbi_166 span{font-size:12px!important;line-height:15px!important}
  ._itemPanelMulti_t6nbi_52 ._totalAmountBlock_t6nbi_166 img{width:13px!important;height:13px!important}
}