/* LOOTHOOD — Village v1 · «Лагерь»
   ------------------------------------------------------------------
   Экран базы. Что было не так:
     — панель «Accumulated Bonuses» единственная во всей игре была
       светлой бумагой, а значения на ней красились брендовым лаймом:
       контраст 1.6:1, читать невозможно. Это уже починено в
       loothood-patch-v1.css, здесь дожимаем остальное;
     — три разных стиля кнопок в одном экране без иерархии: тёмная
       обводка, лаймовая обводка и залитый лайм — и все три означали
       разное по важности, но выглядели одинаково случайно;
     — заголовки трёх панелей золотые, хотя на Hunt все заголовки цвета
       слоновой кости;
     — панели без радиусов и общих поверхностей.

   Scoped к .hb-app. */

/* ============ ЗАГОЛОВКИ ============ */

.hb-app .hb-settlement-overview h1,
.hb-app .hb-settlement-bonuses h2,
.hb-app .hb-settlement-passive h2,
.hb-app .hb-settlement-operations h2,
.hb-app .hb-settlement-dashboard h2,
.hb-app .hb-settlement-dashboard h3 {
  color: var(--ivory) !important;
  font-family: var(--disp);
  letter-spacing: .3px;
}
.hb-app .hb-settlement-overview .hb-diamond-rule,
.hb-app .hb-settlement-dashboard .hb-diamond-rule { display: none !important; }

/* ============ ПАНЕЛИ ============ */

.hb-app .hb-settlement-bonuses,
.hb-app .hb-settlement-passive,
.hb-app .hb-settlement-operations {
  border: 1px solid var(--line) !important;
  border-radius: var(--r) !important;
  background: var(--surface) !important;
  padding: 18px 20px !important;
}
.hb-app .hb-settlement-dashboard { gap: 14px !important; }

/* Сводка сверху — строки как у баунти на Hunt: волосяная линия и
   значение справа, без коробок. */
.hb-app .hb-settlement-status > * {
  border-top: 1px solid var(--line2) !important;
  border-bottom: none !important;
  background: none !important;
  padding: 11px 0 !important;
}

/* ============ ИЕРАРХИЯ КНОПОК ============
   Одно правило на экран: залит лаймом только тот путь, который экран
   предлагает совершить сейчас — забрать накопленное. Всё остальное
   тёмное с обводкой. Апгрейды получают золотую обводку, потому что
   стоят ресурсов и это трата, а не получение. */

.hb-app .hb-settlement-operations button,
.hb-app .hb-ledger-button {
  min-height: 44px;
  border-radius: 11px !important;
  border: 1px solid var(--line) !important;
  background: var(--surface2) !important;
  color: var(--ivory) !important;
  font-family: var(--disp);
  font-size: 16px;
  letter-spacing: .3px;
  cursor: pointer;
  transition: border-color 140ms var(--lh-ease-out),
              background 140ms var(--lh-ease-out),
              transform 120ms var(--lh-ease-out);
}

