.Title_Img {
    border-bottom: 1px solid #5d6488;
}
.Title_Img img {
    width: 100%;
    display: block;
}

.whale-card {
    background: #1a1f3a;
    border-bottom: 1px solid #5d6488;
    padding: 15px;
    display: flex;
    align-items: center;
    padding-top: 10px;
}
.whale-icon {
    margin-right: 15px;
}
.whale-icon img {
    width: 35vw;
    margin-top: 10px;
}
.whale-info {
    color: #e0e0e0;
    font-size: 12px;
    flex: 1;
    min-width: 0;
}
.whale_symbol {
    display: flex;
    margin-bottom: 7px;
}
.whale_symbol label {
    display: flex;
    align-items: center;
    gap: 5px;
}
.whale_symbol label img {
    width: 8vw;
}
.Whale_symbol_Name {
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: 10px;
}
.Whale_symbol_Name span {
    color: #ddd;
    font-size: 11px;
}

.whale-details {
    display: flex;
    font-size: 0.9rem;
    margin-bottom: 5px;
    width: 100%;
}
.trade-direction {
    display: inline-block;
    min-width: 38px;
    padding: 2px 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
.trade-direction.buy {
    background: #16803c;
}
.trade-direction.sell {
    background: #bf3131;
}
.whale-details .Right {
    margin-left: auto;
}

.quick-coins {
    display: flex;
    gap: 10px;
    padding: 10px;
    background: #040b1b;
    border-bottom: 1px solid #5d6488;
    align-items: center;
    justify-content: center;
}
.quick-coins a {
    flex: 1;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

.Whale_Search {
    padding: 10px;
    background: #1a1f3a;
    border-bottom: 1px solid #5d6488;
    display: flex;
    justify-content: center;
}

.Whale_select {
    padding: 10px;
    background: #040b1b;
    border-bottom: 1px solid #5d6488;
    display: flex;
    justify-content: center;
}

input {
    width: 100%;
    background-color: #040b1b;    /* 배경색 */
    color: #e0e0e0;              /* 글자색 */
    border: 1px solid #444;      /* 테두리 */
    padding: 10px 15px;          /* 여백 */
    border-radius: 4px;          /* 둥근 모서리 */
    font-size: 0.8rem;             /* 모바일 가독성을 위해 16px 권장 */
    outline: none;               /* 포커스 시 기본 파란 테두리 제거 */
}
button {
    width: 100%;
    background-color: #092057;    /* 배경색 */
    color: #e0e0e0;              /* 글자색 */
    border: 1px solid #444;      /* 테두리 */
    padding: 10px 5px;          /* 여백 */
    border-radius: 4px;          /* 둥근 모서리 */
    font-size: 0.8rem;             /* 모바일 가독성을 위해 16px 권장 */
    outline: none;               /* 포커스 시 기본 파란 테두리 제거 */
    cursor: pointer;
}

/* 셀렉트 메뉴 전체 스타일 */
select {
    width: 180px;
    background-color: #1a1f3a;    /* 배경색 */
    color: #e0e0e0;              /* 글자색 */
    border: 1px solid #444;      /* 테두리 */
    padding: 10px 10px;          /* 여백 */
    border-radius: 4px;          /* 둥근 모서리 */
    font-size: 0.8rem;             /* 모바일 가독성을 위해 16px 권장 */
    outline: none;               /* 포커스 시 기본 파란 테두리 제거 */
    cursor: pointer;
    appearance: none;            /* 브라우저 기본 화살표 숨기기 */
    -webkit-appearance: none;    /* 모바일 Safari 대응 */
    margin-right: 10px;
}

/* 포커스 되었을 때의 스타일 */
select:focus {
    border-color: #bb86fc;       /* 강조 색상 */
}

/* 옵션(내부 목록) 스타일 */
select option {
    background-color: #1a1a1a;
    color: #e0e0e0;
    padding: 10px;
}

select::-webkit-scrollbar {
    width: 8px;
}
select::-webkit-scrollbar-track {
    background: #0f172a;
}
select::-webkit-scrollbar-thumb {
    background: #2a3458;
}