/**
 * sell-items.html — у стилі gm-shop: скрол-таби, кольоровий текст, рядки з грейд-смугою.
 */
body.l2-app-l2-chrome.l2-page-sell-items {
  --l2-sell-tab-font: 12px;
  --l2-sell-tab-sep: rgba(255, 186, 0, 0.42);
  --l2-sell-row-divider: rgba(200, 160, 90, 0.22);
  --l2-sell-price-gold: var(--l2-item-price-gold, #ffdc5c);
  --l2-sell-cat-weapon: #ffba00;
  --l2-sell-cat-armor: #d4b878;
  --l2-sell-cat-accessor: #d8a8ff;
  --l2-sell-cat-consumable: #8fd4a0;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-root {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 8px 20px;
}

body.l2-app-l2-chrome.l2-page-sell-items #sell-items-msg.l2-drops-shop-purchase-ok {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  color: inherit;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin: 0 0 8px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-adena {
  font-size: 12px;
  font-weight: 600;
  color: #c8b888;
  white-space: nowrap;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-adena__amount {
  color: var(--l2-sell-price-gold);
  font-weight: 700;
  text-shadow: 0 0 8px rgba(255, 210, 80, 0.28);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-badge {
  margin: 0;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(232, 200, 120, 0.85);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-back {
  margin: 14px 0 0;
  text-align: center;
  font-size: 11px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-back a {
  color: #bfa88a;
  text-decoration: underline;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-layout {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-filters {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0 0 6px;
  padding: 0;
  border: none;
  background: transparent;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 2px 0 4px !important;
  border: none !important;
  border-bottom: 1px solid var(--l2-sell-row-divider) !important;
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scroll-snap-type: x proximity;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  scroll-snap-align: start;
  margin: 0 !important;
  padding: 2px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  font: inherit !important;
  font-size: var(--l2-sell-tab-font) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #b8b0a4 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  cursor: pointer !important;
  white-space: nowrap !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tab + .l2-drops-shop-tab::before {
  content: '|' !important;
  display: inline !important;
  margin: 0 6px !important;
  color: var(--l2-sell-tab-sep) !important;
  font-weight: 400 !important;
  pointer-events: none !important;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--cats .l2-drops-shop-tab[data-category='weapon'] {
  color: var(--l2-sell-cat-weapon) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--cats .l2-drops-shop-tab[data-category='armor'] {
  color: var(--l2-sell-cat-armor) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--cats .l2-drops-shop-tab[data-category='accessor'] {
  color: var(--l2-sell-cat-accessor) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--cats .l2-drops-shop-tab[data-category='consumable'] {
  color: var(--l2-sell-cat-consumable) !important;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tab--active {
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  filter: brightness(1.08) !important;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--grades .l2-drops-shop-tab[data-grade='NG'] {
  color: var(--l2-item-grade-ng) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--grades .l2-drops-shop-tab[data-grade='D'] {
  color: var(--l2-item-grade-d) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--grades .l2-drops-shop-tab[data-grade='C'] {
  color: var(--l2-item-grade-c) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--grades .l2-drops-shop-tab[data-grade='B'] {
  color: var(--l2-item-grade-b) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--grades .l2-drops-shop-tab[data-grade='A'] {
  color: var(--l2-item-grade-a) !important;
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tablist--grades .l2-drops-shop-tab[data-grade='S'] {
  color: var(--l2-item-grade-s) !important;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tab:hover,
body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-shop-tab:focus {
  outline: none !important;
  filter: brightness(1.12) !important;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-breadcrumb {
  margin: 2px 0 6px;
  padding: 0 2px;
  font-size: 11px;
  font-weight: 600;
  color: #c8b898;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-list-col {
  min-width: 0;
  width: 100%;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 8px;
  padding: 7px 2px 7px 5px;
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--l2-sell-row-divider);
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row:last-child {
  border-bottom: none;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__stripe {
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 2px;
  border-radius: 1px;
  background: var(--l2-item-grade-ng);
  box-shadow: 0 0 6px color-mix(in srgb, var(--l2-item-grade-ng) 55%, transparent);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row--grade-d .l2-sell-items-row__stripe {
  background: var(--l2-item-grade-d);
  box-shadow: 0 0 6px color-mix(in srgb, var(--l2-item-grade-d) 55%, transparent);
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row--grade-c .l2-sell-items-row__stripe {
  background: var(--l2-item-grade-c);
  box-shadow: 0 0 6px color-mix(in srgb, var(--l2-item-grade-c) 55%, transparent);
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row--grade-b .l2-sell-items-row__stripe {
  background: var(--l2-item-grade-b);
  box-shadow: 0 0 6px color-mix(in srgb, var(--l2-item-grade-b) 55%, transparent);
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row--grade-a .l2-sell-items-row__stripe {
  background: var(--l2-item-grade-a);
  box-shadow: 0 0 6px color-mix(in srgb, var(--l2-item-grade-a) 55%, transparent);
}
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row--grade-s .l2-sell-items-row__stripe {
  background: var(--l2-item-grade-s);
  box-shadow: 0 0 6px color-mix(in srgb, var(--l2-item-grade-s) 55%, transparent);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__icon-wrap {
  flex-shrink: 0;
  margin-left: 2px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 2px;
  border: 1px solid rgba(199, 173, 128, 0.45);
  background: rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__name {
  font-size: 12px;
  font-weight: 700;
  color: #f2ead8;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  word-break: break-word;
  line-height: 1.3;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__stats {
  font-size: 11px;
  line-height: 1.35;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 2px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__price {
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--l2-sell-price-gold);
  text-shadow: 0 0 6px rgba(255, 210, 80, 0.2);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__sell {
  flex-shrink: 0;
  margin: 0;
  padding: 4px 10px;
  border: 1px solid rgba(200, 70, 70, 0.55) !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #6a2222 0%, #421414 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 200, 200, 0.1);
  color: #ffb0b0 !important;
  font-family: var(--l2-font-display);
  font-size: 10px !important;
  font-weight: 700 !important;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__sell:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__sell:focus:not(:disabled) {
  filter: brightness(1.12);
  color: #ffe0e0 !important;
  outline: none;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__sell:disabled {
  opacity: 0.4;
  filter: grayscale(0.35);
  cursor: default;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-empty {
  margin: 8px 0;
  padding: 8px 4px;
  text-align: center;
  font-size: 12px;
  color: #9a9080;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-gm-shop-pager--arrow {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 8px 0 4px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-gm-shop-pager--arrow .l2-gm-shop-pager-btn {
  padding: 2px 8px;
  border: none;
  background: transparent;
  color: #c8b898;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-gm-shop-pager--arrow .l2-gm-shop-pager-btn:disabled {
  opacity: 0.3;
  text-decoration: none;
  cursor: default;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-modal-sell-btn:not(:disabled) {
  border-color: rgba(200, 70, 70, 0.65);
  background: linear-gradient(180deg, #7a2828 0%, #521818 55%, #3a1010 100%);
  color: #ffe0e0;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-modal-sell-btn:hover:not(:disabled),
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-modal-sell-btn:focus:not(:disabled) {
  filter: brightness(1.1);
  color: #fff4f4;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-drops-stats-modal__panel {
  border: 1px solid rgba(120, 100, 72, 0.42) !important;
  border-width: 1px !important;
  border-image: none !important;
  border-image-source: none !important;
  border-radius: 4px;
  background: #1d1c1a !important;
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55);
}

body.l2-app-l2-chrome.l2-page-sell-items #l2-sell-items-qty-modal .l2-drops-stats-modal__hint,
body.l2-app-l2-chrome.l2-page-sell-items #l2-sell-items-confirm-modal .l2-drops-stats-modal__hint {
  color: #ffffff !important;
}


/* Multi-select NPC sell */
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 5px 0 4px;
  padding: 5px 0 7px;
  border-bottom: 1px solid var(--l2-sell-row-divider);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__summary {
  min-width: 0;
  color: #c8b898;
  font-size: 10px;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__actions {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__clear,
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__sell {
  min-height: 23px;
  padding: 3px 8px;
  border-radius: 3px;
  font-family: var(--l2-font-display);
  font-size: 9px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__clear {
  border: 1px solid rgba(150, 132, 102, 0.46);
  background: linear-gradient(180deg, #3b352c 0%, #262119 100%);
  color: #c7b798;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__sell {
  border: 1px solid rgba(200, 70, 70, 0.62);
  background: linear-gradient(180deg, #6a2222 0%, #421414 100%);
  color: #ffb0b0;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__clear:disabled,
body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk__sell:disabled {
  opacity: 0.38;
  cursor: default;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__check-wrap {
  width: 17px;
  min-width: 17px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 8px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__check {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  margin: 0;
  border: 1px solid rgba(194, 166, 112, 0.68);
  border-radius: 2px;
  background: linear-gradient(180deg, #2d2922 0%, #17140f 100%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.75);
  cursor: pointer;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__check:checked {
  border-color: #d0a84e;
  background: linear-gradient(180deg, #6f5423 0%, #3b2b11 100%);
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row__check:checked::after {
  content: '✓';
  display: block;
  margin-top: -2px;
  text-align: center;
  color: #fff0b0;
  font-size: 14px;
  font-weight: 900;
  line-height: 15px;
}

body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-row--selected {
  background: linear-gradient(
    90deg,
    rgba(139, 96, 34, 0.14) 0%,
    rgba(139, 96, 34, 0.03) 72%,
    transparent 100%
  );
}

@media (max-width: 390px) {
  body.l2-app-l2-chrome.l2-page-sell-items .l2-sell-items-bulk {
    align-items: flex-start;
    flex-direction: column;
  }
}