/* RF-AVALON Market V61.0.93 — navigation persistence, stronger online state and dual pagination. */

/* Offline requirement in the market heading must read as a real rule. */
.market-rule.market-offline-rule-v93 {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(240, 163, 48, .48);
  border-radius: 5px;
  background: rgba(240, 163, 48, .11);
  color: #d3dbe7 !important;
  font-weight: 700;
}
.market-rule.market-offline-rule-v93::before {
  content: "⚠";
  color: #ffad16;
  font-size: 13px;
}
.market-rule.market-offline-rule-v93 strong { color: #ffc35b !important; }

/* Item sale / purchase modal account-state badge. */
.market-account-state-v93 {
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 10px 13px !important;
  border: 2px solid #4b5870 !important;
  border-radius: 5px !important;
  background: #182131 !important;
  color: #cbd4e1 !important;
  line-height: 1.25;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.market-account-state-v93 > b {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  flex: 0 0 auto;
}
.market-account-state-v93 > strong {
  font-size: 12px !important;
  font-weight: 850 !important;
}
.market-account-state-v93.is-online {
  border-color: rgba(228, 69, 82, .92) !important;
  background: linear-gradient(90deg, rgba(175, 38, 52, .35), rgba(77, 26, 36, .22)) !important;
  color: #ffd4d8 !important;
  box-shadow: 0 0 0 1px rgba(228,69,82,.08), 0 0 18px rgba(181,42,55,.14) !important;
}
.market-account-state-v93.is-online > b {
  color: #fff;
  background: #b93240;
}
.market-account-state-v93.is-online > strong { color: #ffd0d4 !important; }
.market-account-state-v93.is-offline {
  border-color: rgba(52, 139, 99, .62) !important;
  background: linear-gradient(90deg, rgba(31, 115, 75, .19), rgba(26, 65, 51, .10)) !important;
}
.market-account-state-v93.is-offline > b {
  color: #d8f9e9;
  background: #2f7d5a;
}
.market-account-state-v93.is-offline > strong { color: #9cddb9 !important; }
.market-account-state-v93.is-requirement > b {
  color: #ffe2a8;
  background: #7d5a20;
}

.item-sale-character-list button.market-character-online-v93 {
  border-color: rgba(211, 67, 80, .76) !important;
  background: linear-gradient(90deg, rgba(157, 37, 50, .24), rgba(35, 43, 61, .96)) !important;
  opacity: 1 !important;
}
.item-sale-character-list button.market-character-online-v93 small {
  color: #ffadb4 !important;
  font-weight: 850;
}

/* Character listing modal: never bury the online state in a dim secondary line. */
.character-sale-online-v93 .character-picker::before {
  content: "⚠ АККАУНТ СЕЙЧАС В ИГРЕ — ВЫЙДИТЕ ИЗ ИГРЫ, ЧТОБЫ ВЫСТАВИТЬ ПЕРСОНАЖА";
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(225, 69, 82, .72);
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(157, 36, 49, .28), rgba(83, 30, 39, .16));
  color: #ffbdc3;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: .025em;
  box-shadow: 0 0 16px rgba(178, 42, 55, .10);
}
.character-picker button.character-online-v93,
.character-picker button.character-online-v93:disabled {
  opacity: 1 !important;
  border-color: rgba(218, 69, 81, .78) !important;
  background: linear-gradient(90deg, rgba(151, 37, 49, .22), rgba(28, 34, 49, .98)) !important;
  box-shadow: inset 3px 0 #cf4450;
}
.character-picker button.character-online-v93 strong { color: #f7f8fb !important; }
.character-picker button.character-online-v93 small { color: #b9a2a8 !important; }
.character-picker button.character-online-v93::after {
  content: "⚠ СЕЙЧАС В ИГРЕ — ВЫСТАВЛЕНИЕ НЕДОСТУПНО";
  grid-column: 2 / 4;
  color: #ff9ca5;
  font-size: 9px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

/* Separate the seller payout hint from the storage rule card. */
.modal:not(.item-sale-modal):not(.item-trade-modal) > form:not(.login-form) .price-limit {
  margin: 9px 0 15px !important;
}
.modal:not(.item-sale-modal):not(.item-trade-modal) > form:not(.login-form) .storage-notice {
  margin-top: 0 !important;
  margin-bottom: 17px !important;
}

/* Exactly 10 visible item lots per page, with synchronized controls above and below. */
.item-lot-row[hidden] { display: none !important; }
.item-market-pagination-v93 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 54px;
  padding: 10px 16px;
  background: rgba(15, 22, 34, .34);
}
.item-market-pagination-v93.is-top {
  border-bottom: 1px solid var(--line, #343d52);
}
.item-market-pagination-v93.is-bottom {
  border-top: 1px solid var(--line, #343d52);
}
.item-market-pagination-v93[hidden] { display: none !important; }
.item-market-pagination-summary-v93 {
  color: #7f8ba0;
  font-size: 10px;
  font-weight: 750;
}
.item-market-pagination-controls-v93 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.item-market-pagination-controls-v93 button {
  min-width: 34px;
  height: 32px;
  padding: 0 9px;
  border: 1px solid #35445c;
  border-radius: 5px;
  background: #192335;
  color: #aebbd0;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.item-market-pagination-controls-v93 button:hover:not(:disabled) {
  color: #fff;
  border-color: #d68a12;
}
.item-market-pagination-controls-v93 button.active {
  color: #15191f;
  border-color: #ffac20;
  background: #f0a330;
}
.item-market-pagination-controls-v93 button:disabled {
  opacity: .35;
  cursor: default;
}
.item-market-pagination-dots-v93 {
  min-width: 22px;
  text-align: center;
  color: #69778c;
  font-weight: 800;
}

@media (max-width: 680px) {
  .market-rule.market-offline-rule-v93 { width: 100%; margin-left: 0; }
  .market-account-state-v93 { width: 100%; margin-top: 10px !important; }
  .character-sale-online-v93 .character-picker::before { font-size: 9px; }
  .item-market-pagination-v93 {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
  }
  .item-market-pagination-controls-v93 {
    overflow-x: auto;
    padding-bottom: 2px;
  }
}