/* Тема ЛК «Кошелёк (B)». Подключается после panel-skin-hud.css (см. head.blade.php),
 * перекрывает токены HUD и модулей (донат, биржа, инвентарь, BP), каркас — topnav вместо сайдбара.
 * Откат: админка → «Темы ЛК» → HUD. */

html.dark,
.dark {
  --lk-bg-0: #0f1012;
  --lk-bg-1: #131417;
  --lk-bg-2: #17181c;
  --lk-surface: #1d1e23;
  --lk-surface-2: #26272c;
  --lk-surface-solid: #1d1e23;
  --lk-border: #2c2d33;
  --lk-border-soft: #26272c;
  --lk-text: #ececee;
  --lk-text-dim: #a6a7ad;
  --lk-accent: #f2b94b;
  --lk-accent-2: #ffd27a;
  --lk-accent-dim: rgba(242, 185, 75, 0.14);
  --lk-danger: #ff8f86;
  --lk-success: #7fd6a3;
  --lk-radius: 16px;
  --lk-radius-sm: 10px;
  --lk-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --lk-font: "Onest", "Segoe UI", system-ui, sans-serif;
  --lk-display: "Unbounded", "Onest", system-ui, sans-serif;

  --hud-accent: #f2b94b;
  --hud-accent-hi: #ffd27a;
  --hud-accent-lo: #8a6a2a;
  --hud-frame: #2c2d33;
  --hud-panel: #131417;
  --hud-panel-2: #1d1e23;
  --hud-ink: #ececee;
  --hud-ink-dim: #a6a7ad;
  --hud-slot: #26272c;
  --hud-titlebar: #1d1e23;
  --hud-section-odd: #1d1e23;
  --hud-section-even: #222328;
  --hud-rule: linear-gradient(90deg, transparent, #2c2d33 15%, #2c2d33 85%, transparent);

  --color-second: #1d1e23 !important;
  --color-second-light: rgba(255, 255, 255, 0.04) !important;
  --color-second-hover: #ffd27a !important;
  --color-border: #2c2d33 !important;
  --dark-100: #2c2d33;
  --dark-200: #26272c;
  --dark-300: #222328;
  --dark-400: #1d1e23;
  --dark-500: #1a1b1f;
  --dark-600: #17181c;
  --dark-700: #141518;
  --dark-800: #0f1012;
  --dark-ddd: #1d1e23;
  --dark-dd1: #1d1e23;
  --primary: #f2b94b;
  --secondary: #a6a7ad;

  /* модули */
  --ex-accent: #f2b94b; --ex-accent-2: #ffd27a; --ex-border: #2c2d33; --ex-border-soft: #26272c; --ex-surface: #1d1e23; --ex-row: #26272c; --ex-text: #ececee; --ex-dim: #a6a7ad; --ex-ok: #7fd6a3; --ex-danger: #ff8f86;
  --inv-accent: #f2b94b; --inv-accent-2: #ffd27a; --inv-border: #2c2d33; --inv-border-soft: #26272c; --inv-surface: #1d1e23; --inv-text: #ececee; --inv-dim: #a6a7ad; --inv-ok: #7fd6a3; --inv-danger: #ff8f86;
  --bp-accent: #f2b94b; --bp-accent-2: #ffd27a; --bp-border: #2c2d33; --bp-border-soft: #26272c; --bp-surface: #1d1e23; --bp-text: #ececee; --bp-dim: #a6a7ad; --bp-ok: #7fd6a3;
}

html.dark body,
html.dark .lk-body {
  background: #131417 !important;
  color: #ececee;
  font-family: var(--lk-font) !important;
}

/* Донат-страница (токены donate.css) */
html.dark .lk-donate {
  --d-border: #2c2d33;
  --d-surface: #1d1e23;
  --d-surface-2: #26272c;
  --d-text: #ececee;
  --d-muted: #a6a7ad;
  --d-amber: #f2b94b;
  --d-amber-soft: rgba(242, 185, 75, 0.14);
  --d-green: #7fd6a3;
}

/* ---------- Каркас: меню сверху вместо сайдбара ---------- */
.lk-theme-wallet .lk-wrapper {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
}
.lk-theme-wallet .layout-page,
.lk-theme-wallet .lk-page {
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  max-width: 1240px;
  margin-inline: auto !important;
}
.lk-wl-top {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #17181c;
  border-bottom: 1px solid #26272c;
}
.lk-wl-top__row {
  max-width: 1320px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.lk-wl-top__row--nav {
  padding-top: 0;
  padding-bottom: 8px;
}
.lk-wl-top__logo {
  font-family: var(--lk-display);
  font-weight: 700;
  font-size: 18px;
  color: #ececee !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.lk-wl-top__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.lk-wl-top__link,
.lk-wl-top__tool {
  padding: 8px 13px;
  border-radius: 10px;
  color: #a6a7ad !important;
  text-decoration: none !important;
  font-weight: 600;
  white-space: nowrap;
}
.lk-wl-top__link:hover,
.lk-wl-top__tool:hover { color: #ececee !important; background: #1d1e23; }
.lk-wl-top__link.is-active { color: #1a1408 !important; background: #f2b94b; }
.lk-wl-top__link:focus-visible,
.lk-wl-top__tool:focus-visible,
.lk-wl-srv__item:focus-visible { outline: 2px solid #f2b94b; outline-offset: 2px; }
.lk-wl-top__tools {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.lk-wl-top__balance {
  padding: 8px 12px;
  border-radius: 12px;
  background: #2a2416;
  color: #f2b94b !important;
  font-weight: 700;
  text-decoration: none !important;
  font-variant-numeric: tabular-nums;
}
.lk-theme-wallet .lk-navbar--sidebar { flex-direction: row !important; flex-wrap: nowrap; }

/* Серверы в шапке */
.lk-wl-srv {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.lk-wl-srv__item {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 7px;
  align-items: center;
  padding: 6px 12px;
  border-radius: 12px;
  background: #1d1e23;
  border: 1px solid #2c2d33;
  color: #ececee !important;
  text-decoration: none !important;
  line-height: 1.15;
}
.lk-wl-srv__item:hover { border-color: #55565c; }
.lk-wl-srv__item.is-active { border-color: #f2b94b; background: #2a2416; }
.lk-wl-srv__dot { grid-row: 1 / 3; width: 8px; height: 8px; border-radius: 50%; }
.lk-wl-srv__dot.is-on { background: #7fd6a3; }
.lk-wl-srv__dot.is-off { background: #ff8f86; }
.lk-wl-srv__name { font-weight: 700; font-size: 13px; }
.lk-wl-srv__meta { grid-column: 2; font-size: 11.5px; color: #a6a7ad; font-variant-numeric: tabular-nums; }

/* ---------- Карточки, кнопки, поля ---------- */
html.dark .lk-content .box,
html.dark .lk-content .card,
html.dark .lk-content .report-card,
html.dark .lk-donate__panel,
html.dark .lk-dash__section {
  border-radius: var(--lk-radius) !important;
  background: #1d1e23 !important;
  border-color: #2c2d33 !important;
  box-shadow: none !important;
}
html.dark .lk-content .btn,
html.dark .btn {
  border-radius: 12px !important;
  font-family: var(--lk-font);
  font-weight: 700;
}
html.dark .btn-primary,
html.dark .btn.btn-primary {
  background: #f2b94b !important;
  border-color: #f2b94b !important;
  color: #1a1408 !important;
}
html.dark .form-input,
html.dark .form-select,
html.dark input[type="text"],
html.dark input[type="number"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark select,
html.dark textarea {
  border-radius: 12px !important;
  background: #131417 !important;
  border-color: #3a3b42 !important;
  color: #ececee !important;
}
html.dark h1,
html.dark .lk-donate__panel-title {
  font-family: var(--lk-display);
  letter-spacing: 0;
}
html.dark .modal-content,
html.dark .modal .modal-content {
  border-radius: 22px !important;
  background: #1d1e23 !important;
  border: 1px solid #2c2d33 !important;
}

/* Кошелёк: плашки серверов и выписка (классы из donate/create.blade.php) */
html.dark .lk-wallet__server { border-radius: 12px; }
html.dark .lk-wallet__server.is-active,
html.dark .lk-wallet__server:hover { background: #2a2416; border-color: #f2b94b; color: #f2b94b; }
html.dark .lk-wallet__tab { border-radius: 999px; }
html.dark .lk-wallet__tab.is-active { background: #f2b94b; border-color: #f2b94b; color: #1a1408; }
html.dark .lk-donate__history-row { border-radius: 12px; }

@media (max-width: 720px) {
  .lk-wl-top { position: static; }
  .lk-wl-top__row { padding: 8px 12px; }
  .lk-wl-top__tools { margin-left: 0; flex-wrap: wrap; }
  .lk-wl-top__nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .lk-wl-top__nav::-webkit-scrollbar { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .lk-wl-top__link { transition: none; }
}

/* ---------- Чистовая правка каркаса (по скриншотам) ---------- */
/* без рамки/фона HUD вокруг контента и подвала */
.lk-theme-wallet .lk-wrapper { padding: 0 !important; }
.lk-theme-wallet .layout-page,
.lk-theme-wallet .lk-page,
.lk-theme-wallet .lk-content,
.lk-theme-wallet .layout-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.lk-theme-wallet .lk-content { padding: 24px 20px 40px !important; }
.lk-theme-wallet .lk-footer {
  border: 0 !important;
  background: transparent !important;
  color: #6f7077;
  justify-content: center !important;
  padding: 16px 20px 28px;
}
/* шапка во всю ширину, внутренние ряды — по ширине контента (на широких экранах до 1600px) */
.lk-wl-top { width: 100%; }
.lk-wl-top__row { max-width: min(1600px, calc(100vw - 32px)); }
.lk-theme-wallet .layout-page,
.lk-theme-wallet .lk-page { max-width: min(1600px, calc(100vw - 32px)); }
/* страницы ЛК (pages/*.css держали 1180px) - на всю ширину .lk-page; вход остаётся узким */
html.dark.lk-theme-wallet .lk-b-dash,
html.dark.lk-theme-wallet .lk-b-donate,
html.dark.lk-theme-wallet .lk-b-rt,
html.dark.lk-theme-wallet .lk-b-st,
html.dark.lk-theme-wallet .lk-bp.lk-b-bp { max-width: none !important; }
/* инструменты шапки — одной строкой */
.lk-wl-top__tools,
.lk-wl-top__tools .lk-navbar { flex-wrap: nowrap !important; }
.lk-wl-top__tools .lk-navbar { gap: 6px !important; }
.lk-wl-top__tools .btn-ava,
.lk-wl-top__tools .lk-user-chip img { width: 36px !important; height: 36px !important; }
html.dark.lk-theme-wallet .lk-wrapper,
html.dark.lk-theme-wallet .lk-wrapper .layout-page.lk-page,
html.dark.lk-theme-wallet .lk-wrapper .lk-content {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.dark.lk-theme-wallet,
html.dark.lk-theme-wallet body { background: #131417 !important; background-image: none !important; }
html.dark .lk-theme-preview-bar span b { color: #1a1408 !important; font-weight: 800; }

/* ---------- Заголовки блоков (.box-title) и коробки .box из HUD — в стиле B ---------- */
html.dark.lk-theme-wallet .box,
html.dark.lk-theme-wallet .report-card {
  border-radius: 20px !important;
  background: #1d1e23 !important;
  border: 1px solid #2c2d33 !important;
  box-shadow: none !important;
}
html.dark.lk-theme-wallet .box:nth-child(even),
html.dark.lk-theme-wallet .report-card:nth-child(even) { background: #1d1e23 !important; }
html.dark.lk-theme-wallet .box-title,
html.dark.lk-theme-wallet .report-card .title {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 0 12px !important;
  margin: 0 0 4px !important;
  font-family: var(--lk-display) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #ececee !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-shadow: none !important;
}
html.dark.lk-theme-wallet .box-title svg { width: 24px; height: 24px; color: #f2b94b; flex-shrink: 0; }

/* полоса предпросмотра: название темы тёмным (у HUD на <b> заливка текста) */
html.dark .lk-theme-preview-bar span b {
  color: #1a1408 !important;
  -webkit-text-fill-color: #1a1408 !important;
  background: none !important;
  filter: none !important;
}