Billing upgrade/downgrade, inviti in app e diretta YouTube da mobile.

Upgrade Stripe con addebito immediato; downgrade programmato a fine periodo.
UX billing più sobria con box info; icone piani. API inviti e OAuth YouTube
per staff trasmissione; deep link join; scelta partita programmata o nuova.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-02 22:15:27 +02:00
parent 2cb267f991
commit 566104aff4
49 changed files with 1615 additions and 173 deletions

View File

@@ -943,7 +943,31 @@ body.nav-menu-open { overflow: hidden; }
padding: 24px;
box-sizing: border-box;
}
.plan-card h3 { margin: 0 0 8px; }
.plan-card h3,
.plan-card__title {
margin: 0 0 8px;
}
.plan-card__title {
display: flex;
align-items: center;
gap: 16px;
font-size: 1.15rem;
}
.plan-card__title i {
flex-shrink: 0;
width: 1.25rem;
text-align: center;
color: #e53935;
}
.plan-card__title i.fa-seedling {
color: #81c784;
}
.plan-card__title i.fa-rocket {
color: #64b5f6;
}
.plan-card__title i.fa-crown {
color: #ffb74d;
}
.plan-price { font-size: 1.8rem; font-weight: 800; margin: 12px 0; }
.plan-card ul {
flex: 1 1 auto;
@@ -1190,3 +1214,59 @@ label { display: block; margin-bottom: 6px; font-size: 0.9rem; color: #c8c8d4; f
font-size: 0.85rem;
margin: 8px 0 0;
}
.plan-change-info-wrap {
margin-top: 16px;
}
.plan-change-info {
display: inline-block;
}
.plan-change-info__trigger {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
cursor: pointer;
color: #888;
list-style: none;
user-select: none;
}
.plan-change-info__trigger:hover {
background: #1e1e28;
}
.plan-change-info__trigger::-webkit-details-marker {
display: none;
}
.plan-change-info__trigger i {
color: #635bff;
font-size: 1.1rem;
}
.plan-change-info[open] .plan-change-info__trigger {
color: #ddd;
background: #1e1e28;
}
.plan-change-info__box {
margin-top: 12px;
max-width: 640px;
padding: 14px 16px;
background: #14141c;
border: 1px solid #2a2a36;
border-radius: 10px;
color: #aaa;
font-size: 0.88rem;
line-height: 1.55;
}
.plan-change-info__title {
margin: 0 0 10px;
color: #ddd;
font-weight: 600;
font-size: 0.92rem;
}
.plan-change-info__box ul {
margin: 0;
padding-left: 1.2rem;
}
.plan-change-info__box li + li {
margin-top: 8px;
}