/* Streamcio 1.7.4 · Paywall etap 3 · wyłącznie informacyjny podgląd funkcji. */
.premium-feature-preview-v174 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid rgba(168, 85, 247, .42);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(88, 28, 135, .22), rgba(30, 41, 59, .62));
    color: #e9ddff;
}
.premium-feature-preview-v174 > div { display: grid; gap: 3px; min-width: 0; }
.premium-feature-preview-v174 strong { color: #f5efff; font-size: .92rem; }
.premium-feature-preview-v174 p { margin: 0; color: rgba(226, 232, 240, .72); font-size: .8rem; line-height: 1.45; }
.premium-feature-badge-v174 {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(192, 132, 252, .48);
    background: rgba(126, 34, 206, .24);
    color: #d8b4fe;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.premium-feature-preview-v174.is-included { border-color: rgba(52, 211, 153, .35); background: rgba(6, 78, 59, .2); }
.premium-feature-preview-v174.is-included .premium-feature-badge-v174 { border-color: rgba(52, 211, 153, .4); background: rgba(5, 150, 105, .18); color: #6ee7b7; }
.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; }
@media (max-width: 720px) {
    .premium-feature-preview-v174 { align-items: flex-start; flex-direction: column; }
}