/* Streamcio 1.7.4 · Premium stage 8 · złote oznaczenia i czytelny stan funkcji. */
@keyframes premiumBadgeShimmerV174 {
    0%, 64%, 100% { transform: translateX(-150%) skewX(-18deg); }
    82% { transform: translateX(260%) skewX(-18deg); }
}

.premium-badge-inline-v174,
.premium-feature-badge-v174 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 25px;
    padding: 4px 10px;
    border: 1px solid rgba(250, 204, 21, .58);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(120, 74, 8, .82), rgba(68, 42, 7, .88));
    box-shadow: inset 0 1px 0 rgba(255, 244, 181, .18), 0 0 14px rgba(245, 158, 11, .12);
    color: #fde68a;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .055em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
}

.premium-badge-inline-v174::after,
.premium-feature-badge-v174::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -35% auto -35% -35%;
    width: 30%;
    background: linear-gradient(90deg, transparent, rgba(255, 250, 220, .55), transparent);
    animation: premiumBadgeShimmerV174 4.8s ease-in-out infinite;
    pointer-events: none;
}

.premium-badge-inline-v174.is-active,
.premium-feature-preview-v174.is-active .premium-badge-inline-v174 {
    border-color: rgba(253, 224, 71, .82);
    background: linear-gradient(135deg, #9a6708, #5d3504);
    color: #fff3b0;
    box-shadow: inset 0 1px 0 rgba(255, 250, 210, .28), 0 0 18px rgba(245, 158, 11, .2);
}

.premium-badge-inline-v174.is-compact {
    min-height: 18px;
    padding: 2px 6px;
    font-size: .53rem;
    letter-spacing: .045em;
}

.premium-feature-preview-v174 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    overflow: hidden;
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid rgba(245, 158, 11, .38);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(92, 56, 7, .25), rgba(30, 41, 59, .64));
    color: #f8ecd0;
}

.premium-feature-preview-v174::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 92% 0%, rgba(250, 204, 21, .09), transparent 38%);
    pointer-events: none;
}

.premium-feature-preview-v174 > div { display: grid; gap: 3px; min-width: 0; position: relative; }
.premium-feature-preview-v174 strong { color: #fff7dc; font-size: .92rem; }
.premium-feature-preview-v174 p { margin: 0; color: rgba(226, 232, 240, .76); font-size: .8rem; line-height: 1.45; }
.premium-feature-preview-v174.is-active { border-color: rgba(250, 204, 21, .58); background: linear-gradient(135deg, rgba(120, 74, 8, .3), rgba(30, 41, 59, .68)); }
.premium-feature-preview-v174.is-enforced:not(.is-active) { border-color: rgba(245, 158, 11, .5); }

.owner-exact-side-link-v151 .premium-badge-inline-v174 { margin-left: auto; }
.module-tile .premium-badge-inline-v174 { margin-left: 5px; }
.premium-control-v174 { gap: 7px; }
h3 > .premium-badge-inline-v174,
label > .premium-badge-inline-v174 { margin-left: 6px; }

.premium-feature-catalog-v174 td:first-child small { display: block; margin-top: 4px; max-width: 620px; }
.premium-feature-switch-v174 { display: inline-flex; align-items: center; justify-content: center; }
.premium-feature-switch-v174 input { width: 19px; height: 19px; accent-color: #8b5cf6; }
.premium-feature-state-v174 { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: .7rem; font-weight: 800; background: rgba(100,116,139,.18); color: #aab8d0; }
.premium-feature-state-v174.is-existing { background: rgba(16,185,129,.13); color: #6ee7b7; }
.premium-feature-state-v174.is-enforced { border: 1px solid rgba(250,204,21,.38); background: rgba(146,94,8,.22); color: #fde68a; }

@media (max-width: 720px) {
    .premium-feature-preview-v174 { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .premium-badge-inline-v174::after,
    .premium-feature-badge-v174::after { animation: none; display: none; }
}