.afg-live-topbar {
    border-bottom: 1px solid rgba(145, 71, 255, 0.28);
    background:
        linear-gradient(90deg, rgba(145, 71, 255, 0.18), rgba(11, 24, 41, 0.98) 28%, rgba(11, 24, 41, 0.98) 72%, rgba(59, 130, 246, 0.16));
}

.afg-live-topbar__inner {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.22rem 0;
}

.afg-live-topbar__stream,
.afg-live-topbar__app {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.42rem;
    text-decoration: none;
}

.afg-live-topbar__stream {
    color: #f5f7fb;
    font-size: 0.84rem;
    font-weight: 700;
}

.afg-live-topbar__stream i {
    color: #b98cff;
}

.afg-live-topbar__app {
    flex-shrink: 0;
    color: #bcd9ff;
    font-size: 0.78rem;
    font-weight: 600;
}

.afg-live-topbar__app i:first-child {
    color: #77b5ff;
}

.afg-live-topbar__stream:hover,
.afg-live-topbar__app:hover {
    color: #fff;
}

@media (max-width: 767.98px) {
    .afg-live-topbar__inner {
        min-height: 32px;
        justify-content: center;
    }

    .afg-live-topbar__stream {
        font-size: 0.8rem;
    }

    .afg-live-topbar__app {
        display: none;
    }
}

/* Konto-/App-Promo: gleiche kompakte Bauform wie die Livestream-Bar, aber separat steuerbar. */
.afg-account-topbar {
    border-bottom: 1px solid rgba(59, 130, 246, 0.28);
    background:
        linear-gradient(90deg, rgba(37, 99, 235, 0.18), rgba(11, 24, 41, 0.98) 30%, rgba(11, 24, 41, 0.98) 70%, rgba(16, 185, 129, 0.14));
}

.afg-account-topbar__inner {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.22rem 0;
}

.afg-account-topbar__account,
.afg-account-topbar__app {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.42rem;
    text-decoration: none;
}

.afg-account-topbar__account {
    color: #f5f7fb;
    font-size: 0.84rem;
    font-weight: 700;
}

.afg-account-topbar__account i:first-child {
    color: #7dd3fc;
}

.afg-account-topbar__account i:last-child {
    color: #93c5fd;
}

.afg-account-topbar__app {
    flex-shrink: 0;
    color: #b9f6da;
    font-size: 0.78rem;
    font-weight: 600;
}

.afg-account-topbar__app i:first-child {
    color: #6ee7b7;
}

.afg-account-topbar__account:hover,
.afg-account-topbar__app:hover {
    color: #fff;
}

@media (max-width: 767.98px) {
    .afg-account-topbar__inner {
        min-height: 32px;
        justify-content: center;
    }

    .afg-account-topbar__account {
        justify-content: center;
        font-size: 0.78rem;
        line-height: 1.25;
        text-align: center;
    }

    .afg-account-topbar__app {
        display: none;
    }
}