/* bag.css — 5.5: рюкзак (bag.js). Ферма → вкладка «Рюкзак»: щиты, сети, ловушки; прокручивается #bag-scroll (как .farm-scroll у фермы) */

#bag-view{ flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
#bag-view[hidden]{ display: none; }
.bag-sub{ margin: 4px 2px 12px; color: #9aa3c7; font-size: 12.5px; font-weight: 700; }
.bag-sec{ display: flex; align-items: center; gap: 8px; margin: 10px 2px 8px; font-size: 13px; font-weight: 900; color: #cfd3ea; text-transform: uppercase; letter-spacing: .02em; }
.bag-sec .sh-ico{ flex: none; }
.bag-sec em{ margin-left: auto; font-style: normal; text-transform: none; font-size: 12px; padding: 2px 9px; border-radius: 999px; background: rgba(255,255,255,.08); color: #cfd3ea; }
.bag-sec em.is-full{ background: rgba(239,68,68,.2); color: #fca5a5; }
.bag-none{ margin: 0 2px 8px; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.04); color: #9aa3c7; font-size: 12.5px; font-weight: 700; text-align: center; }

.bag-it{ display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-bottom: 8px; border-radius: 16px;
  background: rgba(23,27,56,.88); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.bag-ic{ position: relative; flex: none; width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; }
.bag-ic img{ width: 34px; height: 34px; object-fit: contain; }
.bag-ic > i{ position: absolute; right: -6px; bottom: -6px; padding: 1px 6px; border-radius: 999px; font-style: normal; font-size: 11px; font-weight: 900;
  color: #fff; background: #0b0f24; box-shadow: 0 0 0 2px rgba(23,27,56,1); font-variant-numeric: tabular-nums; }
.bag-sh.h3{ background: linear-gradient(160deg, #3b82f6, #1e3a8a); color: #dbeafe; }
.bag-sh.h6{ background: linear-gradient(160deg, #8b5cf6, #4c1d95); color: #ede9fe; }
.bag-sh.h12{ background: linear-gradient(160deg, #f59e0b, #92400e); color: #fef3c7; }
.bag-nt{ background: linear-gradient(160deg, #334155, #1e293b); }
.bag-tx{ flex: 1; min-width: 0; }
.bag-tx b{ display: block; font-size: 15px; font-weight: 900; color: #fff; }
.bag-tx small{ display: block; margin-top: 2px; color: #9aa3c7; font-size: 11.5px; font-weight: 700; line-height: 1.3; }
.bag-bt{ display: flex; flex-direction: column; gap: 5px; flex: none; }
.bag-b{ height: 30px; padding: 0 11px; border: 0; border-radius: 10px; font: inherit; font-size: 12.5px; font-weight: 900; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 4px; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.bag-b:active{ transform: scale(.96); }
.bag-b.on{ background: linear-gradient(180deg, #4f8bff, #2f6ae6); color: #fff; }
.bag-b.sell{ background: rgba(255,215,106,.12); color: #ffd76a; box-shadow: inset 0 0 0 1px rgba(255,215,106,.35); }

/* счётчик в окне «Продать?» (confirm.js → body) */
.bag-qty{ display: flex; align-items: center; justify-content: center; gap: 14px; margin: 4px 0 2px; }
.bag-qty button{ width: 38px; height: 38px; border: 0; border-radius: 12px; background: rgba(255,255,255,.1); color: #fff; font: inherit; font-size: 20px; font-weight: 900; cursor: pointer; }
.bag-qty b{ min-width: 28px; text-align: center; font-size: 22px; font-weight: 900; }

/* магазин: щит на полке, а запас полон — кнопка в рюкзак (store.js) */
.store-buy.is-bag{ background: rgba(255,255,255,.1); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }

/* перо в цене: картинка строкой, не блоком (общий img{display:block}) */
.bag-fe{ display: inline-block; object-fit: contain; vertical-align: -2px; }
/* запас вида в уголке: «3/4»; полный — золотом, сверх запаса (награды) — красным */
.bag-ic > i small{ font-size: 9px; font-weight: 800; opacity: .7; margin-left: 1px; }
.bag-ic > i.is-full{ background: linear-gradient(135deg,#ffd76a,#f0a020); color: #2a1a00; }
.bag-ic > i.is-full small{ opacity: .8; }
.bag-ic > i.is-over{ background: #e5484d; color: #fff; }
/* 5.5: что стоит сейчас — щит «Выключить», сигнализация «Удалить» (строки из shield.js / alarm.js, стили .shd-status — там же) */
.bag-shst{ margin: 0 0 8px; }
.bag-shst .shd-status{ margin: 0; font-size: 13px; }