.main-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.tab-btn {
  height: 42px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  padding: 0 19px;
  cursor: pointer;
  font-weight: 900;
  font-size: 15px;
  line-height: 1;
}

.tab-btn.active {
  border-color: rgba(84,240,120,.72);
  background: var(--green-soft);
  color: #c9ffd2;
}

.tab-btn:hover {
  border-color: var(--line-strong);
}



.tab-btn {
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.main-tabs {
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.tab-btn {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  font-size: 15.5px !important;
  font-weight: 950 !important;
}

.tab-btn {
  height: 47px !important;
  min-height: 47px !important;
  padding: 0 23px !important;
  font-size: 15.5px !important;
}

/* V-Grow mobile bottom tabs 20260708 */
@media (max-width: 760px) {
  body {
    padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
  }

  #mainTabs.main-tabs {
    position: fixed !important;
    left: max(6px, env(safe-area-inset-left)) !important;
    right: max(6px, env(safe-area-inset-right)) !important;
    bottom: calc(7px + env(safe-area-inset-bottom)) !important;
    top: auto !important;
    z-index: 2147483000 !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    grid-auto-rows: 34px !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;

    width: auto !important;
    max-width: none !important;
    overflow: visible !important;

    border: 1px solid rgba(148,163,184,.24) !important;
    border-radius: 17px !important;
    background: rgba(7,9,15,.96) !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.46) !important;
    backdrop-filter: blur(12px) !important;
  }

  #mainTabs .tab-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 2px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.06em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  #mainTabs .tab-btn[data-tab="투자내역"],
  #mainTabs .tab-btn[data-tab="종목 추가"] {
    font-size: 9.5px !important;
    letter-spacing: -.09em !important;
  }

  #mainTabs .tab-btn[data-tab="관리자"] {
    position: fixed !important;
    top: calc(8px + env(safe-area-inset-top)) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 2147483001 !important;

    width: auto !important;
    min-width: 0 !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;

    background: rgba(255,255,255,.075) !important;
    border-color: rgba(148,163,184,.25) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
  }

  #mainTabs .tab-btn.active {
    box-shadow: inset 0 0 0 1px rgba(84,240,120,.16) !important;
  }
}