﻿/* LifeSol TEST — исправление масштаба на iPhone */

#lifeSolTransferForm {
  width: calc(100% - 32px) !important;
  max-width: 420px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  margin: 24px auto !important;
  overflow-wrap: anywhere;
}

#lifeSolTransferForm input {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
}

#solTransferStatus {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.5;
}

#lifeSolTransferForm button {
  max-width: 100%;
  box-sizing: border-box;
  font-size: 16px;
}

/* LifeSol TEST: реальные изображения активов */
.ls-asset-symbol,
.ls-asset-symbol.ls,
.ls-asset-symbol.usdt,
.ls-asset-symbol.sol {
  width: 44px !important;
  height: 44px !important;
  background: transparent !important;
  border-radius: 50% !important;
  overflow: hidden;
}

.ls-real-token-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
  display: block;
}

/* LifeSol TEST — оформление строк кошелька */
#farmingWalletBalances .lifesol-asset-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px !important;
  margin: 10px 0 !important;
  background: rgba(0, 5, 18, 0.72);
  border: none !important;
  border-radius: 22px;
  min-height: 58px;
  box-sizing: border-box;
}

#farmingWalletBalances .lifesol-asset-row .ls-asset-name {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  font-size: 16px;
}

#farmingWalletBalances .lifesol-asset-row strong {
  font-size: 16px;
}

#farmingWalletBalances .lifesol-asset-row:active {
  background: rgba(25, 35, 65, 0.95);
}

/* LifeSol TEST — мягкие подложки, стиль SafePal */
#farmingWalletBalances .lifesol-asset-row {
  background: rgba(5, 12, 30, 0.46) !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 17px !important;

  min-height: 72px;
  padding: 12px 14px !important;
  margin: 8px 0 !important;
}

#farmingWalletBalances .lifesol-asset-row:active {
  background: rgba(18, 31, 58, 0.72) !important;
}

#farmingWalletBalances .ls-asset-name {
  gap: 13px !important;
  font-size: 16px !important;
  color: #f2f5ff;
}

#farmingWalletBalances .ls-asset-symbol {
  width: 46px !important;
  height: 46px !important;
  flex-shrink: 0;
}

#farmingWalletBalances .lifesol-asset-row strong {
  font-size: 17px !important;
  color: #ffffff;
}

#farmingWalletBalances .lifesol-asset-row small {
  font-size: 12px !important;
  color: #a6b4cf !important;
}


/* LifeSol TEST — объёмный кошелёк */
#farmingWalletBalances {
    position: relative;
    border-radius: 26px !important;
    background: linear-gradient(
        145deg,
        rgba(20, 34, 68, 0.92),
        rgba(5, 12, 30, 0.96)
    ) !important;
    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        inset 0 -2px 8px rgba(0, 0, 0, 0.16) !important;
}

/* Приподнятые карточки активов */
#farmingWalletBalances .lifesol-asset-row {
    background: linear-gradient(
        155deg,
        rgba(38, 53, 84, 0.73),
        rgba(9, 17, 38, 0.88)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    border-radius: 19px !important;
    box-shadow:
        0 7px 15px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease,
        background 0.16s ease;
    cursor: pointer;
}

#farmingWalletBalances .lifesol-asset-row:active {
    transform: translateY(2px) scale(0.99);
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.24),
        inset 0 2px 5px rgba(0, 0, 0, 0.22) !important;
}

/* Монеты чуть выделяются на поверхности */
#farmingWalletBalances .ls-asset-symbol {
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.36));
}

/* Кнопки кошелька — ощущение нажатия */
#farmingWalletBalances button {
    cursor: pointer;
    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.17);
    transition: transform 0.15s ease;
}

#farmingWalletBalances button:active {
    transform: translateY(2px);
}


/* ================================
   LifeSol TEST — ещё больше объёма
   ================================ */

/* 1) Кошелёк: активы чуть выше и сочнее */
#farmingWalletBalances .lifesol-asset-row {
  min-height: 104px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-radius: 22px !important;
}

#farmingWalletBalances .lifesol-asset-row strong {
  font-size: 20px !important;
}

#farmingWalletBalances .lifesol-asset-row small {
  font-size: 13px !important;
  opacity: .92;
}

/* 2) Главная цветная картинка: добавить 3D-ощущение */
#homeScreen img[src*="hero_bg"],
#homeScreen img[src*="hero"],
#homeScreen .hero-bg,
#homeScreen .hero-image,
#homeScreen .hero-scene,
#homeScreen .hero-preview,
#homeScreen .hero-banner {
  border-radius: 26px !important;
  border: 1px solid rgba(120, 210, 255, 0.18) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.34),
    0 8px 18px rgba(0, 210, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  filter:
    saturate(1.08)
    contrast(1.04)
    brightness(1.02);
  transform: translateZ(0);
}

/* Если картинка лежит в обёртке — и её тоже слегка приподнимем */
#homeScreen .hero-photo-wrap,
#homeScreen .hero-media,
#homeScreen .hero-card,
#homeScreen .hero-visual {
  border-radius: 28px !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 3) Лёгкий "глянец" для верхнего баланса */
