.page-content {
    padding: 16px;
    margin-top: 64px;
    background-color: var(--secondary-bg);
    padding-bottom: 74px;
}

/* Withdraw Box */
.withdraw-box {
    background-color: var(--primary-bg);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    box-shadow: var(--shadow-sm);
}

.money-box-t {
    text-align: center;
    margin-bottom: 20px;
}

.number-grow-wrap {
    font-size: 36px;
    font-weight: 700;
    color: var(--text-dark);
    display: inline-block;
}

.unit {
    color: var(--accent-blue);
}

.money-desc {
    color: var(--text-medium);
    font-size: 14px;
    margin-top: 8px;
}

.name-desc {
    margin-top: 12px;
    font-size: 14px;
    color: var(--text-medium);
}

.name-desc label {
    margin-right: 4px;
}

.withdrawalTimes {
    color: var(--accent-blue);
    font-weight: 600;
}

/* Money Box Options */
.money-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.tip-item {
    flex: 1 1 calc(50% - 6px);
    background-color: var(--secondary-bg);
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--border-color);
    min-width: 120px;
}

.tip-item:hover {
    /*transform: translateY(-2px);*/
    box-shadow: var(--shadow-md);
}

.tip-item.first-box {
    /*background-color: var(--accent-green);*/
    border: none;
}

/*.tip-item.first-box .first-desc,*/
/*.tip-item.first-box .name-t,*/
/*.tip-item.first-box .name-d {*/
/*    color: white;*/
/*}*/

.first-desc {
    font-size: 12px;
    margin-bottom: 8px;
    color: var(--text-medium);
}

.name-t {
    font-weight: 600;
    font-size: 16px;
    display: block;
    color: var(--text-dark);
}

.name-d {
    font-size: 12px;
    color: var(--text-medium);
    margin-top: 4px;
}

/* Bank Card */
.bankcard-list {
    margin-bottom: 16px;
}

.bankcard {
    background-color: var(--primary-bg);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-color);
}

.bankcard:not(.bankcard-add) .bank-left {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.b-left-name {
    font-size: 16px;
    color: var(--text-dark);
}

.b-left-no {
    font-size: 14px;
    color: var(--text-medium);
    margin-top: 4px;
}

.bank-right {
    display: flex;
    align-items: center;
}

.b-right-ifc {
    font-size: 14px;
    color: var(--text-medium);
    margin-right: 8px;
}

/* Withdraw Button */
.add {
    background-color: var(--accent-blue);
    color: white;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-top: 20px;
    border: none;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
}

.add:hover {
    background-color: #e05a3e;
}

.dsiabledBtn {
    opacity: 0.6;
    cursor: not-allowed;
}
.country-icon-wrap img{
    width: 60px;
}

/* Popups */
.popup {
    background-color: var(--primary-bg);
}

.popup-withdraw-check .page-content {
    padding: 16px;
}

.GGGGT {
    background-color: var(--primary-bg);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

.tig {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-color);
}

.tig:last-child {
    border-bottom: none;
}

.bbb-left {
    color: var(--text-medium);
}

.bbb-right {
    font-weight: 600;
}
.bbb-right label{
    margin-right: 4px;
}

.bbb-wa {
    color: var(--text-dark);
}

.bbb-sc {
    color: var(--accent-green);
}

.bbb-aa {
    color: var(--accent-blue);
}

.hunagbtn {
    background-color: var(--accent-blue);
    color: white;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
}

/* Payment Channel */
.payment-channel-list {
    margin-bottom: 16px;
}

.payment-channel-submit-wrap {
    padding: 16px;
}

.button-fill {
    background-color: var(--accent-blue);
    color: white;
}
/* Selected state styles for tip-item */
.money-box .tip-item:not(.unavailable) {
    background-color: var(--accent-green);
    color: white;
    box-shadow: 0 0 0 2px rgba(74, 255, 219, 0.3);
}
.money-box .tip-item.first-box:not(.unavailable) {
    background-color: var(--accent-green);
}

.money-box .tip-item:not(.unavailable) .first-desc,
.money-box .tip-item:not(.unavailable) .name-t,
.money-box .tip-item:not(.unavailable) .name-d,
.money-box .tip-item:not(.unavailable) .f7-icons {
    color: white;
}


/* Responsive adjustments */
@media (max-width: 480px) {
    .tip-item {
        flex: 1 1 100%;
    }
}