@charset "UTF-8";
.mini-wallet {
  flex: 1 1 50%;
  background: #1E2026;
  border: 1px solid #333;
  color: #EAECEF;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.mini-wallet .tabs {
  display: flex;
  margin-bottom: 8px;
}

.mini-wallet .tabs button {
  flex: 1;
  padding: 4px;
  background: #333;
  border: 1px solid #444;
  color: #EAECEF;
  cursor: pointer;
}

.mini-wallet .tabs button.active {
  background: #444;
  font-weight: bold;
}

.mini-wallet .tab-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none; /* hide default scrollbar */
}

.mini-wallet .tab-content::-webkit-scrollbar {
  display: none;
}

/* 지갑 정보 가독성 향상 */
.mini-wallet .balance p {
  margin: 2px 0;
  font-size: 0.9rem;
  line-height: 1.3;
  font-weight: 500;
}

/*.mini-wallet .balance span {
  color: #ffd266;
  font-weight: 600;
}*/

#mini-profit {
  font-weight: bold;
  
}
.mini-wallet .balance,
.mini-wallet .history,
.mini-wallet .orders {	
  display: none;
}

.mini-wallet .orders,
.mini-wallet .history {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none; /* hide default scrollbar */
}

.mini-wallet .orders::-webkit-scrollbar,
.mini-wallet .history::-webkit-scrollbar {
  display: none;
}

.mini-wallet .balance.active,
.mini-wallet .orders.active,
.mini-wallet .history.active {
  display: block;
  height: 100%;
}

#mini-history {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mini-orders {
  list-style: none;
  padding: 0;
  margin: 0;
}

#mini-history li {
	          display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  border-bottom: 1px solid #444;
  padding: 2px 0;
  }

#mini-orders li {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
  border-bottom: 1px solid #444;
  padding: 2px 0;
}

#mini-history li span {
  flex: 1;
}

#mini-orders li span {
  flex: 1;
}

#mini-history li span:nth-child(1) {
  text-align: left;
    flex: 0 0 auto;
  white-space: nowrap;
}

#mini-orders li span:nth-child(1) {
  text-align: left;
    flex: 0 0 auto;
  white-space: nowrap;
}

#mini-history li span:nth-child(2),
#mini-history li span:nth-child(3) {
  text-align: center;
}

#mini-orders li span:nth-child(2),
#mini-orders li span:nth-child(3),
#mini-orders li span:nth-child(4) {
  text-align: center;
}

#mini-history li span:nth-child(4) {
  text-align: right;
}

#mini-orders li span:nth-child(5) {
  text-align: right;
}

#mini-history .cancel-btn {
  margin: 0 4px;
  font-size: 0.75rem;
  padding: 2px 4px;
}

#mini-orders .cancel-btn {
  margin: 0 4px;
  font-size: 0.75rem;
  padding: 2px 4px;
}

/* 매수 - 초록색 */
#mini-history li.buy span:nth-child(1),
#mini-orders li.buy span:nth-child(1),
#mini-history li.buy span:nth-child(3),
#mini-orders li.buy span:nth-child(3) {
    color: #00b386;
}

/* 매도 - 빨간색 */
#mini-history li.sell span:nth-child(1),
#mini-orders li.sell span:nth-child(1),
#mini-history li.sell span:nth-child(3),
#mini-orders li.sell span:nth-child(3) {
    color: #ff4d4f;
}

#mini-orders li.canceled span:nth-child(1) {
    color: #bbb;
}
.balance-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap; /* 전체 줄바꿈 방지 */
}

.balance-item .label {
  flex: 1;
  color: inherit; /* 노란색 제거, 기본색 유지 */
}

.balance-item .right-group {
  flex: 1;
  text-align: right;
  white-space: nowrap; /* 숫자+단위 한 줄 유지 */
}

.balance-item .value{
	color: #ffffff;
	font-weight:600;
}

.balance-item .unit {
  color: #999999 ;
  font-weight: 500;
  display: inline;
}