.navbar-service-wallet .wallet-toggle {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.75rem;
    padding: .35rem .7rem;
    border: 1px solid rgba(var(--bs-primary-rgb, 105, 108, 255), .18);
    border-radius: .8rem;
    background: rgba(var(--bs-primary-rgb, 105, 108, 255), .07);
    color: var(--bs-heading-color);
}

.navbar-service-wallet .wallet-toggle:hover,
.navbar-service-wallet .wallet-toggle:focus-visible {
    background: rgba(var(--bs-primary-rgb, 105, 108, 255), .13);
    color: var(--bs-heading-color);
}

.wallet-toggle__icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(var(--bs-success-rgb, 113, 221, 55), .16);
    color: var(--bs-success);
}

.wallet-toggle__status {
    position: absolute;
    right: -.05rem;
    bottom: .05rem;
    width: .55rem;
    height: .55rem;
    border: 2px solid var(--bs-body-bg);
    border-radius: 50%;
    background: var(--bs-success);
}

.wallet-toggle__copy { display: flex; flex-direction: column; align-items: flex-end; min-width: 7.4rem; text-align: right; line-height: 1.1; }
.wallet-toggle__label { color: var(--bs-secondary-color); font-size: .68rem; }
.wallet-toggle__amount { width: 100%; color: var(--bs-heading-color); font-size: .84rem; font-weight: 700; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

.navbar-service-wallet[data-wallet-status="depleted"] .wallet-toggle__icon,
.navbar-service-wallet[data-wallet-status="error"] .wallet-toggle__icon {
    background: rgba(var(--bs-danger-rgb, 255, 62, 29), .14);
    color: var(--bs-danger);
}
.navbar-service-wallet[data-wallet-status="depleted"] .wallet-toggle__status,
.navbar-service-wallet[data-wallet-status="error"] .wallet-toggle__status { background: var(--bs-danger); }
.navbar-service-wallet[data-wallet-status="not_configured"] .wallet-toggle__status,
.navbar-service-wallet[data-wallet-status="loading"] .wallet-toggle__status { background: var(--bs-secondary); }

.navbar-service-wallet .dropdown-menu {
    width: min(24rem, calc(100vw - 1.5rem));
    overflow: hidden;
    border: 1px solid rgba(var(--bs-primary-rgb, 105, 108, 255), .14);
    box-shadow: 0 1.25rem 3rem rgba(20, 22, 45, .24);
}

.wallet-panel__hero {
    background: linear-gradient(135deg, rgba(var(--bs-primary-rgb, 105, 108, 255), .15), rgba(var(--bs-info-rgb, 3, 195, 236), .05));
}
.wallet-panel__hero > .d-flex > div:first-child { flex: 1 1 auto; min-width: 0; }

.wallet-panel__amount { display: block; width: 100%; color: var(--bs-heading-color); font-size: 1.65rem; line-height: 1.1; text-align: right; font-variant-numeric: tabular-nums; }
.wallet-panel__metric { border: 1px solid var(--bs-border-color); border-radius: .75rem; padding: .75rem; background: rgba(var(--bs-secondary-rgb, 133, 146, 163), .03); }
.wallet-panel__metric strong, .wallet-panel__metric span { display: block; }
.wallet-panel__metric strong { text-align: right; font-variant-numeric: tabular-nums; }
.wallet-panel__metric span { margin-bottom: .2rem; color: var(--bs-secondary-color); font-size: .7rem; }
.wallet-panel__carrier + .wallet-panel__carrier { margin-top: .7rem; }
.wallet-panel__carrier-bar { height: .32rem; overflow: hidden; border-radius: 1rem; background: rgba(var(--bs-secondary-rgb, 133, 146, 163), .13); }
.wallet-panel__carrier-fill { height: 100%; border-radius: inherit; background: var(--bs-primary); }

@media (max-width: 575.98px) {
    .navbar-service-wallet { margin-right: .35rem !important; }
    .navbar-service-wallet .wallet-toggle { min-height: 2.5rem; padding: .25rem; border-color: transparent; background: transparent; }
    .wallet-toggle__copy { display: none; }
}