#walletTotalUsd {
  text-shadow:
    0 2px 8px rgba(255,255,255,0.08),
    0 6px 18px rgba(0,0,0,0.18);
}

/* ================================
   LifeSol TEST — ещё больше объёма
   ================================ */

/* 1) Кошелёк: активы чуть выше и сочнее */
#farmingWalletBalances .lifesol-asset-row {
  min-height: 104px !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
  border-radius: 22px !important;
}

#farmingWalletBalances .lifesol-asset-row strong {
  font-size: 20px !important;
}

#farmingWalletBalances .lifesol-asset-row small {
  font-size: 13px !important;
  opacity: .92;
}

/* 2) Главная цветная картинка: добавить 3D-ощущение */
#homeScreen img[src*="hero_bg"],
#homeScreen img[src*="hero"],
#homeScreen .hero-bg,
#homeScreen .hero-image,
#homeScreen .hero-scene,
#homeScreen .hero-preview,
#homeScreen .hero-banner {
  border-radius: 26px !important;
  border: 1px solid rgba(120, 210, 255, 0.18) !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.34),
    0 8px 18px rgba(0, 210, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
  filter:
    saturate(1.08)
    contrast(1.04)
    brightness(1.02);
  transform: translateZ(0);
}

/* Если картинка лежит в обёртке — и её тоже слегка приподнимем */
#homeScreen .hero-photo-wrap,
#homeScreen .hero-media,
#homeScreen .hero-card,
#homeScreen .hero-visual {
  border-radius: 28px !important;
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* 3) Лёгкий "глянец" для верхнего баланса */
#walletTotalUsd {
  text-shadow:
    0 2px 8px rgba(255,255,255,0.08),
    0 6px 18px rgba(0,0,0,0.18);
}

/* LifeSol TEST: слегка сузить полоски активов */
#farmingWalletBalances .result-row {
  margin: 0 0 14px !important;
  padding: 16px 18px !important;
  min-height: 92px !important;
  border-radius: 24px !important;
}

#farmingWalletBalances .result-row > span,
#farmingWalletBalances .result-row .asset-name,
#farmingWalletBalances .result-row .token-name {
  font-size: 17px !important;
}

#farmingWalletBalances .result-row strong {
  font-size: 18px !important;
}

#farmingWalletBalances .result-row small {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

#farmingWalletBalances .ls-asset-symbol,
#farmingWalletBalances .ls-real-token-logo {
  width: 42px !important;
  height: 42px !important;
}

#farmingWalletBalances .result-row img {
  width: 42px !important;
  height: 42px !important;
}


/* LifeSol TEST — приподнятая верхняя картинка */
#homeScreen .coin-area {
    position: relative;
    transform: translateY(-5px);
    border-radius: 25px !important;
    box-shadow:
        0 16px 30px rgba(0, 0, 0, 0.42),
        0 5px 12px rgba(0, 190, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}


/* ===================================
   LifeSol TEST v29 — Premium Compact
   =================================== */

/* Весь кошелёк — более чёткая поверхность */
#farmingWalletBalances {
    background: linear-gradient(
        155deg,
        #152540 0%,
        #0b1831 55%,
        #081327 100%
    ) !important;

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(125, 215, 255, 0.12)
        !important;
}

/* Три монеты — компактнее и выразительнее */
#farmingWalletBalances .lifesol-asset-row {
    position: relative !important;

    width: calc(100% - 14px) !important;
    margin: 9px auto 12px !important;

    min-height: 76px !important;
    padding: 12px 15px !important;

    border-radius: 18px !important;

    background: linear-gradient(
        150deg,
        #1a2947 0%,
        #111e37 65%,
        #0b1730 100%
    ) !important;

    border: 1px solid rgba(137, 170, 220, 0.15) !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.06)
        !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* Тонкая бирюзовая линия слева */
#farmingWalletBalances .lifesol-asset-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18%;
    bottom: 18%;
    width: 3px;

    background: linear-gradient(
        180deg,
        #57dcff,
        #8971ff
    );

    border-radius: 0 3px 3px 0;
    opacity: 0.75;
}

/* Не уменьшаем оригинальные логотипы */
#farmingWalletBalances .ls-asset-symbol {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
}

/* Чёткое нажатие */
#farmingWalletBalances .lifesol-asset-row:active {
    transform: translateY(2px) scale(0.995);
    background: #172744 !important;
    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.30)
        !important;
}


/* ===================================
   LifeSol TEST v30 — Air / section gap
   =================================== */

/* Сам блок кошелька — больше воздуха снизу */
#farmingWalletBalances {
  margin-bottom: 24px !important;
  padding-bottom: 14px !important;
}

/* Следующий блок после кошелька — чуть отодвинуть вниз */
#farmingWalletBalances + div,
#farmingWalletBalances + section {
  margin-top: 8px !important;
}

/* Карточка "Что такое LifeSol Farming?" и похожие блоки —
   лёгкое отделение от кошелька */
.info-card,
.faq-card,
.lifesol-info-card,
.lifesol-section-card {
  margin-top: 10px !important;
}

/* Если следующий блок идёт обычной карточкой со скруглением */
#farmingWalletBalances ~ div[style*="border-radius:24px"] {
  margin-top: 12px !important;
}