/* Единственный лаймовый CTA экрана. */
.hb-app .hb-ledger-button.is-primary {
  border: none !important;
  color: #08120a !important;
  background: linear-gradient(180deg, #c8f85e, var(--lime) 42%, var(--lime-deep)) !important;
  box-shadow: 0 12px 26px -14px color-mix(in srgb, var(--lime) 70%, transparent),
              inset 0 1px 0 rgba(255,255,255,.4) !important;
}

/* Траты — золотая обводка: цвет расхода, а не дохода. */
.hb-app .hb-settlement-operations .hb-operation-row button {
  border-color: color-mix(in srgb, var(--leg) 34%, var(--line)) !important;
  color: var(--leg) !important;
  font-size: 14.5px;
}

@media (hover: hover) and (pointer: fine) {
  .hb-app .hb-ledger-button:hover,
  .hb-app .hb-settlement-operations button:hover {
    border-color: color-mix(in srgb, var(--lime) 45%, var(--line)) !important;
    background: var(--surface3) !important;
  }
  .hb-app .hb-ledger-button.is-primary:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
    background: linear-gradient(180deg, #c8f85e, var(--lime) 42%, var(--lime-deep)) !important;
  }
  .hb-app .hb-settlement-operations .hb-operation-row button:hover {
    border-color: color-mix(in srgb, var(--leg) 60%, var(--line)) !important;
    background: color-mix(in srgb, var(--leg) 10%, var(--surface2)) !important;
  }
}

/* ============ ПАССИВНЫЕ РЕСУРСЫ ============ */

.hb-app .hb-passive-resource {
  border-top: 1px solid var(--line2) !important;
  border-bottom: none !important;
  padding: 12px 0 !important;
}
.hb-app .hb-passive-resource img {
  image-rendering: pixelated;
}
.hb-app .hb-passive-resource span { color: var(--ivory) !important; }
.hb-app .hb-passive-resource strong { color: var(--lime) !important; }
.hb-app .hb-passive-resource small { color: var(--dim) !important; }
.hb-app .hb-passive-note {
  color: var(--dim) !important;
  text-transform: none !important;
  letter-spacing: .2px !important;
  font-size: 12.5px;
}

/* ============ ОПЕРАЦИИ И ЗЕМЛЯ ============ */

.hb-app .hb-operation-advancement {
  border: 1px solid var(--line2) !important;
  border-radius: 11px !important;
  background: var(--surface2) !important;
  padding: 12px 14px !important;
}
.hb-app .hb-operation-row {
  border-top: 1px solid var(--line2) !important;
  padding: 12px 0 !important;
}
.hb-app .hb-operation-row strong { color: var(--ivory) !important; }

/* Полоса разблокированной земли — тот же трек с градиентом, что и
   везде: недельная полоса Hunt, pity, баунти. */
.hb-app .hb-land-progress__track {
  height: 9px !important;
  border: 1px solid var(--line2) !important;
  border-radius: 5px !important;
  background: var(--surface3) !important;
  overflow: hidden;
}
.hb-app .hb-land-progress__track > * {
  border-radius: 5px !important;
  background: linear-gradient(90deg, var(--emerald), var(--lime)) !important;
  box-shadow: 0 0 10px -2px color-mix(in srgb, var(--lime) 70%, transparent) !important;
}

/* Правая панель уезжала за край: увеличенные отступы прибавились к
   ширине, заданной легаси в контейнерных единицах. Возвращаем
   границы на место. */
.hb-app .hb-settlement-dashboard > * {
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.hb-app .hb-settlement-operations {
  padding: 16px 16px 18px !important;
}
.hb-app .hb-operation-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}
.hb-app .hb-operation-row button {
  white-space: nowrap;
  padding: 9px 13px !important;
}
.hb-app .hb-operation-advancement {
  display: grid;
  gap: 4px;
}
.hb-app .hb-operation-advancement > * { min-width: 0; }

/* Сама сетка панелей задана легаси в контейнерных единицах и шире
   доступной ширины — третья колонка уезжала за экран вместе с
   «0 OWNED» и кнопкой. Три равные колонки от фактической ширины. */
.hb-app .hb-settlement-dashboard {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.hb-app .hb-settlement-overview,
.hb-app .hb-settlement-hero { max-width: 100%; box-sizing: border-box; }

/* ============ НЕВЫСОКОЕ ОКНО ============
   Здесь я сперва ужимал отступы деревни, чтобы кнопка Claim Resources
   перестала срезаться нижним краем. Отступы были ни при чём: тело оболочки
   считало высоту шапки долей окна вместо её настоящих 72 пикселей и на
   невысоком окне вылезало за край целиком, всеми экранами сразу. Починено в
   loothood-hunt-v1.css, здесь чинить нечего.

   Немного плотности всё же оставляю: при 768 деревня умещается впритык. */
@media (max-height: 820px) {
  .hb-app .hb-settlement-dashboard { gap: 10px !important; }
  .hb-app .hb-settlement-operations { padding: 11px 14px 12px !important; }
}