/* ViLo v8.1.1  -  membership, discovery, support, and Creator Studio interface repair */

/* Membership cards */
.tier-grid-v472{align-items:stretch!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:18px!important}
.tier-card-v811{display:flex!important;flex-direction:column!important;gap:0!important;min-height:100%!important;margin:0!important;padding:26px!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 88%,transparent))!important}
.tier-card-head-v811{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.tier-card-head-v811 small{display:block;margin-bottom:5px;color:var(--accent2);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.tier-card-head-v811 h3{margin:0;font-size:1.18rem;line-height:1.2}
.tier-card-v811 .tier-badges-v66{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.tier-price-block-v811{min-height:70px;margin-bottom:14px}
.tier-card-v811 .price{display:block!important;margin:0!important;font-size:clamp(2.35rem,4.8vw,3.4rem)!important;line-height:1!important;letter-spacing:-.055em!important;white-space:normal!important}
.tier-card-v811 .price>span:not(.tier-sale-price-v810){display:inline-block!important;margin-left:6px;font-size:.88rem!important;line-height:1.2!important;letter-spacing:0!important;vertical-align:baseline!important}
.tier-card-v811 .tier-sale-price-v810{display:flex!important;align-items:baseline!important;gap:9px!important;flex-wrap:wrap!important}
.tier-card-v811 .tier-sale-price-v810 del{font-size:1.15rem!important}
.tier-card-v811 .tier-sale-price-v810 strong{font-size:clamp(2.35rem,4.8vw,3.4rem)!important;line-height:1!important}
.tier-card-v811 .tier-sale-price-v810 em{font-size:.88rem!important}
.tier-description-v811{min-height:3em;margin:0 0 16px!important;color:var(--muted);line-height:1.55}
.tier-benefits-v811{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.tier-benefits-v811 li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;line-height:1.42}
.tier-benefits-v811 li span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:color-mix(in srgb,var(--accent2) 16%,transparent);color:var(--accent2);font-size:.72rem;font-weight:950}
.tier-benefits-v811 li strong{font-size:.94rem;font-weight:700;overflow-wrap:anywhere}
.tier-benefits-empty-v811{margin:0 0 20px;color:var(--muted)}
.tier-checkout-v811{display:grid;gap:12px;margin-top:auto!important;padding-top:18px;border-top:1px solid var(--line)}
.tier-tip-panel-v811{border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 48%,transparent);overflow:hidden}
.tier-tip-panel-v811 summary{list-style:none;cursor:pointer;padding:11px 13px;color:var(--muted);font-size:.82rem;font-weight:800}
.tier-tip-panel-v811 summary::-webkit-details-marker{display:none}
.tier-tip-panel-v811 summary:after{content:'+';float:right;color:var(--accent2);font-weight:950}
.tier-tip-panel-v811[open] summary:after{content:'−'}
.tier-tip-panel-v811 .tip-picker-v75{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;gap:10px!important;align-items:center!important;margin:0!important;padding:0 13px 13px!important}
.tier-tip-panel-v811 .tip-picker-v75 span{font-size:.76rem!important;line-height:1.35!important}
.tier-tip-panel-v811 .tip-picker-v75 select{width:100%!important;min-width:0!important}
.tier-card-actions-v811{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;align-items:stretch}
.tier-card-actions-v811 .btn{width:100%;min-width:0;min-height:46px;justify-content:center;text-align:center}
.tier-offer-ends-v811{display:block;margin-top:10px;color:var(--muted)}

/* Discover / For You cards */
.discover-shell-v810{gap:22px!important}
.discover-results-v810{min-width:0}
.discover-grid-v810{align-items:stretch!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:18px!important}
.discover-card-v811{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border-radius:22px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel2) 88%,transparent))!important}
.discover-card-v811:hover{transform:translateY(-2px)!important}
.discover-card-cover-v810{position:relative!important;display:block!important;aspect-ratio:16/9!important;min-height:0!important;overflow:hidden!important;border-radius:21px 21px 0 0!important;background:var(--panel2)}
.discover-cover-v810,.discover-cover-v810.has-media{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:0!important}
.discover-cover-v810 .cover-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important}
.discover-cover-v810 .cover-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,8,20,.02) 25%,rgba(3,8,20,.68) 100%)}
.discover-card-reason-v811{position:absolute;left:13px;bottom:12px;z-index:2;max-width:calc(100% - 88px);padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(7,13,31,.78);backdrop-filter:blur(10px);color:#fff;font-size:.74rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.discover-live-v811{position:absolute;right:12px;top:12px;z-index:2;padding:7px 9px;border-radius:10px;background:#ff416c;color:#fff;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em}
.discover-card-body-v810{position:relative!important;z-index:2!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:12px!important;padding:17px!important;visibility:visible!important;opacity:1!important;background:transparent!important}
.discover-card-heading-v810{align-items:center!important}
.discover-card-heading-v810 .avatar{width:48px!important;height:48px!important;border-width:3px!important;border-color:var(--panel)!important;border-radius:15px!important;font-size:18px!important}
.discover-card-heading-v810 h3{margin:0!important;font-size:1.14rem!important;line-height:1.22!important}
.discover-card-heading-v810 small{margin-top:3px!important;color:var(--muted)!important;font-size:.78rem!important;font-weight:700!important}
.discover-card-body-v810>p{display:-webkit-box!important;min-height:3em!important;margin:0!important;overflow:hidden!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--muted)!important;line-height:1.5!important}
.discover-card-meta-v810{margin-top:auto!important}
.discover-card-meta-v810 span,.discover-card-meta-v810 strong{border-radius:9px!important;background:color-mix(in srgb,var(--panel2) 60%,transparent)!important}
.discover-card-actions-v810{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;align-items:stretch!important}
.discover-card-actions-v810>.btn,.discover-follow-v811 .btn,.discover-tune-v811>summary{min-height:42px!important;justify-content:center!important}
.discover-follow-v811{display:block!important;margin:0!important}
.discover-tune-v811{position:relative!important;z-index:5!important;margin:0!important}
.discover-tune-v811>summary{display:grid!important;place-items:center!important;width:44px!important;padding:0 10px!important;letter-spacing:.08em}
.discover-tune-v811[open]{z-index:100!important}
.discover-feedback-menu-v810{bottom:calc(100% + 9px)!important;right:0!important;z-index:110!important}

