.account-page input.form-control,
.account-page .form-select {
    background-color: #fff;
}

.border-silver {
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #d4d4d4, #ebe5e5, #d4d4d4) border-box;
    box-shadow: 0 0 10px rgba(200, 200, 200, 0.6);
    animation: silver-pulse 2s infinite alternate;
}

@keyframes silver-pulse {
    0% {
        box-shadow: 0 0 10px rgb(210 206 206 / 60%);
    }

    100% {
        box-shadow: 0 0 25px rgb(221 212 212);
    }
}

.border-gold {
    border: 2px solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #e7d9ff, #dcdbd7, #e7d9ff) border-box;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
    animation: gold-pulse 2s infinite alternate;
}

@keyframes gold-pulse {
    0% {
        box-shadow: 0 0 10px rgb(117 63 148 / 40%)
    }

    100% {
        box-shadow: 0 0 20px rgb(184 150 195 / 70%);
    }
}

.icon-refresh-btn-global {
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 0;
    opacity: .75;
    transition: opacity .15s ease, transform .1s ease;
}

    .icon-refresh-btn-global:hover {
        opacity: 1;
    }

    .icon-refresh-btn-global:active {
        transform: scale(0.96);
    }

.icon-refresh-img {
    width: 1.5rem;
    height: auto;
    display: block;
}


@media (max-width: 1024px) {
    .limits-container {
        margin-bottom: 2rem !important;
        padding-bottom: 1.5rem !important;
    }

    .codes-section {
        margin-top: 1.5rem !important;
    }
}

.limits-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
    min-height: 2.5rem;
}

.limits-title {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    min-width: 0;
}

.limits-refresh-btn {
    flex-shrink: 0;
}

.codes-section {
    margin-top: 0 !important;
}

@media (max-width: 1024px) {
    .limits-container {
        margin-bottom: 2rem !important;
        padding-bottom: 1.5rem !important;
    }

    .codes-section {
        margin-top: 1.5rem !important;
    }

    .limits-header {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .limits-title {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {
    .limits-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }

    .limits-title {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .limits-header {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .limits-title {
        font-size: 1rem;
        flex-basis: calc(100% - 3rem);
    }

    .limits-refresh-btn {
        order: 2;
        margin-left: auto;
    }
}