/* /Components/OrderDetailModal.razor.rz.scp.css */
.odm-overlay[b-ff6a1foegh] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    backdrop-filter: blur(4px);
    z-index: 300;
    animation: odm-fade-in-b-ff6a1foegh .2s ease;
}

.odm-panel[b-ff6a1foegh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(480px, calc(100vw - 2rem));
    max-height: min(90vh, 700px);
    background: #0b1120;
    border: 1px solid rgba(124,58,237,.2);
    border-radius: 20px;
    z-index: 301;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);
    animation: odm-slide-in-b-ff6a1foegh .22s cubic-bezier(.34,1.26,.64,1);
}

@keyframes odm-fade-in-b-ff6a1foegh  { from { opacity: 0; } to { opacity: 1; } }
@keyframes odm-slide-in-b-ff6a1foegh { from { opacity: 0; transform: translate(-50%,-46%); } to { opacity:1; transform: translate(-50%,-50%); } }

/* Header */
.odm-header[b-ff6a1foegh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.06);
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(124,58,237,.08), transparent);
}

.odm-order-id[b-ff6a1foegh] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--text);
    letter-spacing: .02em;
}

.odm-date[b-ff6a1foegh] {
    font-size: .78rem;
    color: var(--muted);
    margin-top: .2rem;
}

.odm-close[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    cursor: pointer;
    color: var(--muted);
    flex-shrink: 0;
    transition: color .15s, background .15s;
}
.odm-close:hover[b-ff6a1foegh] { color: var(--text); background: rgba(255,255,255,.1); }

/* Scrollable body */
.odm-panel > .odm-section:first-of-type[b-ff6a1foegh],
.odm-panel > .odm-section[b-ff6a1foegh] { flex-shrink: 0; }

.odm-section[b-ff6a1foegh] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    flex-direction: column;
    gap: .65rem;
    overflow-y: auto;
}

.odm-section:last-child[b-ff6a1foegh] { border-bottom: none; }

.odm-section--payment[b-ff6a1foegh] { flex-direction: row; align-items: center; justify-content: space-between; }

.odm-section-title[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
}

.odm-section-title--sub[b-ff6a1foegh] { margin-top: .5rem; }