/* Member and creator support */
.support-grid-v811{grid-template-columns:minmax(280px,350px) minmax(0,1fr)!important;gap:18px!important;align-items:start!important}
.support-ticket-list-v811{min-height:0!important;padding:20px!important;position:sticky!important;top:86px!important}
.support-ticket-list-v811 .ticket-list{max-height:460px!important;overflow:auto;padding-right:2px}
.support-list-empty-v811{display:grid;gap:5px;padding:18px 4px;color:var(--muted)}
.support-list-empty-v811 strong{color:var(--text)}
.support-new-ticket-v811{width:100%;margin-top:16px;justify-content:center}
.support-ticket-detail-v811{min-height:520px!important;padding:clamp(22px,3vw,34px)!important}
.support-compose-v811{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.support-compose-v811>header{position:sticky;top:100px;padding:12px 0}
.support-compose-v811>header small,.support-empty-v811 small{display:block;margin-bottom:8px;color:var(--accent2);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.support-compose-v811>header h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em}
.support-compose-v811>header p{margin:0;color:var(--muted);line-height:1.6}
.support-form-v811{display:grid;gap:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel2) 52%,transparent)}
.support-form-v811 textarea{min-height:190px!important}
.support-submit-row-v811{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:4px}
.support-submit-row-v811 span{max-width:420px;color:var(--muted);font-size:.8rem;line-height:1.45}
.support-submit-row-v811 .btn{flex:0 0 auto}
.support-empty-v811{min-height:390px!important}
.support-empty-v811>div{max-width:620px}
.support-empty-v811 h2{margin:.2rem 0 .65rem;font-size:clamp(2rem,4vw,3.4rem)}
.support-empty-v811 p{margin:0;color:var(--muted)}

/* Creator Studio spacing and metric readability */
.creator-dashboard-layout{gap:20px!important}
.creator-pro-main{display:grid!important;align-content:start!important;gap:16px!important;padding:0 6px 52px!important}
.creator-pro-main>.studio-quickbar-v790{margin:0!important}
.creator-today-v66{gap:18px!important}
.creator-today-hero-v66{padding:clamp(26px,3.6vw,38px)!important;border-radius:24px!important}
.creator-today-hero-v66 .actions{gap:10px!important;margin-top:18px!important}
.creator-today-stats-v66{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.creator-today-stats-v66 .stat{display:grid!important;align-content:start!important;gap:6px!important;min-height:146px!important;padding:24px!important;border-radius:22px!important}
.creator-today-stats-v66 .stat strong{display:block!important;margin:0!important;font-size:clamp(2rem,3vw,2.8rem)!important;line-height:1!important;letter-spacing:-.045em!important}
.creator-today-stats-v66 .stat span{display:block!important;margin:0!important;font-weight:850!important;line-height:1.25!important}
.creator-today-stats-v66 .stat em{display:block!important;margin:0!important;color:var(--muted)!important;font-size:.82rem!important;line-height:1.4!important;font-style:normal!important}
.creator-audience-pulse-v790{margin-top:0!important;border-radius:22px!important;padding:22px!important}

@media(max-width:1180px){
  .creator-today-stats-v66{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .support-compose-v811{grid-template-columns:1fr}
  .support-compose-v811>header{position:relative;top:auto;padding:0}
}
@media(max-width:900px){
  .support-grid-v811{grid-template-columns:1fr!important}
  .support-ticket-list-v811{position:relative!important;top:auto!important}
  .support-ticket-detail-v811{min-height:0!important}
  .creator-pro-main{padding-inline:0!important}
}
@media(max-width:760px){
  .tier-grid-v472{grid-template-columns:1fr!important}
  .tier-card-v811{padding:22px!important}
  .discover-grid-v810{grid-template-columns:1fr!important}
  .support-submit-row-v811{align-items:stretch;flex-direction:column}
  .support-submit-row-v811 .btn{width:100%}
  .creator-today-stats-v66{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  .tier-card-actions-v811{grid-template-columns:1fr}
  .tier-tip-panel-v811 .tip-picker-v75{grid-template-columns:1fr!important}
  .discover-card-actions-v810{grid-template-columns:1fr auto!important}
  .discover-follow-v811{grid-column:1/2}
  .discover-tune-v811{grid-column:2/3;grid-row:1/2}
  .discover-card-actions-v810>.btn{grid-column:1/-1}
  .support-form-v811{padding:17px}
  .creator-today-stats-v66{grid-template-columns:1fr!important}
}