/* App Badge Stilleri */
.app-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background-color: var(--bg-dark-tertiary);
    color: var(--text-color-dark);
    border-radius: var(--border-radius);
    margin-right: 0.5rem;
    margin-top: 1rem;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    position: relative;
}

.app-badge i {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.app-badge:hover {
    background-color: var(--primary-color);
    color: var(--light-color);
}

.app-badge.coming-soon {
    opacity: 0.8;
    cursor: default;
}

.app-badge.coming-soon:hover {
    background-color: var(--bg-dark-tertiary);
    color: var(--text-color-dark);
}

.soon-badge {
    font-size: 0.7rem;
    background-color: var(--primary-color);
    color: var(--light-color);
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    font-weight: 600;
}