/* Items */
.odm-item[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.odm-item-icon[b-ff6a1foegh] {
    font-size: 1.1rem;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
}

.odm-item-name[b-ff6a1foegh] {
    flex: 1;
    font-size: .88rem;
    font-weight: 600;
    color: var(--text);
    min-width: 0;
}

.odm-item-name--single[b-ff6a1foegh] {
    font-size: .9rem;
}

.odm-item-price[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
    font-size: .88rem;
    font-weight: 700;
    color: var(--text);
}

.odm-original[b-ff6a1foegh] {
    font-size: .75rem;
    color: var(--muted);
    text-decoration: line-through;
}

/* Discount row */
.odm-discount-row[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .8rem;
    color: #4ade80;
    padding: .25rem 0;
    border-top: 1px dashed rgba(74,222,128,.2);
}

.odm-discount-row > span:first-child[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.odm-savings[b-ff6a1foegh] { font-weight: 700; }

/* Total */
.odm-total-row[b-ff6a1foegh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9rem;
    font-weight: 700;
    color: var(--text);
    padding-top: .35rem;
    border-top: 1px solid rgba(255,255,255,.08);
}

.odm-total-amount[b-ff6a1foegh] {
    font-size: 1.1rem;
    font-weight: 900;
}

/* Address */
.odm-address[b-ff6a1foegh] {
    font-size: .83rem;
    color: var(--muted);
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.odm-addr-name[b-ff6a1foegh] {
    font-weight: 600;
    color: var(--text);
    font-size: .85rem;
}

/* Badges */
.odm-badges[b-ff6a1foegh] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* Mobile: bottom sheet */
@media (max-width: 520px) {
    .odm-panel[b-ff6a1foegh] {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        transform: none;
        width: 100%;
        max-height: 92vh;
        border-radius: 20px 20px 0 0;
        animation: odm-sheet-in-b-ff6a1foegh .25s cubic-bezier(.34,1.1,.64,1);
    }
    @keyframes odm-slide-in-b-ff6a1foegh { from {} to {} } /* override desktop anim */
    @keyframes odm-sheet-in-b-ff6a1foegh { from { transform: translateY(100%); } to { transform: translateY(0); } }
}
/* /Components/PlanCard.razor.rz.scp.css */
.plan-card[b-csvo19sh0q] { background: var(--bg-card); border: 1px solid color-mix(in srgb, var(--plan-color, var(--border)) 40%, transparent); border-radius: 12px; padding: 1.25rem; position: relative; overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; display: flex; flex-direction: column; height: 100%; }
.btn-plan[b-csvo19sh0q] { width: 100%; padding: .65rem; border-radius: 10px; font-size: .88rem; font-weight: 700; cursor: pointer; border: none; transition: all .2s; margin-top: auto; }
.plan-img-wrap[b-csvo19sh0q] { position: relative; margin: -1.25rem -1.25rem 1.1rem; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px 12px 0 0; }
.plan-img[b-csvo19sh0q] { width: 100%; height: 100%; object-fit: cover; display: block; }
.plan-img-overlay[b-csvo19sh0q] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,26,.95) 0%, rgba(10,14,26,.2) 55%, transparent 100%); }
.plan-img-title[b-csvo19sh0q] { position: absolute; bottom: .85rem; left: 1rem; display: flex; align-items: center; gap: .5rem; }
.plan-img-icon[b-csvo19sh0q] { font-size: 1.4rem; filter: drop-shadow(0 1px 4px rgba(0,0,0,.8)); }
.plan-img-name[b-csvo19sh0q] { font-size: 1.5rem; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,.9); }
.price-original[b-csvo19sh0q] { font-size: .85rem; color: var(--muted); text-decoration: line-through; margin-right: .25rem; align-self: center; }
.price-first-offer[b-csvo19sh0q] { display: inline-block; margin-top: .4rem; background: rgba(251,191,36,.15); color: #fbbf24; border: 1px solid rgba(251,191,36,.3); font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; }
.plan-top-bar[b-csvo19sh0q] { position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 0; background: var(--plan-color, var(--border)); }
.plan-card:hover[b-csvo19sh0q] { transform: translateY(-4px); border-color: color-mix(in srgb, var(--plan-color, var(--border)) 70%, transparent); }
.popular-badge[b-csvo19sh0q] { position: absolute; top: 1rem; right: 1rem; background: linear-gradient(135deg,var(--accent),var(--accent-2)); color: #fff; font-size: .65rem; font-weight: 800; letter-spacing: .5px; padding: .25rem .65rem; border-radius: 999px; text-transform: uppercase; }
.plan-icon[b-csvo19sh0q] { font-size: 1.6rem; margin-bottom: .75rem; }
.plan-name[b-csvo19sh0q] { font-size: 1.1rem; font-weight: 800; margin-bottom: .25rem; }
.plan-desc[b-csvo19sh0q] { font-size: .8rem; color: var(--muted); margin-bottom: 1.25rem; line-height: 1.6; }
.plan-price[b-csvo19sh0q] { margin-bottom: 1.5rem; }
.price-main[b-csvo19sh0q] { display: flex; align-items: flex-start; gap: .25rem; }
.price-curr[b-csvo19sh0q] { font-size: 1.1rem; margin-top: .55rem; color: var(--muted); }
.price-num[b-csvo19sh0q] { font-size: 2rem; font-weight: 900; letter-spacing: -1px; line-height: 1; }
.price-num.gold[b-csvo19sh0q] { color: #fbbf24; }
.price-period[b-csvo19sh0q] { font-size: .8rem; color: var(--muted); margin-top: .3rem; }
.price-save[b-csvo19sh0q] { display: inline-block; margin-top: .4rem; background: rgba(34,197,94,.12); color: #4ade80; border: 1px solid rgba(34,197,94,.25); font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; }
.plan-features[b-csvo19sh0q] { list-style: none; display: flex; flex-direction: column; gap: .65rem; margin-bottom: 1.75rem; flex: 1; }
.plan-features li[b-csvo19sh0q] { display: flex; align-items: center; gap: .65rem; font-size: .83rem; }
.plan-features li.off[b-csvo19sh0q] { color: var(--muted); }
.check[b-csvo19sh0q] { width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: .65rem; }
.check-on[b-csvo19sh0q] { background: rgba(34,197,94,.18); color: #4ade80; }
.check-off[b-csvo19sh0q] { background: rgba(100,116,139,.12); color: var(--muted); }
.btn-plan-free[b-csvo19sh0q] { background: rgba(100,116,139,.12); color: var(--muted); border: 1px solid rgba(100,116,139,.2); }
.btn-plan-free:hover[b-csvo19sh0q] { border-color: var(--muted); color: var(--text); }
.btn-plan-pro[b-csvo19sh0q] { background: linear-gradient(135deg,var(--accent),#9d5cf6); color: #fff; box-shadow: var(--glow); }
.btn-plan-pro:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 0 30px rgba(124,58,237,.65); }
.btn-plan-elite[b-csvo19sh0q] { background: linear-gradient(135deg,var(--accent-2),#0ea5e9); color: #fff; box-shadow: var(--glow-c); }
.btn-plan-elite:hover[b-csvo19sh0q] { transform: translateY(-1px); }
.btn-plan-founder[b-csvo19sh0q] { background: linear-gradient(135deg,#f59e0b,#fbbf24); color: #000; font-weight: 800; }
.btn-plan-founder:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 0 24px rgba(251,191,36,.5); }
.btn-plan-cart[b-csvo19sh0q] { margin-top: .5rem; background: linear-gradient(135deg, var(--plan-color, var(--accent)), color-mix(in srgb, var(--plan-color, var(--accent)) 70%, #fff 15%)); color: #fff; border: 1px solid transparent; font-weight: 700; box-shadow: 0 4px 18px color-mix(in srgb, var(--plan-color, var(--accent)) 45%, transparent); }
.btn-plan-cart:hover[b-csvo19sh0q] { transform: translateY(-1px); box-shadow: 0 6px 26px color-mix(in srgb, var(--plan-color, var(--accent)) 65%, transparent); }
.btn-plan-cart.in-cart[b-csvo19sh0q] { background: rgba(34,197,94,.15); color: #4ade80; border-color: rgba(34,197,94,.4); }
.btn-plan-cart.in-cart:hover[b-csvo19sh0q] { background: rgba(239,68,68,.15); color: #f87171; border-color: rgba(239,68,68,.4); }
.btn-plan-disabled[b-csvo19sh0q] { opacity: .45; cursor: not-allowed; pointer-events: none; }

/* Subscriber badges */
.plan-subscribers[b-csvo19sh0q] { display: flex; align-items: center; gap: .65rem; margin-bottom: .75rem; }
.sub-avatars[b-csvo19sh0q] { display: flex; }
.sub-avatar[b-csvo19sh0q] { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--bg-card); margin-left: -8px; overflow: hidden; background: rgba(124,58,237,.25); display: flex; align-items: center; justify-content: center; font-size: .65rem; font-weight: 700; color: var(--text); flex-shrink: 0; }
.sub-avatar:first-child[b-csvo19sh0q] { margin-left: 0; }
.sub-avatar img[b-csvo19sh0q] { width: 100%; height: 100%; object-fit: cover; }
.sub-avatar-more[b-csvo19sh0q] { background: rgba(255,255,255,.08); color: var(--muted); font-size: .6rem; }
.sub-count[b-csvo19sh0q] { font-size: .72rem; color: var(--muted); white-space: nowrap; }
/* /Components/ProductCard.razor.rz.scp.css */
.prod-card[b-97iaabmimp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; transition: transform .25s, border-color .25s, box-shadow .25s; cursor: pointer; display: flex; flex-direction: column; }
.prod-card:hover[b-97iaabmimp] { transform: translateY(-4px); border-color: var(--accent); box-shadow: var(--glow); }
.prod-img[b-97iaabmimp] { aspect-ratio: 1/1; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 3rem; }
.prod-img-cover[b-97iaabmimp] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.prod-img-overlay[b-97iaabmimp] { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,14,26,.6) 0%, transparent 60%); }
.prod-icon-over[b-97iaabmimp] { position: relative; z-index: 1; filter: drop-shadow(0 1px 4px rgba(0,0,0,.8)); }
.prod-badges[b-97iaabmimp] { position: absolute; top: .6rem; left: .6rem; display: flex; gap: .35rem; }
.pb[b-97iaabmimp] { font-size: .62rem; font-weight: 700; padding: .2rem .5rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; }
.pb-new[b-97iaabmimp] { background: rgba(34,197,94,.2); color: #4ade80; border: 1px solid rgba(34,197,94,.35); }
.pb-hot[b-97iaabmimp] { background: rgba(244,114,182,.2); color: var(--accent-3); border: 1px solid rgba(244,114,182,.35); }
.pb-sale[b-97iaabmimp] { background: rgba(251,191,36,.15); color: #fcd34d; border: 1px solid rgba(251,191,36,.3); }
.pb-free[b-97iaabmimp] { background: rgba(6,182,212,.15); color: var(--accent-2); border: 1px solid rgba(6,182,212,.3); }
.pb-member[b-97iaabmimp] { background: rgba(124,58,237,.18); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); }
.member-lock[b-97iaabmimp] { position: absolute; top: .6rem; right: .6rem; background: rgba(0,0,0,.6); border: 1px solid rgba(124,58,237,.4); border-radius: 8px; padding: .3rem .5rem; font-size: .7rem; color: #a78bfa; }
.prod-body[b-97iaabmimp] { padding: 1rem; display: flex; flex-direction: column; flex: 1; }
.prod-cat-row[b-97iaabmimp] { display: flex; align-items: center; gap: .5rem; margin-bottom: .3rem; flex-wrap: wrap; }
.prod-cat[b-97iaabmimp] { font-size: .68rem; color: var(--accent-2); font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.prod-name-row[b-97iaabmimp] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .3rem; }
.prod-name[b-97iaabmimp] { font-size: .95rem; font-weight: 700; }
.prod-expand-chevron[b-97iaabmimp] { font-size: .8rem; color: var(--muted); transition: transform .2s; flex-shrink: 0; }
.prod-expand-chevron.open[b-97iaabmimp] { transform: rotate(180deg); }
.prod-desc[b-97iaabmimp] { font-size: .78rem; color: var(--muted); margin-bottom: .9rem; line-height: 1.5; flex: 1; }
.prod-desc-clamped[b-97iaabmimp] { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prod-tags[b-97iaabmimp] { display: flex; gap: .35rem; flex-wrap: wrap; margin-bottom: .9rem; }
.tag[b-97iaabmimp] { font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid rgba(255,255,255,.08); }
.prod-foot[b-97iaabmimp] { display: flex; align-items: center; justify-content: space-between; }
.prod-price-wrap[b-97iaabmimp] { display: flex; flex-direction: column; gap: .1rem; }
.prod-price[b-97iaabmimp] { font-size: 1.1rem; font-weight: 800; color: var(--accent-2); }
.prod-recurring[b-97iaabmimp] { font-size: .68rem; font-weight: 700; color: #fbbf24; background: rgba(251,191,36,.12); border: 1px solid rgba(251,191,36,.3); border-radius: 999px; padding: .1rem .5rem; display: inline-block; margin-top: .15rem; }
.prod-price.free-price[b-97iaabmimp] { color: var(--green); }
.prod-price .old[b-97iaabmimp] { font-size: .75rem; color: var(--muted); text-decoration: line-through; margin-right: .3rem; }
.btn-add[b-97iaabmimp] { background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); padding: .35rem .85rem; border-radius: 8px; font-size: .78rem; font-weight: 600; cursor: pointer; transition: all .2s; }
.btn-add:hover[b-97iaabmimp] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.btn-add.btn-add-in-cart[b-97iaabmimp] { background: rgba(34,197,94,.15); color: #4ade80; border-color: rgba(34,197,94,.4); }
.btn-add.btn-add-in-cart:hover[b-97iaabmimp] { background: rgba(239,68,68,.15); color: #f87171; border-color: rgba(239,68,68,.4); }
.btn-add.btn-add-blocked[b-97iaabmimp] { opacity: .4; cursor: not-allowed; pointer-events: none; }
.btn-add.btn-add-sub[b-97iaabmimp] { background: linear-gradient(135deg, #06b6d4, #0891b2); color: #fff; border-color: transparent; box-shadow: 0 3px 14px rgba(6,182,212,.4); }
.btn-add.btn-add-sub:hover[b-97iaabmimp] { transform: translateY(-1px); box-shadow: 0 5px 20px rgba(6,182,212,.55); }
.pb-sub[b-97iaabmimp] { background: rgba(6,182,212,.15); color: #06b6d4; border: 1px solid rgba(6,182,212,.3); }
.pb-tier-disc[b-97iaabmimp] { background: rgba(124,58,237,.2); color: #c4b5fd; border: 1px solid rgba(124,58,237,.4); }

.prod-price-discount-row[b-97iaabmimp] { display: flex; align-items: baseline; gap: .35rem; }
.prod-price-old[b-97iaabmimp] { font-size: .75rem; color: var(--muted); text-decoration: line-through; }
.prod-price-discounted[b-97iaabmimp] { color: #a78bfa; }

@media (max-width: 520px) {
    .prod-foot[b-97iaabmimp] { flex-direction: column; align-items: flex-start; gap: .65rem; }
    .btn-add[b-97iaabmimp] { width: 100%; text-align: center; padding: .55rem; font-size: .82rem; }
}
/* /Components/ServerCard.razor.rz.scp.css */
.sc-card[b-44ml0n7k8e] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.sc-card:hover[b-44ml0n7k8e] {
    border-color: rgba(124,58,237,.35);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Image */
.sc-img-wrap[b-44ml0n7k8e] { position: relative; }
.sc-img[b-44ml0n7k8e] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.sc-image[b-44ml0n7k8e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Status badge top-right (outside overflow:hidden) */
.sc-status-badge[b-44ml0n7k8e] {
    position: absolute;
    top: .6rem; right: .6rem;
    z-index: 2;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    padding: .25rem .55rem;
    font-size: .68rem;
    font-weight: 700;
    color: #fff;
}
.sc-status-badge.online[b-44ml0n7k8e]  { color: #4ade80; border-color: rgba(34,197,94,.4); }
.sc-status-badge.offline[b-44ml0n7k8e] { color: #f87171; border-color: rgba(239,68,68,.3); }

/* Overlay */
.sc-overlay[b-44ml0n7k8e] {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(3px);
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: .4rem;
    font-size: .75rem; font-weight: 900; letter-spacing: 1.2px; color: #fff;
}
.sc-overlay--offline[b-44ml0n7k8e] { background: rgba(0,0,0,.7); }
.sc-overlay-icon[b-44ml0n7k8e] { font-size: 1.6rem; opacity: .85; }

/* Body */
.sc-body[b-44ml0n7k8e] {
    padding: .85rem 1rem .75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}
.sc-cat-badge[b-44ml0n7k8e] {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: .3rem;
    background: rgba(124,58,237,.12);
    border: 1px solid rgba(124,58,237,.35);
    color: #a78bfa;
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .6px;
}
.sc-name[b-44ml0n7k8e] {
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text);
}
.sc-meta[b-44ml0n7k8e] {
    font-size: .7rem;
    color: var(--muted);
}
.sc-tags[b-44ml0n7k8e] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .35rem;
}
.sc-ip[b-44ml0n7k8e] {
    margin: 0 .85rem .75rem;
    padding: .4rem .7rem;
    font-size: .75rem;
    font-weight: 600;
    font-family: monospace;
    color: #a78bfa;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(124,58,237,.2);
    border-radius: 8px;
}

/* Footer button */
.sc-btn[b-44ml0n7k8e] {
    display: block;
    width: 100%;
    padding: .78rem 1rem;
    background: transparent;
    border: none;
    border-top: 1px solid rgba(124,58,237,.25);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a78bfa;
    cursor: pointer;
    transition: background .18s, color .18s;
}
.sc-btn:hover[b-44ml0n7k8e] {
    background: rgba(124,58,237,.1);
    color: #fff;
}
.sc-footer[b-44ml0n7k8e] {
    padding: .72rem 1rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .8px;
    text-align: center;
    border-top: 1px solid var(--border);
}
.sc-footer--offline[b-44ml0n7k8e] {
    color: var(--muted);
}
/* /Components/SubscriptionManagerModal.razor.rz.scp.css */
.sm-backdrop[b-jpkyc216p7] { position: fixed; inset: 0; background: rgba(0,0,0,.65); backdrop-filter: blur(4px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.sm-modal[b-jpkyc216p7] { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; width: 100%; max-width: 480px; box-shadow: 0 24px 64px rgba(0,0,0,.5); overflow: hidden; }
.sm-header[b-jpkyc216p7] { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.4rem; border-bottom: 1px solid var(--border); }
.sm-title[b-jpkyc216p7] { font-size: 1rem; font-weight: 700; }
.sm-close[b-jpkyc216p7] { background: none; border: none; color: var(--muted); font-size: 1rem; cursor: pointer; padding: .25rem .4rem; border-radius: 6px; transition: color .15s; }
.sm-close:hover[b-jpkyc216p7] { color: var(--fg); }
.sm-body[b-jpkyc216p7] { padding: 1.2rem 1.4rem; display: flex; flex-direction: column; gap: 1rem; }
.sm-empty[b-jpkyc216p7] { color: var(--muted); font-size: .85rem; text-align: center; padding: 1rem 0; }
.sm-sub-card[b-jpkyc216p7] { background: rgba(255,255,255,.03); border: 1px solid var(--border); border-radius: 12px; padding: 1rem; display: flex; flex-direction: column; gap: .75rem; }
.sm-sub-top[b-jpkyc216p7] { display: flex; align-items: flex-start; justify-content: space-between; }
.sm-sub-name[b-jpkyc216p7] { font-size: .95rem; font-weight: 700; margin-bottom: .3rem; }
.sm-sub-meta[b-jpkyc216p7] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.sm-badge[b-jpkyc216p7] { font-size: .6rem; font-weight: 700; padding: .18rem .5rem; border-radius: 999px; letter-spacing: .4px; text-transform: uppercase; }
.sm-badge-active[b-jpkyc216p7] { background: rgba(34,197,94,.15); color: #4ade80; border: 1px solid rgba(34,197,94,.3); }
.sm-badge-cancelling[b-jpkyc216p7] { background: rgba(251,191,36,.12); color: #fcd34d; border: 1px solid rgba(251,191,36,.25); }
.sm-badge-past_due[b-jpkyc216p7] { background: rgba(239,68,68,.15); color: #f87171; border: 1px solid rgba(239,68,68,.3); }
.sm-interval[b-jpkyc216p7] { font-size: .72rem; color: var(--muted); }
.sm-renew-info[b-jpkyc216p7] { font-size: .78rem; color: var(--muted); }
.sm-cancel-notice[b-jpkyc216p7] { font-size: .8rem; color: #fcd34d; background: rgba(251,191,36,.08); border: 1px solid rgba(251,191,36,.2); border-radius: 8px; padding: .65rem .85rem; line-height: 1.5; }
.sm-confirm[b-jpkyc216p7] { background: rgba(239,68,68,.06); border: 1px solid rgba(239,68,68,.2); border-radius: 8px; padding: .8rem; }
.sm-confirm p[b-jpkyc216p7] { font-size: .8rem; color: var(--muted); margin: 0 0 .75rem; line-height: 1.5; }
.sm-confirm-btns[b-jpkyc216p7] { display: flex; gap: .5rem; }
.sm-btn[b-jpkyc216p7] { border: none; border-radius: 8px; padding: .45rem .9rem; font-size: .8rem; font-weight: 600; cursor: pointer; transition: all .18s; }
.sm-btn:disabled[b-jpkyc216p7] { opacity: .5; cursor: not-allowed; }
.sm-btn-cancel[b-jpkyc216p7] { background: rgba(239,68,68,.1); color: #f87171; border: 1px solid rgba(239,68,68,.25); width: 100%; }
.sm-btn-cancel:hover[b-jpkyc216p7] { background: rgba(239,68,68,.2); }
.sm-btn-danger[b-jpkyc216p7] { background: rgba(239,68,68,.2); color: #f87171; border: 1px solid rgba(239,68,68,.35); }
.sm-btn-danger:hover[b-jpkyc216p7] { background: rgba(239,68,68,.35); }
.sm-btn-ghost[b-jpkyc216p7] { background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid var(--border); }
.sm-btn-ghost:hover[b-jpkyc216p7] { background: rgba(255,255,255,.1); color: var(--fg); }
.sm-error[b-jpkyc216p7] { font-size: .78rem; color: #f87171; }
/* /Components/ToastContainer.razor.rz.scp.css */
.toast-container[b-bxn2axelm9] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    pointer-events: none;
}

.toast[b-bxn2axelm9] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 260px;
    max-width: 360px;
    padding: .75rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #1e2433;
    box-shadow: 0 8px 32px rgba(0,0,0,.5);
    font-size: .82rem;
    font-weight: 600;
    color: #e2e8f0;
    pointer-events: all;
    animation: toast-in-b-bxn2axelm9 .22s ease;
}

@keyframes toast-in-b-bxn2axelm9 {
    from { opacity: 0; transform: translateY(12px) scale(.97); }
    to   { opacity: 1; transform: none; }
}

.toast--success[b-bxn2axelm9] { border-color: rgba(34,197,94,.35);  }
.toast--error[b-bxn2axelm9]   { border-color: rgba(239,68,68,.35);  }
.toast--warning[b-bxn2axelm9] { border-color: rgba(234,179,8,.35);  }
.toast--info[b-bxn2axelm9]    { border-color: rgba(6,182,212,.35);  }

.toast-icon[b-bxn2axelm9] {
    font-size: .9rem;
    flex-shrink: 0;
}
.toast--success .toast-icon[b-bxn2axelm9] { color: #4ade80; }
.toast--error   .toast-icon[b-bxn2axelm9] { color: #f87171; }
.toast--warning .toast-icon[b-bxn2axelm9] { color: #facc15; }
.toast--info    .toast-icon[b-bxn2axelm9] { color: #06b6d4; }

.toast-msg[b-bxn2axelm9]  { flex: 1; }

.toast-close[b-bxn2axelm9] {
    background: none;
    border: none;
    color: var(--muted);
    cursor: pointer;
    font-size: .75rem;
    padding: 0 .2rem;
    flex-shrink: 0;
    opacity: .6;
    transition: opacity .15s;
}
.toast-close:hover[b-bxn2axelm9] { opacity: 1; }
/* /Components/VoteCard.razor.rz.scp.css */
.vc-card[b-hgqomyy5zz] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.vc-card:hover[b-hgqomyy5zz] {
    border-color: rgba(6,182,212,.35);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

/* Image */
.vc-img-wrap[b-hgqomyy5zz] {
    position: relative; /* el badge se posiciona aquí */
}
.vc-img[b-hgqomyy5zz] {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative; /* para los overlays */
}
.vc-image[b-hgqomyy5zz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.vc-cat-badge[b-hgqomyy5zz] {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: .45rem;
    background: rgba(6,182,212,.12);
    border: 1px solid rgba(6,182,212,.35);
    color: #06b6d4;
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .6px;
}

.vc-vote-badge[b-hgqomyy5zz] {
    position: absolute;
    top: .6rem; right: .6rem;
    z-index: 2;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    padding: .3rem .6rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .3px;
    cursor: default;
}
.vc-voters-tooltip[b-hgqomyy5zz] {
    position: absolute;
    top: calc(100% + .4rem);
    right: 0;
    background: rgba(10,14,26,.97);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    padding: .5rem .7rem;
    min-width: 140px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
}
.vc-voters-tooltip--visible[b-hgqomyy5zz] {
    opacity: 1;
    pointer-events: all;
}
.vc-voter[b-hgqomyy5zz] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
    white-space: nowrap;
}
.vc-voter-avatar[b-hgqomyy5zz] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.vc-voter-avatar--placeholder[b-hgqomyy5zz] {
    font-size: .9rem;
    line-height: 22px;
    text-align: center;
}
.vc-voter-nick[b-hgqomyy5zz] {
    font-size: .75rem;
    font-weight: 600;
    color: #e2e8f0;
    flex: 1;
}
.vc-voter-count[b-hgqomyy5zz] {
    font-size: .7rem;
    font-weight: 700;
    color: #06b6d4;
}
.vc-voter--me[b-hgqomyy5zz] {
    background: rgba(6,182,212,.08);
    border-radius: 5px;
    padding: .25rem .35rem;
    margin: 0 -.35rem;
}
.vc-voter--empty[b-hgqomyy5zz] {
    font-size: .75rem;
    color: var(--muted);
    font-style: italic;
}
.vc-voter-you[b-hgqomyy5zz] {
    font-size: .6rem;
    font-weight: 700;
    background: rgba(6,182,212,.2);
    color: #06b6d4;
    border-radius: 3px;
    padding: .05rem .3rem;
    margin-left: .2rem;
    vertical-align: middle;
}
.vc-voter--others[b-hgqomyy5zz] {
    opacity: .75;
}
.vc-voter-divider[b-hgqomyy5zz] {
    height: 1px;
    background: rgba(255,255,255,.08);
    margin: .2rem 0;
}
.vc-voter-more[b-hgqomyy5zz] {
    font-size: .7rem;
    color: var(--muted);
    padding-top: .25rem;
    border-top: 1px solid rgba(255,255,255,.08);
    margin-top: .15rem;
}

/* Status overlay */
.vc-overlay[b-hgqomyy5zz] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(3px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: 1.2px;
    color: #fff;
}
.vc-overlay--closed[b-hgqomyy5zz] { background: rgba(0,0,0,.7); }
.vc-overlay-icon[b-hgqomyy5zz] { font-size: 1.6rem; opacity: .85; }

/* Body */
.vc-body[b-hgqomyy5zz] {
    padding: .85rem 1rem .75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    cursor: pointer;
}
.vc-more-link[b-hgqomyy5zz] {
    align-self: flex-start;
    margin-top: .15rem;
    background: none;
    border: none;
    padding: 0;
    font-size: .68rem;
    font-weight: 700;
    color: #06b6d4;
    cursor: pointer;
}
.vc-more-link:hover[b-hgqomyy5zz] { text-decoration: underline; }

/* Detail modal */
.vc-modal-backdrop[b-hgqomyy5zz] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}
.vc-modal[b-hgqomyy5zz] {
    position: relative;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 14px;
    max-width: 460px;
    width: 100%;
    max-height: 88vh;
    overflow-y: auto;
}
.vc-modal-close[b-hgqomyy5zz] {
    position: absolute;
    top: .6rem;
    right: .6rem;
    z-index: 2;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    cursor: pointer;
    font-size: .85rem;
}
.vc-modal-img[b-hgqomyy5zz] { aspect-ratio: 16 / 9; overflow: hidden; }
.vc-modal-img img[b-hgqomyy5zz] { width: 100%; height: 100%; object-fit: cover; display: block; }
.vc-modal-body[b-hgqomyy5zz] { padding: 1.1rem 1.25rem 1.4rem; display: flex; flex-direction: column; gap: .55rem; }
.vc-modal-name[b-hgqomyy5zz] { font-size: 1.15rem; font-weight: 800; color: var(--text); margin: 0; }
.vc-modal-meta[b-hgqomyy5zz] { display: flex; flex-wrap: wrap; gap: .45rem; }
.vc-modal-meta-item[b-hgqomyy5zz] { font-size: .72rem; font-weight: 600; color: var(--muted); background: rgba(255,255,255,.05); border: 1px solid var(--border); border-radius: 999px; padding: .2rem .6rem; }
.vc-modal-desc[b-hgqomyy5zz] { font-size: .85rem; color: var(--muted); line-height: 1.6; margin: 0; }
.vc-modal-tags[b-hgqomyy5zz] { display: flex; flex-wrap: wrap; gap: .35rem; }
.vc-modal-tag[b-hgqomyy5zz] { font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--muted); border: 1px solid rgba(255,255,255,.08); }
.vc-modal-votes[b-hgqomyy5zz] { font-size: .8rem; font-weight: 700; color: var(--text); }
.vc-modal-vote-btn[b-hgqomyy5zz] { border-radius: 10px; border-top: none; background: rgba(6,182,212,.12); border: 1px solid rgba(6,182,212,.35); }
.vc-modal-vote-btn:hover[b-hgqomyy5zz] { background: rgba(6,182,212,.22); }
.vc-name[b-hgqomyy5zz] {
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.3;
    color: var(--text);
}
.vc-desc[b-hgqomyy5zz] {
    font-size: .72rem;
    color: var(--muted);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Vote button */
.vc-btn[b-hgqomyy5zz] {
    display: block;
    width: 100%;
    padding: .78rem 1rem;
    background: transparent;
    border: none;
    border-top: 1px solid rgba(6,182,212,.25);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #06b6d4;
    cursor: pointer;
    transition: background .18s, color .18s, box-shadow .18s;
}
.vc-btn:hover[b-hgqomyy5zz] {
    background: rgba(6,182,212,.1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(6,182,212,.4);
}

/* Footer states */
.vc-footer[b-hgqomyy5zz] {
    padding: .72rem 1rem;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .8px;
    text-align: center;
    border-top: 1px solid var(--border);
}
.vc-footer--voted[b-hgqomyy5zz] {
    color: #4ade80;
    background: rgba(34,197,94,.06);
}
.vc-footer--locked[b-hgqomyy5zz] {
    color: var(--muted);
}
.vc-footer--closed[b-hgqomyy5zz] {
    color: #f87171;
    background: rgba(239,68,68,.08);
    border-top-color: rgba(239,68,68,.2);
}

/* Inline confirm */
.vc-confirm[b-hgqomyy5zz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem .85rem;
    border-top: 1px solid rgba(6,182,212,.25);
    background: rgba(6,182,212,.06);
}
.vc-confirm-text[b-hgqomyy5zz] {
    font-size: .72rem;
    font-weight: 700;
    color: #e2e8f0;
    white-space: nowrap;
}
.vc-confirm-btns[b-hgqomyy5zz] {
    display: flex;
    gap: .4rem;
}
.vc-confirm-yes[b-hgqomyy5zz],
.vc-confirm-no[b-hgqomyy5zz] {
    padding: .3rem .75rem;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .5px;
    cursor: pointer;
    border: none;
    transition: filter .15s;
}
.vc-confirm-yes[b-hgqomyy5zz] {
    background: #06b6d4;
    color: #000;
}
.vc-confirm-yes:hover[b-hgqomyy5zz] { filter: brightness(1.15); }
.vc-confirm-no[b-hgqomyy5zz] {
    background: rgba(255,255,255,.08);
    color: var(--muted);
}
.vc-confirm-no:hover[b-hgqomyy5zz] { filter: brightness(1.3); }
/* /Layout/MainLayout.razor.rz.scp.css */
.site-footer[b-r5ifi62cip] { position: relative; z-index: 1; border-top: 1px solid var(--border); background: rgba(5,8,16,.9); padding: 2rem 0; margin-top: 4rem; text-align: center; }
.footer-inner[b-r5ifi62cip] { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 2rem; margin-bottom: 1.5rem; }
@media(max-width:768px) { .footer-inner[b-r5ifi62cip] { grid-template-columns: 1fr 1fr; } }
.footer-brand p[b-r5ifi62cip] { color: var(--muted); font-size: .8rem; line-height: 1.7; max-width: 260px; margin-top: .5rem; }
.footer-col h4[b-r5ifi62cip] { font-size: .75rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); margin-bottom: .8rem; }
.footer-col ul[b-r5ifi62cip] { list-style: none; display: flex; flex-direction: column; gap: .45rem; }
.footer-col a[b-r5ifi62cip] { color: var(--muted); text-decoration: none; font-size: .8rem; transition: color .2s; }
.footer-col a:hover[b-r5ifi62cip] { color: var(--accent-2); }
.footer-logo[b-r5ifi62cip] { font-size: 1.1rem; font-weight: 900; letter-spacing: 1px; color: var(--text); margin-bottom: .5rem; }
.footer-copy[b-r5ifi62cip] { font-size: .75rem; color: var(--muted); margin-bottom: .25rem; }
.footer-sub[b-r5ifi62cip]  { font-size: .72rem; color: var(--muted); opacity: .6; }
.footer-bottom[b-r5ifi62cip] { border-top: 1px solid var(--border); padding-top: 1.1rem; font-size: .73rem; color: var(--muted); }
#blazor-error-ui[b-r5ifi62cip] { background: rgba(220,50,50,.15); border: 1px solid rgba(220,50,50,.3); color: var(--text); padding: .75rem 1.5rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; display: none; }
.reload[b-r5ifi62cip] { color: var(--accent-2); }
.dismiss[b-r5ifi62cip] { cursor: pointer; }
/* /Layout/Nav.razor.rz.scp.css */
/* ── Navbar ── */
.navbar[b-p5uoi10m6o] { position: sticky; top: 0; z-index: 100; backdrop-filter: blur(20px); background: rgba(5,8,16,.88); border-bottom: 1px solid var(--border); padding: 0 clamp(1rem,5vw,3rem); height: 80px; display: flex; align-items: center; justify-content: space-between; }
.nav-logo[b-p5uoi10m6o] { display: flex; align-items: center; gap: 10px; font-size: 1.3rem; font-weight: 900; letter-spacing: -.5px; text-decoration: none; color: var(--text); }
.logo-icon[b-p5uoi10m6o] { width: 52px; height: 52px; border-radius: 9px; margin-left: 120px; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }
.logo-accent[b-p5uoi10m6o] { color: var(--accent-2); }

/* ── Desktop nav links ── */
.nav-links[b-p5uoi10m6o] { display: flex; gap: .5rem; list-style: none; }
.nav-links a[b-p5uoi10m6o] {
    display: flex; align-items: center; gap: .5rem;
    color: var(--muted); text-decoration: none;
    font-size: .88rem; font-weight: 500;
    padding: .5rem .85rem; border-radius: 10px;
    border: 1px solid transparent;
    position: relative;
    transition: color .2s, transform .2s, background .2s, border-color .2s, box-shadow .2s;
}
.nav-links a svg[b-p5uoi10m6o] { transition: transform .2s, color .2s; flex-shrink: 0; }
.nav-links a:hover[b-p5uoi10m6o] { color: var(--text); background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.07); transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,.3); }
.nav-links a:hover svg[b-p5uoi10m6o] { transform: scale(1.15); color: var(--accent); }
.nav-links a.active[b-p5uoi10m6o] { color: #fff; background: rgba(99,102,241,.1); border-color: rgba(99,102,241,.25); box-shadow: 0 0 16px rgba(99,102,241,.15); }
.nav-links a.active svg[b-p5uoi10m6o] { color: var(--accent); }

/* ── Nav actions ── */
.nav-actions[b-p5uoi10m6o] { display: flex; gap: .75rem; align-items: center; }

/* ── Discord button (desktop) ── */
.btn-discord[b-p5uoi10m6o] {
    display: inline-flex; align-items: center; gap: .55rem;
    padding: .5rem 1.25rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff; border: none; border-radius: 10px;
    font-size: .875rem; font-weight: 700; letter-spacing: .03em;
    cursor: pointer;
    box-shadow: 0 2px 12px rgba(88,101,242,.45), inset 0 1px 0 rgba(255,255,255,.15);
    transition: box-shadow .2s, transform .15s, background .2s;
    position: relative; overflow: hidden;
}
.btn-discord[b-p5uoi10m6o]::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 60%); pointer-events: none; }
.btn-discord:hover[b-p5uoi10m6o] { background: linear-gradient(135deg, #6875f5 0%, #5865F2 100%); box-shadow: 0 4px 20px rgba(88,101,242,.65), inset 0 1px 0 rgba(255,255,255,.2); transform: translateY(-2px); }
.btn-discord:active[b-p5uoi10m6o] { transform: translateY(0); box-shadow: 0 1px 6px rgba(88,101,242,.4); }
.discord-icon[b-p5uoi10m6o] { width: 20px; height: 20px; flex-shrink: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

/* ── Discord button (mobile compact) ── */
.btn-discord-mini[b-p5uoi10m6o] {
    display: none;
    align-items: center; gap: .35rem;
    padding: .4rem .85rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff; border: none; border-radius: 8px;
    font-size: .78rem; font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(88,101,242,.4);
}

/* ── User chip ── */
.user-chip[b-p5uoi10m6o] { display: flex; align-items: center; gap: .6rem; background: rgba(255,255,255,.05); border: 1px solid var(--border); border-radius: 999px; padding: .3rem .8rem .3rem .4rem; }
.user-avatar-link[b-p5uoi10m6o] { display: block; flex-shrink: 0; border-radius: 50%; transition: box-shadow .2s; }
.user-avatar-link:hover[b-p5uoi10m6o] { box-shadow: 0 0 0 2px var(--accent); }
.user-avatar[b-p5uoi10m6o] { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; display: block; }
.user-info[b-p5uoi10m6o] { display: flex; flex-direction: column; gap: 1px; line-height: 1; }
.user-name[b-p5uoi10m6o] { font-size: .85rem; font-weight: 500; color: var(--text); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-role[b-p5uoi10m6o] { font-size: .68rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.user-role.role-sub[b-p5uoi10m6o] { color: var(--accent-2); }
.btn-sm[b-p5uoi10m6o] { padding: .25rem .65rem; font-size: .78rem; }

/* ── Mobile avatar ── */
.nav-avatar-mobile[b-p5uoi10m6o] {
    display: none;
    width: 36px; height: 36px;
    border-radius: 50%; overflow: hidden;
    border: 2px solid rgba(124,58,237,.4);
    text-decoration: none;
    color: var(--text);
    align-items: center; justify-content: center;
    font-weight: 700; font-size: .9rem;
    background: rgba(124,58,237,.2);
    flex-shrink: 0;
    transition: border-color .2s;
}
.nav-avatar-mobile img[b-p5uoi10m6o] { width: 100%; height: 100%; object-fit: cover; display: block; }
.nav-avatar-mobile:hover[b-p5uoi10m6o] { border-color: var(--accent); }

/* ── Cart icon ── */
.nav-cart[b-p5uoi10m6o] { position: relative; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; border: 1px solid var(--border); color: var(--muted); transition: color .2s, border-color .2s, background .2s; text-decoration: none; }
.nav-cart:hover[b-p5uoi10m6o] { color: var(--text); border-color: var(--accent); background: rgba(124,58,237,.1); }
.cart-badge[b-p5uoi10m6o] { position: absolute; top: -5px; right: -5px; background: var(--accent); color: #fff; font-size: .6rem; font-weight: 800; min-width: 16px; height: 16px; border-radius: 999px; display: flex; align-items: center; justify-content: center; padding: 0 3px; box-shadow: var(--glow); }

/* nav-bottom styles live in app.css (global) to avoid Blazor CSS scoping issues */

/* ── Responsive ── */
@media (max-width: 1100px) {
    .nav-links[b-p5uoi10m6o] { gap: .15rem; }
    .nav-links a[b-p5uoi10m6o] { padding: .5rem .6rem; font-size: .82rem; }
    .nav-logo[b-p5uoi10m6o] { font-size: 1.1rem; }
}

@media (max-width: 900px) {
    .nav-links[b-p5uoi10m6o]        { display: none; }
    .nav-desktop-only[b-p5uoi10m6o] { display: none !important; }
    .logo-icon[b-p5uoi10m6o]        { margin-left: 0; }
    .nav-avatar-mobile[b-p5uoi10m6o] { display: flex; }
    .btn-discord-mini[b-p5uoi10m6o]  { display: flex; }
}
/* /Pages/Auth/AuthCallback.razor.rz.scp.css */
.auth-callback[b-s4bk8l9c70] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
}

.auth-callback-inner[b-s4bk8l9c70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    color: var(--muted);
    font-size: .95rem;
    letter-spacing: .03em;
}

.auth-spinner[b-s4bk8l9c70] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: #5865F2;
    border-radius: 50%;
    animation: spin-b-s4bk8l9c70 .7s linear infinite;
}

@keyframes spin-b-s4bk8l9c70 { to { transform: rotate(360deg); } }

.auth-icon[b-s4bk8l9c70] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
}
.auth-icon--ok[b-s4bk8l9c70]  { background: rgba(34,197,94,.15); color: #22c55e; }
.auth-icon--err[b-s4bk8l9c70] { background: rgba(239,68,68,.15);  color: #ef4444; }

.auth-error-title[b-s4bk8l9c70]  { color: var(--text); font-weight: 600; }
.auth-error-detail[b-s4bk8l9c70] { color: var(--muted); font-size: .82rem; text-align: center; max-width: 320px; }

.btn-discord[b-s4bk8l9c70] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1.2rem;
    background: #5865F2;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    margin-top: .5rem;
}
/* /Pages/Checkout/Checkout.razor.rz.scp.css */
.checkout-wrap[b-jcp0pp0ral] {
    min-height: 80vh;
    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 3rem);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.ck-loading[b-jcp0pp0ral], .ck-error[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    min-height: 40vh;
    color: var(--muted);
}

/* Two-column layout */
.ck-layout[b-jcp0pp0ral] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    width: 100%;
    max-width: 860px;
    align-items: start;
}

@media (max-width: 640px) {
    .ck-layout[b-jcp0pp0ral] { grid-template-columns: 1fr; }
    .ck-billing-selector[b-jcp0pp0ral] { grid-template-columns: 1fr; }
    .ck-login-card[b-jcp0pp0ral] { padding: 2rem 1.5rem; }
}

/* ── Product side ── */
.ck-product[b-jcp0pp0ral] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    overflow: hidden;
}

.ck-prod-img[b-jcp0pp0ral] {
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.5rem;
}

.ck-prod-img-cover[b-jcp0pp0ral] {
    position: relative;
    padding: 0;
}

.ck-prod-img-cover img[b-jcp0pp0ral] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ck-prod-img-overlay[b-jcp0pp0ral] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10,14,26,.7) 0%, transparent 60%);
}

.ck-prod-icon-over[b-jcp0pp0ral] {
    position: absolute;
    bottom: .75rem;
    left: 1rem;
    font-size: 2rem;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,.8));
}

.ck-prod-info[b-jcp0pp0ral] {
    padding: 1.25rem 1.25rem 0;
}

.ck-prod-cat[b-jcp0pp0ral] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: .4rem;
}

.ck-prod-name[b-jcp0pp0ral] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .4rem;
}

.ck-prod-desc[b-jcp0pp0ral] {
    font-size: .83rem;
    color: var(--muted);
    line-height: 1.5;
    margin-bottom: .75rem;
}

.ck-prod-tags[b-jcp0pp0ral] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 1rem;
}

.ck-price-row[b-jcp0pp0ral] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.1rem 1.25rem;
    border-top: 1px solid var(--border);
    background: linear-gradient(90deg, rgba(124,58,237,.06), rgba(255,255,255,.02));
}

.ck-price-label[b-jcp0pp0ral] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ck-billing-selector[b-jcp0pp0ral] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin-bottom: 1.5rem; }
.ck-bill-btn[b-jcp0pp0ral] { background: rgba(255,255,255,.03); border: 1.5px solid var(--border); border-radius: 12px; padding: .85rem .6rem; display: flex; flex-direction: column; align-items: center; gap: .2rem; cursor: pointer; transition: all .2s; text-align: center; }
.ck-bill-btn:hover:not(.active)[b-jcp0pp0ral] { border-color: rgba(124,58,237,.4); background: rgba(124,58,237,.06); }
.ck-bill-btn.active[b-jcp0pp0ral] { border-color: var(--accent); background: rgba(124,58,237,.15); box-shadow: 0 0 0 1px var(--accent), 0 0 18px rgba(124,58,237,.2); }
.ck-bill-name[b-jcp0pp0ral] { font-size: .72rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; display: flex; align-items: center; gap: .3rem; }
.ck-bill-btn.active .ck-bill-name[b-jcp0pp0ral] { color: var(--text); }
.ck-bill-main[b-jcp0pp0ral] { font-size: 1.2rem; font-weight: 900; color: var(--text); line-height: 1.1; margin-top: .15rem; }
.ck-bill-sub[b-jcp0pp0ral] { font-size: .65rem; color: var(--muted); margin-top: .1rem; }
.ck-bill-badge[b-jcp0pp0ral] { background: rgba(34,197,94,.18); color: #4ade80; border-radius: 999px; padding: .05rem .4rem; font-size: .6rem; font-weight: 800; letter-spacing: .02em; }
.ck-bill-badge-gold[b-jcp0pp0ral] { background: rgba(251,191,36,.15); color: #fbbf24; }

.ck-discount-badge[b-jcp0pp0ral] {
    margin-top: .25rem;
    font-size: .7rem;
    font-weight: 700;
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.3);
    border-radius: 999px;
    padding: .1rem .5rem;
    display: inline-block;
}

.ck-discount-badge-tier[b-jcp0pp0ral] {
    color: #c4b5fd;
    background: rgba(124,58,237,.15);
    border-color: rgba(124,58,237,.35);
}

.ck-price-value[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .1rem;
}

.ck-price-value-main[b-jcp0pp0ral] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.ck-original[b-jcp0pp0ral] {
    font-size: .82rem;
    color: var(--muted);
    text-decoration: line-through;
}

.ck-amount[b-jcp0pp0ral] {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--text);
    letter-spacing: -0.5px;
}

.ck-free[b-jcp0pp0ral] {
    font-size: 1.3rem;
    font-weight: 800;
    color: #22c55e;
}

.ck-recurring-note[b-jcp0pp0ral] {
    display: inline-block;
    font-size: .72rem;
    font-weight: 700;
    color: #fbbf24;
    background: rgba(251,191,36,.12);
    border: 1px solid rgba(251,191,36,.3);
    border-radius: 999px;
    padding: .1rem .55rem;
    margin-top: .3rem;
    text-align: right;
}

/* ── Form side ── */
.ck-form-wrap[b-jcp0pp0ral] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ck-form-title[b-jcp0pp0ral] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .25rem;
}

.ck-alert[b-jcp0pp0ral] {
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.3);
    border-radius: 8px;
    padding: .6rem .9rem;
    font-size: .83rem;
    color: #ef4444;
}

.ck-field[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ck-field label[b-jcp0pp0ral] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ck-optional[b-jcp0pp0ral] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    opacity: .7;
}

.ck-field input[b-jcp0pp0ral] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: .6rem .9rem;
    color: var(--text);
    font-size: .9rem;
    transition: border-color .2s, box-shadow .2s;
    outline: none;
}

.ck-field input:focus[b-jcp0pp0ral] {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(99,102,241,.15);
}

.ck-section-sep[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .25rem 0 -.25rem;
}
.ck-section-sep span[b-jcp0pp0ral] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    white-space: nowrap;
}
.ck-section-sep[b-jcp0pp0ral]::before,
.ck-section-sep[b-jcp0pp0ral]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

.ck-addr-row[b-jcp0pp0ral] {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: .65rem;
}
.ck-field-zip[b-jcp0pp0ral] { min-width: 0; }

.ck-check-row[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .82rem;
    color: var(--muted);
    cursor: pointer;
    user-select: none;
    margin-top: -.15rem;
}
.ck-check-row input[type="checkbox"][b-jcp0pp0ral] {
    accent-color: var(--accent);
    width: 14px;
    height: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.ck-pay-label[b-jcp0pp0ral] {
    font-size: .78rem;
    font-weight: 600;
    color: var(--muted);
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-top: .25rem;
}

.ck-pay-buttons[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ck-btn-stripe[b-jcp0pp0ral], .ck-btn-paypal[b-jcp0pp0ral], .ck-btn-free[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    padding: .75rem 1.2rem;
    border: none;
    border-radius: 12px;
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s, box-shadow .2s, opacity .2s;
}

.ck-btn-stripe[b-jcp0pp0ral], .ck-btn-paypal[b-jcp0pp0ral], .ck-btn-free[b-jcp0pp0ral] {
    disabled { opacity: .5; cursor: not-allowed; }
}

.ck-btn-stripe[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #635bff, #4f46e5);
    color: #fff;
    box-shadow: 0 4px 20px rgba(99,91,255,.3);
}
.ck-btn-stripe:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(99,91,255,.45); }

.ck-btn-paypal[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #003087, #009cde);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,48,135,.3);
}
.ck-btn-paypal:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(0,48,135,.4); }

.ck-btn-free[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
    box-shadow: 0 4px 20px rgba(34,197,94,.25);
}
.ck-btn-free:hover:not(:disabled)[b-jcp0pp0ral] { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(34,197,94,.35); }

.btn-spinner[b-jcp0pp0ral] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-jcp0pp0ral .6s linear infinite;
    flex-shrink: 0;
}

@keyframes spin-b-jcp0pp0ral { to { transform: rotate(360deg); } }

.ck-cancel-link[b-jcp0pp0ral] {
    margin-top: .25rem;
    font-size: .82rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
    text-align: center;
}
.ck-cancel-link:hover[b-jcp0pp0ral] { color: var(--text); }

.btn-back[b-jcp0pp0ral] {
    padding: .5rem 1.25rem;
    background: var(--accent);
    color: #fff;
    border-radius: 8px;
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
}

.btn-discord-ck[b-jcp0pp0ral] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .6rem 1.5rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    box-shadow: 0 2px 14px rgba(88,101,242,.5), inset 0 1px 0 rgba(255,255,255,.15);
    transition: box-shadow .2s, transform .15s;
    position: relative;
    overflow: hidden;
}
.btn-discord-ck[b-jcp0pp0ral]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 60%);
    pointer-events: none;
}
.btn-discord-ck:hover[b-jcp0pp0ral] {
    background: linear-gradient(135deg, #6875f5 0%, #5865F2 100%);
    box-shadow: 0 4px 22px rgba(88,101,242,.7), inset 0 1px 0 rgba(255,255,255,.2);
    transform: translateY(-2px);
}
.btn-discord-ck:active[b-jcp0pp0ral] { transform: translateY(0); box-shadow: 0 1px 6px rgba(88,101,242,.4); }
.discord-icon-ck[b-jcp0pp0ral] { width: 22px; height: 22px; flex-shrink: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }

.ck-login-required[b-jcp0pp0ral] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    width: 100%;
}
.ck-login-card[b-jcp0pp0ral] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: #0b1120;
    border: 1px solid rgba(88,101,242,.25);
    border-radius: 18px;
    padding: 2.5rem 3rem;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 0 40px rgba(88,101,242,.12);
    text-align: center;
}
.ck-login-icon[b-jcp0pp0ral] { font-size: 2.2rem; }
.ck-login-title[b-jcp0pp0ral] { font-size: 1.25rem; font-weight: 700; color: #e2e8f0; }
.ck-login-sub[b-jcp0pp0ral] { font-size: .9rem; color: #64748b; line-height: 1.5; }
/* /Pages/Checkout/CheckoutResult.razor.rz.scp.css */
.result-wrap[b-87e8qhq42r] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    padding: 2rem;
}

.result-inner[b-87e8qhq42r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    max-width: 400px;
    text-align: center;
}

.result-icon[b-87e8qhq42r] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-icon--ok[b-87e8qhq42r]     { background: rgba(34,197,94,.12); color: #22c55e; box-shadow: 0 0 32px rgba(34,197,94,.2); }
.result-icon--cancel[b-87e8qhq42r] { background: rgba(239,68,68,.12);  color: #ef4444; box-shadow: 0 0 32px rgba(239,68,68,.2); }

.result-title[b-87e8qhq42r] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--text);
}

.result-order[b-87e8qhq42r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: .75rem 2rem;
}

.order-label[b-87e8qhq42r] {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.order-number[b-87e8qhq42r] {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: .1em;
    color: var(--accent);
    font-variant-numeric: tabular-nums;
}

.result-sub[b-87e8qhq42r] {
    font-size: .9rem;
    color: var(--muted);
    line-height: 1.6;
}

.result-actions[b-87e8qhq42r] {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-top: .5rem;
    flex-wrap: wrap;
    justify-content: center;
}

.btn-primary[b-87e8qhq42r] {
    padding: .65rem 1.5rem;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    color: #fff;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: var(--glow);
    transition: transform .15s, box-shadow .2s;
}
.btn-primary:hover[b-87e8qhq42r] { transform: translateY(-2px); }

.btn-ghost-link[b-87e8qhq42r] {
    font-size: .88rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .2s;
}
.btn-ghost-link:hover[b-87e8qhq42r] { color: var(--text); }
/* /Pages/Contenido.razor.rz.scp.css */
.ct-wrap[b-14okvfekpv] {
    max-width: 1100px;
    margin: 0 auto;
    padding: clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem);
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

.ct-loading[b-14okvfekpv] { display: flex; justify-content: center; padding: 4rem; }

/* ── Section ── */
.ct-section[b-14okvfekpv] { display: flex; flex-direction: column; gap: 1.25rem; }

.ct-section-header[b-14okvfekpv] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.ct-platform-label[b-14okvfekpv] {
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .06em;
    color: var(--text);
}

.ct-twitch-icon[b-14okvfekpv] { color: #9147ff; }
.ct-yt-icon[b-14okvfekpv]     { color: #ff0000; }

/* Live pill */
.ct-live-pill[b-14okvfekpv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: rgba(239,68,68,.15);
    border: 1px solid rgba(239,68,68,.35);
    border-radius: 999px;
    padding: .2rem .65rem;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    color: #f87171;
}

.ct-live-dot[b-14okvfekpv] {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 6px #ef4444;
    animation: ct-pulse-b-14okvfekpv 1.4s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes ct-pulse-b-14okvfekpv {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: .6; transform: scale(.85); }
}

/* Channel link */
.ct-channel-link[b-14okvfekpv] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--muted);
    text-decoration: none;
    transition: color .15s;
}
.ct-channel-link:hover[b-14okvfekpv] { color: var(--text); }

/* ── Twitch LIVE ── */

/* Escapa el padding del contenedor para ocupar todo el ancho */
.ct-section--live[b-14okvfekpv] {
    margin-left:  calc(-1 * clamp(1rem,4vw,2rem));
    margin-right: calc(-1 * clamp(1rem,4vw,2rem));
    padding:      0 clamp(1rem,4vw,2rem);
}

.ct-stream-layout[b-14okvfekpv] {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 1rem;
    align-items: stretch;
    min-height: 540px;
}
@media (max-width: 960px) {
    .ct-stream-layout[b-14okvfekpv] { grid-template-columns: 1fr; min-height: unset; }
    .ct-chat-wrap[b-14okvfekpv]     { height: 420px; }
}

.ct-chat-wrap[b-14okvfekpv] {
    border: 1px solid var(--border);
    overflow: hidden;
    background: #0e0e10;
}
.ct-chat-wrap iframe[b-14okvfekpv] {
    width: 100%;
    height: 100%;
    display: block;
}

.ct-stream-info[b-14okvfekpv] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-bottom: .5rem;
}

.ct-stream-title[b-14okvfekpv] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    line-height: 1.3;
}

.ct-stream-meta[b-14okvfekpv] {
    display: flex;
    gap: 1rem;
    font-size: .8rem;
    color: var(--muted);
}

.ct-viewers[b-14okvfekpv] {
    display: flex;
    align-items: center;
    gap: .3rem;
}

.ct-embed-wrap[b-14okvfekpv] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    border: 1px solid var(--border);
    box-shadow: 0 0 40px rgba(145,71,255,.15);
}

.ct-embed-wrap iframe[b-14okvfekpv] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* ── Twitch OFFLINE ── */
.ct-offline[b-14okvfekpv] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.75rem 2rem;
}

.ct-offline-avatar[b-14okvfekpv] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(145,71,255,.1);
    border: 1px solid rgba(145,71,255,.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9147ff;
    flex-shrink: 0;
}

.ct-offline-name[b-14okvfekpv] { font-size: 1rem; font-weight: 700; color: #9147ff; margin-bottom: .2rem; }
.ct-offline-msg[b-14okvfekpv]  { font-size: .85rem; color: var(--muted); }

.ct-offline-btn[b-14okvfekpv] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    background: rgba(145,71,255,.12);
    border: 1px solid rgba(145,71,255,.3);
    color: #c084fc;
    border-radius: 10px;
    padding: .5rem 1.1rem;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s, color .15s;
}
.ct-offline-btn:hover[b-14okvfekpv] { background: rgba(145,71,255,.22); color: #fff; }

/* ── YouTube videos ── */
.ct-no-videos[b-14okvfekpv] { color: var(--muted); font-size: .88rem; padding: 1rem 0; }

.ct-videos[b-14okvfekpv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.1rem;
}

.ct-video-card[b-14okvfekpv] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    text-decoration: none;
    color: inherit;
    border-radius: 0;
    overflow: hidden;
    transition: transform .2s;
}
.ct-video-card:hover[b-14okvfekpv] { transform: translateY(-3px); }

.ct-thumb-wrap[b-14okvfekpv] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    border-radius: 0;
    overflow: hidden;
}

.ct-thumb[b-14okvfekpv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .25s;
}
.ct-video-card:hover .ct-thumb[b-14okvfekpv] { transform: scale(1.04); }

.ct-thumb-overlay[b-14okvfekpv] {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s;
    color: #fff;
}
.ct-video-card:hover .ct-thumb-overlay[b-14okvfekpv] { opacity: 1; }

.ct-thumb-live[b-14okvfekpv] {
    position: absolute;
    top: .5rem;
    left: .5rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: rgba(239,68,68,.9);
    border-radius: 4px;
    padding: .15rem .45rem;
    font-size: .62rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: .05em;
}

.ct-video-title[b-14okvfekpv] {
    font-size: .8rem;
    font-weight: 600;
    color: var(--text);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ct-video-date[b-14okvfekpv] {
    font-size: .7rem;
    color: var(--muted);
    margin-top: .2rem;
}

/* ── Responsive ── */
@media (max-width: 900px) { .ct-videos[b-14okvfekpv] { grid-template-columns: repeat(3, 1fr); } }

@media (max-width: 640px) {
    .ct-videos[b-14okvfekpv] { grid-template-columns: repeat(2, 1fr); }
    .ct-section-header[b-14okvfekpv] { flex-wrap: wrap; row-gap: .5rem; }
    .ct-channel-link[b-14okvfekpv] { margin-left: 0; order: 3; flex-basis: 100%; }
    .ct-stream-title[b-14okvfekpv] { font-size: 1rem; }
}

@media (max-width: 480px) {
    .ct-offline[b-14okvfekpv] { padding: 1.25rem; gap: .85rem; }
    .ct-offline-avatar[b-14okvfekpv] { width: 44px; height: 44px; }
    .ct-videos[b-14okvfekpv] { grid-template-columns: repeat(2, 1fr); gap: .65rem; }
}

@media (max-width: 380px) {
    .ct-offline[b-14okvfekpv] { flex-wrap: wrap; }
    .ct-offline-btn[b-14okvfekpv] { margin-left: 0; width: 100%; justify-content: center; }
    .ct-videos[b-14okvfekpv] { grid-template-columns: 1fr; }
}
/* /Pages/Faq.razor.rz.scp.css */
.faq-header[b-c6ggbjy6k3] { margin-bottom: 2rem; text-align: center; }

/* ── Category tabs ── */
.faq-tabs[b-c6ggbjy6k3] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .4rem;
    background: rgba(11,17,32,.8);
    border: 1px solid var(--border);
    border-radius: 999px;
    padding: .35rem;
    width: fit-content;
    margin: 0 auto 2rem;
}

.faq-tab[b-c6ggbjy6k3] {
    padding: .45rem 1.3rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--muted);
    transition: all .2s;
    white-space: nowrap;
}
.faq-tab:hover[b-c6ggbjy6k3] { color: var(--text); }
.faq-tab-active[b-c6ggbjy6k3] { background: var(--accent); color: #fff; box-shadow: var(--glow); }

/* ── Cards grid ── */
.faq-cards[b-c6ggbjy6k3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 960px;
    margin: 0 auto;
}
@media(max-width: 720px) { .faq-cards[b-c6ggbjy6k3] { grid-template-columns: repeat(2, 1fr); } }
@media(max-width: 480px) { .faq-cards[b-c6ggbjy6k3] { grid-template-columns: 1fr; } }

.faq-card[b-c6ggbjy6k3] {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    padding: 1.1rem 1.25rem;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}
.faq-card:hover[b-c6ggbjy6k3] { border-color: rgba(124,58,237,.45); transform: translateY(-2px); box-shadow: var(--glow); }

.faq-card-question[b-c6ggbjy6k3] {
    font-size: .9rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: .6rem;
    line-height: 1.4;
}

.faq-card-answer[b-c6ggbjy6k3] {
    font-size: .85rem;
    color: var(--muted);
    line-height: 1.65;
}

/* Rich text */
.faq-card-answer a[b-c6ggbjy6k3] { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; }
.faq-card-answer a:hover[b-c6ggbjy6k3] { color: #fff; }
.faq-card-answer strong[b-c6ggbjy6k3], .faq-card-answer b[b-c6ggbjy6k3] { color: var(--text); font-weight: 700; }
.faq-card-answer ul[b-c6ggbjy6k3], .faq-card-answer ol[b-c6ggbjy6k3] { padding-left: 1.2rem; margin: .4rem 0; display: flex; flex-direction: column; gap: .2rem; }
.faq-card-answer ul[b-c6ggbjy6k3] { list-style: disc; }
.faq-card-answer ol[b-c6ggbjy6k3] { list-style: decimal; }
.faq-card-answer code[b-c6ggbjy6k3] { background: rgba(124,58,237,.15); color: #a78bfa; padding: .1rem .35rem; border-radius: 5px; font-size: .82em; font-family: monospace; }
.faq-card-answer p + p[b-c6ggbjy6k3] { margin-top: .5rem; }
/* /Pages/Home.razor.rz.scp.css */
.welcome-section[b-yfg03rkijp] { position: relative; z-index: 1; border-bottom: 1px solid var(--border); padding: clamp(3rem,7vw,5.5rem) 0; }
.welcome-section[b-yfg03rkijp]::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(124,58,237,.07) 0%,transparent 100%); pointer-events: none; }
.welcome-hero[b-yfg03rkijp] { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
@media(max-width:768px) { .welcome-hero[b-yfg03rkijp] { grid-template-columns: 1fr; gap: 2rem; } }
@media(max-width:500px) { .stats-grid[b-yfg03rkijp] { grid-template-columns: 1fr 1fr; } }
.welcome-text h1[b-yfg03rkijp] { font-size: clamp(2.2rem,4.5vw,3.4rem); font-weight: 900; line-height: 1.08; letter-spacing: -1.5px; margin-bottom: 1.1rem; }
.welcome-text p[b-yfg03rkijp] { color: var(--muted); font-size: .97rem; line-height: 1.8; max-width: 520px; }
.welcome-text p + p[b-yfg03rkijp] { margin-top: .65rem; }
.welcome-text strong[b-yfg03rkijp] { color: var(--text); }
.hero-cta[b-yfg03rkijp] { display: flex; gap: .85rem; flex-wrap: wrap; margin-top: 1.75rem; }
.stats-grid[b-yfg03rkijp] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.wstat[b-yfg03rkijp] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.1rem 1.25rem; display: flex; flex-direction: column; gap: .5rem; transition: border-color .2s; }
.wstat:hover[b-yfg03rkijp] { border-color: var(--accent); }
.wstat-icon[b-yfg03rkijp] { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.wstat-val[b-yfg03rkijp] { font-size: 1.5rem; font-weight: 800; }
.wstat-lbl[b-yfg03rkijp] { font-size: .72rem; color: var(--muted); text-transform: uppercase; letter-spacing: .4px; }
.billing-tabs[b-yfg03rkijp] { display: flex; align-items: center; justify-content: center; gap: .4rem; background: rgba(11,17,32,.8); border: 1px solid var(--border); border-radius: 999px; padding: .35rem; width: fit-content; max-width: 100%; margin: 0 auto 3rem; flex-wrap: wrap; }
.b-tab[b-yfg03rkijp] { padding: .45rem 1.3rem; border-radius: 999px; font-size: .82rem; font-weight: 600; cursor: pointer; border: none; background: transparent; color: var(--muted); transition: all .2s; display: flex; align-items: center; gap: .45rem; touch-action: manipulation; }
.b-tab:hover[b-yfg03rkijp] { color: var(--text); }
.b-tab.active[b-yfg03rkijp] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.b-badge[b-yfg03rkijp] { background: rgba(34,197,94,.2); color: #4ade80; border: 1px solid rgba(34,197,94,.3); font-size: .62rem; font-weight: 700; padding: .1rem .45rem; border-radius: 999px; }
.plans-section-wide[b-yfg03rkijp] { max-width: 1700px; margin: 0 auto; padding: clamp(3rem,7vw,5rem) clamp(.5rem,2vw,1rem); }
.plans-grid[b-yfg03rkijp] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1rem; align-items: stretch; }
@media(max-width:900px) { .plans-grid[b-yfg03rkijp] { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); } }
@media(max-width:500px) { .plans-grid[b-yfg03rkijp] { grid-template-columns: 1fr; } }
/* /Pages/Honor.razor.rz.scp.css */
.honor-wrap[b-01887560sz] {
    min-height: 100vh;
    background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.12) 0%, transparent 70%),
                var(--bg);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 1.5rem 5rem;
    position: relative;
    overflow: hidden;
}

/* ── Orbs ── */
.honor-orb[b-01887560sz] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: 0;
}
.honor-orb-1[b-01887560sz] { width: 400px; height: 400px; background: rgba(124,58,237,.12); top: -100px; left: -100px; }
.honor-orb-2[b-01887560sz] { width: 300px; height: 300px; background: rgba(6,182,212,.08);  bottom: 100px; right: -80px; }

/* ── Header ── */
.honor-header[b-01887560sz] {
    text-align: center;
    margin-bottom: 3.5rem;
    position: relative;
    z-index: 1;
}

.honor-title[b-01887560sz] {
    font-size: clamp(3rem, 10vw, 6rem);
    font-weight: 900;
    letter-spacing: -.03em;
    color: #fff;
    line-height: 1;
    text-shadow: 0 0 60px rgba(124,58,237,.4);
}

.honor-gg[b-01887560sz] {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.honor-subtitle[b-01887560sz] {
    margin-top: .75rem;
    font-size: clamp(.65rem, 2vw, .8rem);
    font-weight: 700;
    letter-spacing: .55em;
    color: var(--muted);
    text-transform: uppercase;
}

.honor-divider[b-01887560sz] {
    margin: 1.75rem auto 0;
    width: 120px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);
    border-radius: 2px;
}

/* ── Loading / empty ── */
.honor-loading[b-01887560sz] { padding: 4rem 0; }
.honor-empty[b-01887560sz]   { color: var(--muted); font-size: .95rem; padding: 3rem; text-align: center; }

/* ── Tiers layout ── */
.honor-tiers[b-01887560sz] {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 4rem;
    justify-content: center;
    align-items: flex-start;
    max-width: 960px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.honor-tier[b-01887560sz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

/* ── Tier heading ── */
.honor-tier-title[b-01887560sz] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: .08em;
    font-style: italic;
    color: #fff;
}

.honor-tier-icon[b-01887560sz] { font-size: 1.3rem; }

/* Tier accent colors */
.honor-tier-title[b-01887560sz] { color: var(--tier-color, #fff); text-shadow: 0 0 20px color-mix(in srgb, var(--tier-color, transparent) 50%, transparent); }

/* ── Subscriber grid ── */
.honor-grid[b-01887560sz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 1.25rem 1rem;
    width: 100%;
    max-width: 400px;
    justify-items: center;
}

/* ── Subscriber card ── */
.honor-card[b-01887560sz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
}

.honor-avatar[b-01887560sz] {
    width: 80px;
    height: 80px;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,.06);
    border: 2px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s, box-shadow .2s;
    position: relative;
}

.honor-card:hover .honor-avatar[b-01887560sz] {
    transform: translateY(-4px) scale(1.05);
}

/* Tier glow on hover */
.honor-avatar[b-01887560sz] { border-color: color-mix(in srgb, var(--tier-color, transparent) 30%, transparent); }
.honor-card:hover .honor-avatar[b-01887560sz] { box-shadow: 0 8px 24px color-mix(in srgb, var(--tier-color, transparent) 35%, transparent); border-color: color-mix(in srgb, var(--tier-color, transparent) 60%, transparent); }

.honor-avatar img[b-01887560sz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.honor-initials[b-01887560sz] {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--muted);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.honor-nick[b-01887560sz] {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--muted);
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    transition: color .15s;
}

.honor-card:hover .honor-nick[b-01887560sz] { color: var(--text); }

/* ── Mobile ── */
@media (max-width: 700px) {
    .honor-tiers[b-01887560sz] { gap: 2.5rem 2rem; }
    .honor-tier[b-01887560sz]  { width: 100%; max-width: 400px; }
    .honor-grid[b-01887560sz]  { max-width: 100%; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); }
}

@media (max-width: 480px) {
    .honor-wrap[b-01887560sz]  { padding: 2.5rem 1rem 3rem; }
    .honor-grid[b-01887560sz]  { grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 1rem .65rem; }
    .honor-avatar[b-01887560sz] { width: 64px; height: 64px; border-radius: 10px; }
    .honor-nick[b-01887560sz]  { font-size: .6rem; max-width: 68px; }
    .honor-tier-title[b-01887560sz] { font-size: 1.1rem; }
}
/* /Pages/MultiCheckout.razor.rz.scp.css */
.mc-header[b-eoqqsxx83z] { text-align: center; margin-bottom: 2.5rem; }
.mc-grid[b-eoqqsxx83z] { display: grid; grid-template-columns: 1fr 380px; gap: 2rem; align-items: start; }

/* Empty state */
.mc-empty[b-eoqqsxx83z] { text-align: center; padding: 4rem 1rem; }
.mc-empty-icon[b-eoqqsxx83z] { font-size: 3rem; margin-bottom: 1rem; }
.mc-empty p[b-eoqqsxx83z] { color: var(--muted); margin-bottom: 1.5rem; }

/* Items list */
.mc-items[b-eoqqsxx83z] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; }
.mc-item[b-eoqqsxx83z] { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid var(--border); }
.mc-item:last-of-type[b-eoqqsxx83z] { border-bottom: none; }
.mc-item-img[b-eoqqsxx83z] { width: 48px; height: 48px; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,.05); display: flex; align-items: center; justify-content: center; font-size: 1.6rem; flex-shrink: 0; }
.mc-item-img img[b-eoqqsxx83z] { width: 100%; height: 100%; object-fit: cover; }
.mc-item-info[b-eoqqsxx83z] { flex: 1; min-width: 0; }
.mc-item-name[b-eoqqsxx83z] { font-size: .93rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-item-meta[b-eoqqsxx83z] { display: flex; gap: .4rem; flex-wrap: wrap; margin-top: .3rem; }
.mc-tag[b-eoqqsxx83z] { font-size: .65rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; text-transform: uppercase; letter-spacing: .3px; }
.mc-tag-tier[b-eoqqsxx83z] { background: rgba(124,58,237,.15); color: #a78bfa; border: 1px solid rgba(124,58,237,.3); }
.mc-tag-discount[b-eoqqsxx83z] { background: rgba(34,197,94,.12); color: #4ade80; border: 1px solid rgba(34,197,94,.25); }
.mc-item-price[b-eoqqsxx83z] { display: flex; flex-direction: column; align-items: flex-end; gap: .2rem; flex-shrink: 0; }
.mc-price-original[b-eoqqsxx83z] { font-size: .75rem; color: var(--muted); text-decoration: line-through; }
.mc-price-final[b-eoqqsxx83z] { font-size: 1rem; font-weight: 800; color: var(--text); }
.mc-remove[b-eoqqsxx83z] { background: none; border: none; cursor: pointer; color: var(--muted); padding: .35rem; border-radius: 6px; transition: color .15s, background .15s; display: flex; align-items: center; justify-content: center; }
.mc-remove:hover[b-eoqqsxx83z] { color: #f87171; background: rgba(248,113,113,.1); }

/* Summary row */
.mc-summary[b-eoqqsxx83z] { padding: 1rem 1.25rem; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: .5rem; }
.mc-summary-row[b-eoqqsxx83z] { display: flex; justify-content: space-between; align-items: center; font-size: .88rem; }
.mc-savings[b-eoqqsxx83z] { color: #4ade80; }
.mc-total[b-eoqqsxx83z] { font-size: 1.05rem; font-weight: 800; }

/* Form panel */
.mc-form-panel[b-eoqqsxx83z] { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--r); padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 1.5rem; }
.mc-form-title[b-eoqqsxx83z] { font-size: 1rem; font-weight: 800; margin-bottom: .25rem; }
.mc-field[b-eoqqsxx83z] { display: flex; flex-direction: column; gap: .4rem; }
.mc-field label[b-eoqqsxx83z] { font-size: .78rem; color: var(--muted); font-weight: 600; }

.mc-sep[b-eoqqsxx83z] {
    display: flex; align-items: center; gap: .65rem; margin: .1rem 0 -.2rem;
}
.mc-sep span[b-eoqqsxx83z] {
    font-size: .65rem; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--muted); white-space: nowrap;
}
.mc-sep[b-eoqqsxx83z]::before, .mc-sep[b-eoqqsxx83z]::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.mc-addr-row[b-eoqqsxx83z] { display: grid; grid-template-columns: 1fr 72px; gap: .5rem; }

.mc-check-row[b-eoqqsxx83z] {
    display: flex; align-items: center; gap: .5rem;
    font-size: .8rem; color: var(--muted); cursor: pointer; user-select: none;
}
.mc-check-row input[type="checkbox"][b-eoqqsxx83z] {
    accent-color: var(--accent); width: 13px; height: 13px; flex-shrink: 0; cursor: pointer;
}
.mc-input[b-eoqqsxx83z] { background: rgba(255,255,255,.04); border: 1px solid var(--border); border-radius: 9px; padding: .6rem .85rem; font-size: .9rem; color: var(--text); width: 100%; box-sizing: border-box; transition: border-color .2s; }
.mc-input:focus[b-eoqqsxx83z] { outline: none; border-color: var(--accent); }
.mc-error[b-eoqqsxx83z] { background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.3); border-radius: 9px; padding: .6rem .85rem; font-size: .82rem; color: #f87171; }
.mc-total-big[b-eoqqsxx83z] { font-size: 1.6rem; font-weight: 900; text-align: center; letter-spacing: -1px; }

/* Payment buttons */
.mc-btn-paypal[b-eoqqsxx83z] { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem; border-radius: 10px; font-size: .9rem; font-weight: 700; cursor: pointer; border: none; background: #0070ba; color: #fff; transition: all .2s; }
.mc-btn-paypal:hover:not(:disabled)[b-eoqqsxx83z] { background: #005ea6; transform: translateY(-1px); }
.mc-btn-stripe[b-eoqqsxx83z] { width: 100%; display: flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem; border-radius: 10px; font-size: .9rem; font-weight: 700; cursor: pointer; border: none; background: linear-gradient(135deg,var(--accent),#9d5cf6); color: #fff; transition: all .2s; box-shadow: var(--glow); }
.mc-btn-stripe:hover:not(:disabled)[b-eoqqsxx83z] { transform: translateY(-1px); box-shadow: 0 0 28px rgba(124,58,237,.6); }
.mc-btn-paypal:disabled[b-eoqqsxx83z], .mc-btn-stripe:disabled[b-eoqqsxx83z] { opacity: .55; cursor: not-allowed; }

.spinner-sm[b-eoqqsxx83z] { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.3); border-top-color: #fff; border-radius: 50%; animation: spin-b-eoqqsxx83z .6s linear infinite; flex-shrink: 0; }
@keyframes spin-b-eoqqsxx83z { to { transform: rotate(360deg); } }

@media (max-width: 768px) {
    .mc-grid[b-eoqqsxx83z] { grid-template-columns: 1fr; }
    .mc-form-panel[b-eoqqsxx83z] { position: static; }
    .ck-login-card[b-eoqqsxx83z] { padding: 2rem 1.5rem; }
}
@media (max-width: 480px) {
    .mc-item[b-eoqqsxx83z] { gap: .65rem; }
    .mc-item-img[b-eoqqsxx83z] { width: 40px; height: 40px; font-size: 1.2rem; }
}

.ck-login-required[b-eoqqsxx83z] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    width: 100%;
}
.ck-login-card[b-eoqqsxx83z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: #0b1120;
    border: 1px solid rgba(88,101,242,.25);
    border-radius: 18px;
    padding: 2.5rem 3rem;
    max-width: 420px;
    width: 100%;
    box-shadow: 0 0 40px rgba(88,101,242,.12);
    text-align: center;
}
.ck-login-icon[b-eoqqsxx83z] { font-size: 2.2rem; }
.ck-login-title[b-eoqqsxx83z] { font-size: 1.25rem; font-weight: 700; color: #e2e8f0; }
.ck-login-sub[b-eoqqsxx83z] { font-size: .9rem; color: #64748b; line-height: 1.5; }
.ck-cancel-link[b-eoqqsxx83z] { font-size: .85rem; color: #64748b; text-decoration: none; }
.ck-cancel-link:hover[b-eoqqsxx83z] { color: #e2e8f0; }
.btn-discord-ck[b-eoqqsxx83z] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .6rem 1.5rem;
    background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    box-shadow: 0 2px 14px rgba(88,101,242,.5), inset 0 1px 0 rgba(255,255,255,.15);
    transition: box-shadow .2s, transform .15s;
    position: relative;
    overflow: hidden;
}
.btn-discord-ck[b-eoqqsxx83z]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 60%);
    pointer-events: none;
}
.btn-discord-ck:hover[b-eoqqsxx83z] {
    background: linear-gradient(135deg, #6875f5 0%, #5865F2 100%);
    box-shadow: 0 4px 22px rgba(88,101,242,.7), inset 0 1px 0 rgba(255,255,255,.2);
    transform: translateY(-2px);
}
.btn-discord-ck:active[b-eoqqsxx83z] { transform: translateY(0); box-shadow: 0 1px 6px rgba(88,101,242,.4); }
.discord-icon-ck[b-eoqqsxx83z] { width: 22px; height: 22px; flex-shrink: 0; filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
/* /Pages/Profile.razor.rz.scp.css */
/* ── Wrap ── */
.profile-wrap[b-rcwrtyhpat] {
    padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 4vw, 2.5rem);
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.profile-loading[b-rcwrtyhpat] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Hero ── */
.profile-hero[b-rcwrtyhpat] {
    position: relative;
    border: 1px solid var(--border);
    border-radius: 20px;
    overflow: hidden;
    background: var(--card);
}

.profile-hero-banner[b-rcwrtyhpat] {
    height: 110px;
    background: linear-gradient(135deg, rgba(99,102,241,.25) 0%, rgba(6,182,212,.1) 60%, transparent 100%);
    border-bottom: 1px solid var(--border);
}

.profile-hero-actions[b-rcwrtyhpat] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    gap: .5rem;
}

.profile-hero-identity[b-rcwrtyhpat] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
    margin-top: -36px;
}

.profile-avatar-wrap[b-rcwrtyhpat] {
    position: relative;
    flex-shrink: 0;
}

.profile-avatar[b-rcwrtyhpat] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--card);
    box-shadow: 0 0 0 2px var(--border);
}

.profile-avatar--placeholder[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
    font-size: 1.8rem;
    font-weight: 800;
    color: #fff;
}

.profile-online-dot[b-rcwrtyhpat] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: #22c55e;
    border-radius: 50%;
    border: 2px solid var(--card);
}

.profile-name[b-rcwrtyhpat] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--text);
    line-height: 1.2;
}

.profile-discord-id[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .78rem;
    color: var(--muted);
    margin-top: .2rem;
}

.profile-role-tag[b-rcwrtyhpat] {
    color: var(--accent-2);
    font-weight: 700;
}

/* ── Top row: Rango + Datos del jugador ── */
.pf-top[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

/* Campos horizontales dentro de Datos del jugador */
.pf-fields-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.pf-field-full[b-rcwrtyhpat] { grid-column: 1 / -1; }

/* ── Addresses row ── */
.pf-addresses[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 760px) {
    .pf-top[b-rcwrtyhpat]            { grid-template-columns: 1fr; }
    .pf-addresses[b-rcwrtyhpat]      { grid-template-columns: 1fr; }
    .profile-stats-row[b-rcwrtyhpat] { grid-template-columns: 1fr 1fr; }
    .profile-hero-identity[b-rcwrtyhpat] { flex-direction: column; align-items: flex-start; gap: .75rem; }
}
@media (max-width: 420px) {
    .pf-fields-row[b-rcwrtyhpat]     { grid-template-columns: 1fr; }
    .profile-stats-row[b-rcwrtyhpat] { grid-template-columns: 1fr; }
    .pt-item[b-rcwrtyhpat]           { flex-wrap: wrap; gap: .5rem; }
}

/* ── Card base ── */
.profile-card[b-rcwrtyhpat] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-card-title[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
}

.profile-field[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.profile-field-label[b-rcwrtyhpat] {
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--muted);
}

.profile-field-input[b-rcwrtyhpat] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .5rem .75rem;
    font-size: .85rem;
    color: var(--text);
}

/* ── Rank box ── */
.profile-rank-box[b-rcwrtyhpat] {
    background: rgba(99,102,241,.06);
    border: 1px solid rgba(99,102,241,.2);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    text-align: center;
}

.profile-rank-box--empty[b-rcwrtyhpat] {
    background: rgba(255,255,255,.03);
    border-color: var(--border);
}

.profile-rank-name[b-rcwrtyhpat] {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .06em;
    color: var(--muted);
}

.profile-rank-box:not(.profile-rank-box--empty) .profile-rank-name[b-rcwrtyhpat] {
    color: var(--text);
}

.profile-rank-status[b-rcwrtyhpat] {
    font-size: .7rem;
    color: var(--muted);
    letter-spacing: .08em;
}

.profile-rank-meta[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: center;
}

.profile-rank-renewal[b-rcwrtyhpat] {
    font-size: .78rem;
    color: var(--muted);
}

.profile-rank-votes[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    color: var(--muted);
}

/* ── Stats row ── */
.profile-stats-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.profile-stat-card[b-rcwrtyhpat] {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.profile-stat-label[b-rcwrtyhpat] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--muted);
}

.profile-stat-value[b-rcwrtyhpat] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

/* ── Badge status ── */
.badge-status[b-rcwrtyhpat] {
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .2rem .55rem;
    border-radius: 6px;
}

.badge-status--active[b-rcwrtyhpat]    { background: rgba(34,197,94,.12);  color: #22c55e; }
.badge-status--past_due[b-rcwrtyhpat]  { background: rgba(234,179,8,.12);  color: #eab308; }
.badge-status--cancelled[b-rcwrtyhpat] { background: rgba(239,68,68,.12);  color: #ef4444; }

/* ── Payment timeline ── */
.payment-timeline[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pt-item[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid var(--border);
    position: relative;
}

.pt-item:last-child[b-rcwrtyhpat] { border-bottom: none; }

.pt-item--clickable[b-rcwrtyhpat] {
    cursor: pointer;
    border-radius: 10px;
    margin: 0 -.5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    transition: background .15s;
}
.pt-item--clickable:hover[b-rcwrtyhpat] { background: rgba(255,255,255,.04); }
.pt-item--clickable:active[b-rcwrtyhpat] { background: rgba(124,58,237,.08); }

.pt-dot[b-rcwrtyhpat] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    flex-shrink: 0;
    box-shadow: 0 0 6px var(--accent);
}

.pt-content[b-rcwrtyhpat] {
    flex: 1;
    min-width: 0;
}

.pt-name[b-rcwrtyhpat] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pt-date[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .73rem;
    color: var(--muted);
    margin-top: .15rem;
}

.pt-right[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-shrink: 0;
}

.pt-badge[b-rcwrtyhpat] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .2rem .5rem;
    border-radius: 6px;
}

.pt-badge--stripe[b-rcwrtyhpat]     { background: rgba(99,91,255,.12);  color: #7c73ff; }
.pt-badge--paypal[b-rcwrtyhpat]     { background: rgba(0,48,135,.15);   color: #5b9bd5; }
.pt-badge--sub[b-rcwrtyhpat]        { background: rgba(6,182,212,.12);  color: var(--accent-2); }
.pt-badge--active[b-rcwrtyhpat]     { background: rgba(34,197,94,.12);  color: #22c55e; }
.pt-badge--past_due[b-rcwrtyhpat]   { background: rgba(234,179,8,.12);  color: #eab308; }
.pt-badge--cancelled[b-rcwrtyhpat]  { background: rgba(239,68,68,.12);  color: #ef4444; }
.pt-dot--sub[b-rcwrtyhpat] { background: var(--accent-2); box-shadow: 0 0 6px var(--accent-2); }

.pt-amount[b-rcwrtyhpat] {
    font-size: .9rem;
    font-weight: 700;
    color: #22c55e;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ── Profile edit form ── */
.pf-input[b-rcwrtyhpat] {
    background: rgba(255,255,255,.04);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: .5rem .75rem;
    font-size: .85rem;
    color: var(--text);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
.pf-input:focus[b-rcwrtyhpat] {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(124,58,237,.15);
}
.pf-input[b-rcwrtyhpat]::placeholder { color: rgba(255,255,255,.2); }

.pf-row[b-rcwrtyhpat] {
    display: grid;
    grid-template-columns: 1fr 72px;
    gap: .5rem;
}
.pf-optional[b-rcwrtyhpat] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    opacity: .6;
    font-size: .6rem;
}

.pf-check-row[b-rcwrtyhpat] {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-size: .82rem;
    color: var(--muted);
    cursor: pointer;
    user-select: none;
}
.pf-check-row input[type="checkbox"][b-rcwrtyhpat] {
    accent-color: var(--accent);
    width: 14px;
    height: 14px;
    cursor: pointer;
    flex-shrink: 0;
}

.pf-same-tag[b-rcwrtyhpat] {
    font-size: .75rem;
    color: var(--accent-2);
    background: rgba(6,182,212,.08);
    border: 1px solid rgba(6,182,212,.2);
    border-radius: 6px;
    padding: .3rem .65rem;
    display: inline-block;
}

.pf-error[b-rcwrtyhpat] {
    background: rgba(239,68,68,.1);
    border: 1px solid rgba(239,68,68,.3);
    border-radius: 10px;
    padding: .65rem 1rem;
    font-size: .83rem;
    color: #f87171;
}

.btn-spinner-sm[b-rcwrtyhpat] {
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-rcwrtyhpat .6s linear infinite;
    flex-shrink: 0;
}
@keyframes spin-b-rcwrtyhpat { to { transform: rotate(360deg); } }

/* ── Empty orders ── */
.orders-empty[b-rcwrtyhpat] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 2rem;
    color: var(--muted);
    text-align: center;
    font-size: .85rem;
}

.orders-empty a[b-rcwrtyhpat] { color: var(--accent); }
/* /Pages/Servers.razor.rz.scp.css */
.servers-header[b-4byivstkq3] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.servers-grid[b-4byivstkq3] { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 1.25rem; }

@media (max-width: 680px) {
    .servers-grid[b-4byivstkq3] { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 420px) {
    .servers-grid[b-4byivstkq3] { grid-template-columns: 1fr; }
    .servers-header[b-4byivstkq3] { align-items: flex-start; }
}
/* /Pages/Shop.razor.rz.scp.css */
.shop-header[b-jmw9otth00] { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.cart-info[b-jmw9otth00] { display: flex; align-items: center; gap: .6rem; font-size: .82rem; color: var(--muted); }
.shop-filters[b-jmw9otth00] { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 2rem; }
.filter-btn[b-jmw9otth00] { padding: .4rem 1rem; border-radius: 999px; font-size: .8rem; font-weight: 600; cursor: pointer; border: 1px solid var(--border); background: transparent; color: var(--muted); transition: all .2s; touch-action: manipulation; }
.filter-btn:hover[b-jmw9otth00] { border-color: var(--accent); color: var(--text); }
.filter-btn.active[b-jmw9otth00] { background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: var(--glow); }
.shop-grid[b-jmw9otth00] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap: 1.25rem; }
@media (max-width: 500px) {
    .shop-grid[b-jmw9otth00] { grid-template-columns: 1fr 1fr; gap: .85rem; }
}
@media (max-width: 360px) {
    .shop-grid[b-jmw9otth00] { grid-template-columns: 1fr; }
}
/* /Pages/Voting.razor.rz.scp.css */
.v-page[b-h2aijp6evq] { max-width: 1300px; margin: 0 auto; padding: clamp(2rem,5vw,4rem) clamp(1rem,4vw,2.5rem); }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.v-hero[b-h2aijp6evq] { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 2rem; margin-bottom: 3rem; }

.v-session-badge[b-h2aijp6evq] {
    display: inline-flex; align-items: center; gap: .4rem;
    border: 1px solid var(--accent-2); color: var(--accent-2);
    font-size: .7rem; font-weight: 700; letter-spacing: 1px;
    padding: .3rem .9rem; border-radius: 999px; text-transform: uppercase;
    margin-bottom: 1rem;
}

.v-main-title[b-h2aijp6evq] {
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 900; letter-spacing: -1px; line-height: 1;
    color: var(--text);
}
.v-live[b-h2aijp6evq] { color: var(--accent-2); }

.v-hero-sub[b-h2aijp6evq] { color: var(--muted); margin-top: .6rem; font-size: 1rem; }

/* ── Credits widget ───────────────────────────────────────────────────── */
.v-credits-widget[b-h2aijp6evq] {
    display: flex; align-items: center; gap: 1.5rem;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--r); padding: 1rem 1.5rem;
    min-width: 300px;
}
.vcw-reset-label[b-h2aijp6evq] {
    font-size: .62rem; font-weight: 700; letter-spacing: 1px;
    color: var(--muted); text-transform: uppercase; margin-bottom: .3rem;
}
.vcw-votes[b-h2aijp6evq] {
    display: flex; align-items: baseline; gap: .25rem;
    line-height: 1;
}
.vcw-votes-left[b-h2aijp6evq] {
    font-size: 2rem; font-weight: 800; color: var(--accent-2);
}
.vcw-votes-sep[b-h2aijp6evq] {
    font-size: 1.25rem; color: var(--muted);
}
.vcw-votes-total[b-h2aijp6evq] {
    font-size: 1.25rem; color: var(--muted);
}
.vcw-votes-label[b-h2aijp6evq] {
    font-size: .72rem; color: var(--muted); margin-top: .25rem;
}

/* ── Access banner ────────────────────────────────────────────────────── */
.v-access-banner[b-h2aijp6evq] {
    border-radius: var(--r);
    padding: .75rem 1.25rem;
    font-size: .88rem;
    margin-bottom: 2rem;
    background: rgba(251,191,36,.08);
    border: 1px solid rgba(251,191,36,.25);
    color: #fcd34d;
}
.v-access-banner a[b-h2aijp6evq] { color: var(--accent-2); text-decoration: underline; }
.v-access-banner--empty[b-h2aijp6evq] {
    background: rgba(239,68,68,.08);
    border-color: rgba(239,68,68,.25);
    color: #f87171;
}
.v-access-banner--ok[b-h2aijp6evq] {
    background: rgba(6,182,212,.08);
    border-color: rgba(6,182,212,.25);
    color: var(--accent-2);
}

/* ── Proposals ────────────────────────────────────────────────────────── */
.v-prop-header[b-h2aijp6evq] {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;
}
.v-prop-title[b-h2aijp6evq] {
    font-size: .95rem; font-weight: 900; letter-spacing: 2.5px;
    text-transform: uppercase; font-style: italic;
}

/* Category tabs */
.v-cat-tabs[b-h2aijp6evq] { display: flex; gap: .4rem; flex-wrap: wrap; }
.v-cat-tab[b-h2aijp6evq] {
    padding: .35rem 1rem; border-radius: 6px;
    border: 1px solid var(--border); background: transparent;
    color: var(--muted); font-size: .72rem; font-weight: 700;
    letter-spacing: .5px; text-transform: uppercase;
    cursor: pointer; transition: all .18s;
}
.v-cat-tab:hover[b-h2aijp6evq] { border-color: var(--accent-2); color: var(--accent-2); }
.v-cat-tab.active[b-h2aijp6evq] { background: var(--accent-2); border-color: var(--accent-2); color: #000; }

/* ── Grid ─────────────────────────────────────────────────────────────── */
.v-grid[b-h2aijp6evq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1.25rem;
}

/* ── Empty / Error ────────────────────────────────────────────────────── */
.v-empty[b-h2aijp6evq] { text-align: center; padding: 5rem 1rem; }
.v-empty-icon[b-h2aijp6evq] { font-size: 4rem; margin-bottom: 1rem; }
.v-empty h2[b-h2aijp6evq] { font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem; }
.v-empty p[b-h2aijp6evq] { color: var(--muted); }

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 680px) {
    .v-credits-widget[b-h2aijp6evq] { min-width: unset; width: 100%; }
    .v-hero[b-h2aijp6evq] { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
    .v-prop-header[b-h2aijp6evq] { flex-direction: column; align-items: flex-start; }
    .v-main-title[b-h2aijp6evq] { font-size: clamp(2rem, 8vw, 3rem); }
    .v-grid[b-h2aijp6evq] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
    .v-grid[b-h2aijp6evq] { grid-template-columns: 1fr; }
}

/* ── Admin panel ──────────────────────────────────────────────────────── */
.v-admin[b-h2aijp6evq] {
    margin-top: 3rem;
    border: 1px solid rgba(124,58,237,.3);
    border-radius: var(--r);
    background: rgba(124,58,237,.05);
    padding: 1.25rem 1.5rem;
}
.v-admin-header[b-h2aijp6evq] { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.v-admin-badge[b-h2aijp6evq] {
    font-size: .6rem; font-weight: 800; letter-spacing: 1.5px;
    padding: .2rem .55rem; border-radius: 999px;
    background: rgba(124,58,237,.25); color: #a78bfa;
    border: 1px solid rgba(124,58,237,.4);
}
.v-admin-title[b-h2aijp6evq] { font-size: .85rem; font-weight: 700; color: var(--muted); }

.v-admin-search[b-h2aijp6evq] { display: flex; gap: .75rem; }
.v-admin-input[b-h2aijp6evq] {
    flex: 1;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: 8px; padding: .55rem .9rem;
    color: var(--text); font-size: .85rem;
}
.v-admin-input:focus[b-h2aijp6evq] { outline: none; border-color: var(--accent); }
.v-admin-btn[b-h2aijp6evq] {
    background: rgba(124,58,237,.15); color: #a78bfa;
    border: 1px solid rgba(124,58,237,.35);
    border-radius: 8px; padding: .55rem 1.1rem;
    font-size: .82rem; font-weight: 600; cursor: pointer; transition: all .18s;
    white-space: nowrap;
}
.v-admin-btn:hover:not(:disabled)[b-h2aijp6evq] { background: var(--accent); color: #fff; }
.v-admin-btn:disabled[b-h2aijp6evq] { opacity: .5; cursor: not-allowed; }

.v-admin-error[b-h2aijp6evq] {
    margin-top: .75rem; padding: .55rem .9rem;
    background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.3);
    border-radius: 8px; color: #f87171; font-size: .82rem;
}

.v-admin-preview-card[b-h2aijp6evq] {
    margin-top: 1rem; display: flex; align-items: center; gap: 1rem;
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: 10px; padding: .85rem 1rem; flex-wrap: wrap;
}
.v-admin-thumb[b-h2aijp6evq] {
    width: 72px; height: 72px; object-fit: cover;
    border-radius: 8px; flex-shrink: 0;
}
.v-admin-preview-info[b-h2aijp6evq] { flex: 1; min-width: 160px; }
.v-admin-preview-name[b-h2aijp6evq] { font-size: .95rem; font-weight: 700; margin-bottom: .3rem; }
.v-admin-preview-meta[b-h2aijp6evq] { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .4rem; }
.v-admin-preview-meta span[b-h2aijp6evq] {
    font-size: .65rem; font-weight: 600; padding: .15rem .5rem; border-radius: 999px;
    background: rgba(255,255,255,.06); color: var(--muted); border: 1px solid rgba(255,255,255,.08);
}
.v-admin-preview-desc[b-h2aijp6evq] { font-size: .78rem; color: var(--muted); line-height: 1.4; }

.v-admin-save[b-h2aijp6evq] {
    background: rgba(124,58,237,.2); color: #a78bfa;
    border: 1px solid rgba(124,58,237,.4);
    border-radius: 8px; padding: .6rem 1.4rem;
    font-size: .85rem; font-weight: 700; cursor: pointer; transition: all .18s;
    white-space: nowrap; flex-shrink: 0;
}
.v-admin-save:hover:not(:disabled)[b-h2aijp6evq] { background: var(--accent); color: #fff; box-shadow: var(--glow); }
.v-admin-save:disabled[b-h2aijp6evq] { opacity: .5; cursor: not-allowed; }