/* Тема «Кошелёк (B)»: телефон и планшет. Нижняя панель вкладок, компактная шапка,
 * модалки на всю ширину, защита от горизонтального скролла. */

.lk-wl-tabbar { display: none; }

@media (max-width: 820px) {
  html.lk-theme-wallet,
  .lk-theme-wallet body { overflow-x: hidden; }

  /* шапка: логотип + баланс + инструменты; серверы прокручиваются; меню — по «Ещё» */
  .lk-wl-top { position: sticky; top: 0; }
  .lk-wl-top__row { padding: 8px 12px; gap: 8px; }
  .lk-wl-top__logo { font-size: 16px; }
  .lk-wl-top__tools { margin-left: auto; gap: 4px; }
  .lk-wl-top__tool { display: none; }
  .lk-wl-top.is-more-open .lk-wl-top__tool { display: inline-block; }
  .lk-wl-srv {
    order: 3;
    flex: 1 1 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 -12px;
    padding: 0 12px 2px;
  }
  .lk-wl-srv::-webkit-scrollbar { display: none; }
  .lk-wl-srv__item { flex: 0 0 auto; }
  .lk-wl-top__row--nav { display: none; }
  .lk-wl-top.is-more-open .lk-wl-top__row--nav { display: flex; }
  .lk-wl-top.is-more-open .lk-wl-top__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    overflow: visible;
  }
  .lk-wl-top.is-more-open .lk-wl-top__link {
    padding: 12px 14px;
    background: #1d1e23;
    text-align: center;
  }
  .lk-wl-top.is-more-open .lk-wl-top__link.is-active { background: #f2b94b; }

  /* нижняя панель */
  .lk-wl-tabbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 45;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    padding: 4px max(6px, env(safe-area-inset-left, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(6px, env(safe-area-inset-right, 0px));
    background: #17181c;
    border-top: 1px solid #26272c;
  }
  .lk-wl-tabbar a,
  .lk-wl-tabbar button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 52px;
    padding: 4px 2px;
    border: 0;
    background: none;
    color: #a6a7ad !important;
    font: 600 11px/1.1 var(--lk-font);
    text-decoration: none !important;
    cursor: pointer;
  }
  .lk-wl-tabbar svg { width: 22px; height: 22px; }
  .lk-wl-tabbar .is-active { color: #f2b94b !important; }
  .lk-wl-tabbar span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  /* место под нижнюю панель */
  .lk-theme-wallet .lk-content { padding: 12px !important; padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; }
  .lk-theme-wallet .lk-footer { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }

  /* модалки и боковые панели MoonShine — на всю ширину */
  html.dark .modal-dialog,
  html.dark .modal .modal-dialog {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 8px auto !important;
  }
  html.dark .modal-content { border-radius: 18px !important; }
  html.dark .offcanvas,
  html.dark .offcanvas-template { width: 100vw !important; max-width: 100vw !important; }

  /* таблицы и широкие блоки не раздвигают страницу */
  .lk-theme-wallet .lk-content table { display: block; max-width: 100%; overflow-x: auto; }
  .lk-theme-wallet .lk-content img { max-width: 100%; height: auto; }
  .lk-theme-wallet .lk-content .grid { min-width: 0; }

  /* удобные касания */
  html.dark .lk-content .btn { min-height: 44px; }
  html.dark .lk-content input,
  html.dark .lk-content select { min-height: 44px; font-size: 16px !important; } /* 16px — без автозума iOS */

  /* плавающий мини-чат не перекрывает нижнюю панель */
  .lk-theme-wallet .mini-chat,
  .lk-theme-wallet [class*="mini-chat"] { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; }
}

@media (max-width: 380px) {
  .lk-wl-top__balance { padding: 7px 9px; font-size: 14px; }
  .lk-wl-tabbar span { font-size: 10px; }
}

/* ---------- Чистовая правка телефона (по скриншотам) ---------- */
@media (max-width: 820px) {
  .lk-wl-top__row:first-child { flex-wrap: wrap; }
  .lk-wl-top__logo { flex: 0 0 auto; }
  .lk-wl-top__tools { flex: 0 1 auto; margin-left: auto !important; flex-wrap: nowrap !important; min-width: 0; }
  .lk-wl-top__tools .lk-navbar > * { flex: 0 0 auto; }
  .lk-wl-top__balance { padding: 7px 10px; font-size: 14px; }
  .lk-theme-wallet .lk-content { padding: 14px 12px calc(88px + env(safe-area-inset-bottom, 0px)) !important; }

  /* полоса предпросмотра — компактно в одну-две строки */
  .lk-theme-preview-bar { padding: 8px 12px !important; gap: 6px 10px !important; font-size: 12.5px !important; }
  .lk-theme-preview-bar button,
  .lk-theme-preview-bar a { padding: 6px 10px !important; }
}
@media (max-width: 380px) {
  .lk-wl-top__logo { font-size: 14px; }
}