@import '_content/Rebel.Shared.UI/Rebel.Shared.UI.kyghsnfufi.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-body[b-wyn03gmyz3] {
    position: relative;
    z-index: var(--z-content);
    min-height: calc(100vh - var(--app-header-height-desktop));
}

@media (max-width: 860px) {
    .app-body[b-wyn03gmyz3] {
        min-height: calc(100vh - var(--app-header-height-mobile));
    }
}
/* /Components/Pages/Account/Account.razor.rz.scp.css */
.account-shell[b-s0n5aduz6c] {
    width: 100%;
    padding: 1.5rem var(--app-page-padding-inline) var(--app-section-padding-block);
}

.account-header[b-s0n5aduz6c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--app-border);
}

.account-avatar[b-s0n5aduz6c] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--app-primary) 30%, var(--app-border));
    border-radius: var(--app-radius-lg);
    background: color-mix(in srgb, var(--app-primary) 9%, var(--app-surface));
    color: var(--app-primary);
    font-weight: 850;
}

.account-header h1[b-s0n5aduz6c] { margin: 0; color: var(--app-text); font-size: 1.4rem; letter-spacing: 0; overflow-wrap: anywhere; }
.account-header p[b-s0n5aduz6c] { margin: 0.15rem 0 0; color: var(--app-text-muted); font-size: 0.82rem; }
.account-wallet-link[b-s0n5aduz6c] { display: inline-flex; align-items: center; gap: 0.4rem; }

.account-dashboard[b-s0n5aduz6c] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.72fr) minmax(30rem, 1.58fr);
    align-items: start;
    gap: var(--app-grid-gap);
    margin-top: var(--app-grid-gap);
}

@media (max-width: 1050px) { .account-dashboard[b-s0n5aduz6c] { grid-template-columns: 1fr; } }
@media (max-width: 720px) {
    .account-shell[b-s0n5aduz6c] { padding-inline: var(--app-page-padding-inline-mobile); }
    .account-header[b-s0n5aduz6c] { grid-template-columns: auto minmax(0, 1fr); }
    .account-wallet-link[b-s0n5aduz6c] { grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 420px) {
    .account-header[b-s0n5aduz6c] { align-items: start; }
    .account-avatar[b-s0n5aduz6c] { width: 42px; height: 42px; }
}
/* /Components/Pages/Account/Components/AccountOverview.razor.rz.scp.css */
.account-overview[b-33ed94l30a] {
    min-width: 0;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-card-bg);
    padding: var(--app-card-padding);
}
.account-balance[b-33ed94l30a] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; padding-bottom: 0.9rem; border-bottom: 1px solid var(--app-divider); }
.account-balance div[b-33ed94l30a] { display: grid; gap: 0.15rem; }
.account-balance span[b-33ed94l30a], .account-status span[b-33ed94l30a] { color: var(--app-text-muted); font-size: 0.72rem; font-weight: 750; text-transform: uppercase; }
.account-balance strong[b-33ed94l30a] { color: var(--app-text); font-size: 1.65rem; line-height: 1.05; }
.account-balance a[b-33ed94l30a] { color: var(--app-primary); font-size: 0.78rem; font-weight: 750; text-decoration: none; }
.account-status-list[b-33ed94l30a] { display: grid; }
.account-status[b-33ed94l30a] { min-width: 0; padding-block: 0.8rem; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 0.15rem 0.65rem; border-bottom: 1px solid var(--app-divider); }
.account-status[b-33ed94l30a]  > .app-icon { grid-row: 1 / span 2; width: 34px; height: 34px; padding: 0.52rem; border-radius: var(--app-radius-md); background: var(--app-surface-2); color: var(--app-primary); }
.account-status div[b-33ed94l30a] { min-width: 0; display: grid; gap: 0.1rem; }
.account-status strong[b-33ed94l30a] { color: var(--app-text); font-size: 0.88rem; overflow-wrap: anywhere; }
.account-status small[b-33ed94l30a] { grid-column: 2; color: var(--app-text-muted); font-size: 0.72rem; line-height: 1.4; }
.account-ok[b-33ed94l30a] { color: var(--app-success) !important; }
.account-pending[b-33ed94l30a] { color: var(--app-warning) !important; }
.account-action[b-33ed94l30a] { min-height: var(--app-control-height); margin-top: 0.8rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.65rem; color: var(--app-text); text-decoration: none; }
.account-action[b-33ed94l30a]  > .app-icon:first-child { color: var(--app-primary); }
.account-action span[b-33ed94l30a] { min-width: 0; display: grid; gap: 0.1rem; }
.account-action strong[b-33ed94l30a] { font-size: 0.84rem; }
.account-action small[b-33ed94l30a] { color: var(--app-text-muted); font-size: 0.7rem; }
[b-33ed94l30a] .account-action__arrow { color: var(--app-primary); }
@media (max-width: 1050px) {
    .account-status-list[b-33ed94l30a] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .account-status[b-33ed94l30a] { align-content: start; border-right: 1px solid var(--app-divider); border-bottom: 0; }
    .account-status:last-child[b-33ed94l30a] { border-right: 0; }
}
@media (max-width: 720px) {
    .account-status-list[b-33ed94l30a] { grid-template-columns: 1fr; }
    .account-status[b-33ed94l30a] { border-right: 0; border-bottom: 1px solid var(--app-divider); }
}
@media (max-width: 420px) { .account-balance[b-33ed94l30a] { align-items: start; flex-direction: column; } }
/* /Components/Pages/Account/Components/SecuritySettings.razor.rz.scp.css */
.account-security[b-94rgorfni8] { min-width: 0; border: 1px solid var(--app-border); border-radius: var(--app-radius-lg); background: var(--app-card-bg); overflow: hidden; }
.account-section-header[b-94rgorfni8] { padding: var(--app-card-padding); display: flex; align-items: center; gap: 0.7rem; border-bottom: 1px solid var(--app-border); background: color-mix(in srgb, var(--app-primary) 4%, var(--app-surface)); }
.account-section-icon[b-94rgorfni8] { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: var(--app-radius-md); background: color-mix(in srgb, var(--app-primary) 10%, var(--app-surface)); color: var(--app-primary); }
.account-section-header h2[b-94rgorfni8] { margin: 0.1rem 0 0; color: var(--app-text); font-size: 1rem; font-weight: 800; }
.account-security > .alert[b-94rgorfni8] { margin: var(--app-card-padding) var(--app-card-padding) 0; }
.account-settings[b-94rgorfni8] { display: grid; }
.account-setting[b-94rgorfni8] { padding: var(--app-card-padding); display: grid; grid-template-columns: minmax(11rem, 0.65fr) minmax(0, 1.35fr); align-items: start; gap: 1rem; border-bottom: 1px solid var(--app-divider); }
.account-setting:last-child[b-94rgorfni8] { border-bottom: 0; }
.account-setting > div > span[b-94rgorfni8] { display: block; color: var(--app-text); font-weight: 750; }
.account-setting p[b-94rgorfni8] { margin: 0.2rem 0 0; color: var(--app-text-muted); font-size: 0.8rem; line-height: 1.5; }
.account-setting-form[b-94rgorfni8] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.5rem; }
.account-setting-form button[b-94rgorfni8] { grid-column: 2; grid-row: 1 / span 2; }
.account-setting-form--single button[b-94rgorfni8] { grid-row: 1; }
@media (max-width: 720px) {
    .account-setting[b-94rgorfni8], .account-setting-form[b-94rgorfni8] { grid-template-columns: 1fr; }
    .account-setting-form button[b-94rgorfni8] { grid-column: 1; grid-row: auto; }
}
/* /Components/Pages/Admin/Components/AdminUsersPanel.razor.rz.scp.css */
.admin-panel__title[b-yohpp108bi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.admin-panel__title h2[b-yohpp108bi] {
    margin: 0;
    color: var(--app-text);
    font-size: 1rem;
}

.admin-table-wrap[b-yohpp108bi] { overflow-x: auto; }
.admin-table td[b-yohpp108bi] { vertical-align: top; }
.muted[b-yohpp108bi] { color: var(--app-text-muted); font-size: 0.84rem; }

.status-pill[b-yohpp108bi] {
    display: inline-flex;
    padding: 0.25rem 0.55rem;
    border-radius: var(--app-radius-sm);
    font-size: 0.72rem;
    font-weight: 750;
}

.status-pill--ok[b-yohpp108bi] { background: var(--app-success-soft); color: var(--app-success); }
.status-pill--pending[b-yohpp108bi],
.blacklist-warning[b-yohpp108bi] { background: var(--app-warning-soft); color: var(--app-warning); }

.blacklist-warning[b-yohpp108bi] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
    padding: 0.35rem 0.45rem;
    border-radius: var(--app-radius-sm);
    font-size: 0.76rem;
}

.blacklist-warning[b-yohpp108bi]  .app-icon { font-size: 1rem; }
/* /Components/Pages/Admin/Components/PhoneBlacklistPanel.razor.rz.scp.css */
.admin-panel__title[b-ms507lvd1d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.admin-panel__title h2[b-ms507lvd1d] {
    margin: 0;
    color: var(--app-text);
    font-size: 1rem;
}

.blacklist-form[b-ms507lvd1d] { display: flex; gap: 0.5rem; }
.blacklist-list[b-ms507lvd1d] { display: grid; gap: 0.5rem; margin-top: 1rem; }

.blacklist-item[b-ms507lvd1d] {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(180px, 2fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding-top: 0.65rem;
    border-top: 1px solid var(--app-border);
}

@media (max-width: 760px) {
    .blacklist-form[b-ms507lvd1d],
    .blacklist-item[b-ms507lvd1d] { display: grid; }
}
/* /Components/Pages/Admin/Components/PromotionPricingPanel.razor.rz.scp.css */
.promotion-pricing-field[b-g1ok6m7zb6] { display: flex; flex-direction: column; gap: var(--app-space-8); }
.promotion-pricing-field input[b-g1ok6m7zb6] { max-width: 24ch; }
.promotion-pricing-meta[b-g1ok6m7zb6] { display: flex; flex-wrap: wrap; gap: var(--app-space-16) var(--app-space-24); }
.promotion-pricing-meta > div[b-g1ok6m7zb6] { min-width: 0; }
.promotion-pricing-meta dd[b-g1ok6m7zb6] { margin: 0; overflow-wrap: anywhere; }
.promotion-pricing-help[b-g1ok6m7zb6] { margin-top: var(--app-space-16); }
.promotion-pricing-copy[b-g1ok6m7zb6], .promotion-pricing-help[b-g1ok6m7zb6] { max-width: 80ch; }
.promotion-pricing-actions[b-g1ok6m7zb6] { display: flex; flex-wrap: wrap; gap: var(--app-space-12); }
/* /Components/Pages/Admin/Components/RecentAdminActivity.razor.rz.scp.css */
.admin-panel[b-dbr1jzpiue] {
    margin-bottom: var(--app-grid-gap);
    padding: var(--app-card-padding);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-card-bg);
}

.admin-panel__title[b-dbr1jzpiue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.admin-panel__title h2[b-dbr1jzpiue] {
    margin: 0;
    color: var(--app-text);
    font-size: 1rem;
}

.admin-table-wrap[b-dbr1jzpiue] { overflow-x: auto; }
.admin-table td[b-dbr1jzpiue] { vertical-align: top; }
.muted[b-dbr1jzpiue] { color: var(--app-text-muted); font-size: 0.84rem; }
/* /Components/Pages/Admin/Components/TrafficAnalyticsSection.razor.rz.scp.css */
.traffic-head[b-w6987gjzv4] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.traffic-loading[b-w6987gjzv4] { display:flex; min-height:1.5rem; align-items:center; gap:.4rem; margin:.5rem 0; color:var(--app-text-muted); font-size:.8rem; }
.traffic-filters[b-w6987gjzv4] { display:grid; grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) 100px auto; align-items:end; gap:.65rem; margin:.75rem 0 1rem; padding:.8rem; border:1px solid var(--app-border); border-radius:.75rem; }
.traffic-filters label[b-w6987gjzv4] { display:grid; gap:.25rem; color:var(--app-text-muted); font-size:.75rem; font-weight:600; }
.traffic-summary[b-w6987gjzv4] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; }
.traffic-summary article[b-w6987gjzv4] { display:grid; gap:.2rem; padding:.8rem; border:1px solid var(--app-border); border-radius:.75rem; }
.traffic-summary small[b-w6987gjzv4] { color:var(--app-text-muted); text-transform:uppercase; }
.traffic-summary strong[b-w6987gjzv4] { font-size:clamp(1.25rem,2vw,1.8rem); }
.traffic-chart-wrap[b-w6987gjzv4] { margin:1rem 0; padding:.8rem; border:1px solid var(--app-border); border-radius:.75rem; }
.traffic-chart[b-w6987gjzv4] { display:flex; min-height:180px; gap:clamp(.2rem,.8vw,.6rem); overflow-x:auto; margin-top:.6rem; border-bottom:1px solid var(--app-border); }
.traffic-column[b-w6987gjzv4] { display:grid; grid-template-rows:145px auto; flex:1 0 28px; min-width:28px; max-width:70px; text-align:center; }
.traffic-column>div[b-w6987gjzv4] { display:flex; align-items:end; justify-content:center; gap:2px; }
.traffic-column i[b-w6987gjzv4] { width:min(42%,18px); border-radius:3px 3px 0 0; }
.traffic-column .views[b-w6987gjzv4] { background:var(--app-primary); }
.traffic-column .unique[b-w6987gjzv4] { background:var(--app-success); }
.traffic-column small[b-w6987gjzv4] { overflow:hidden; padding-top:.3rem; color:var(--app-text-muted); font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
.traffic-table[b-w6987gjzv4] { min-width:760px; }
.traffic-table[b-w6987gjzv4]  th a { color:inherit; text-decoration:none; }
@media(max-width:800px){.traffic-filters[b-w6987gjzv4]{grid-template-columns:repeat(2,minmax(0,1fr));}.traffic-summary[b-w6987gjzv4]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.traffic-head[b-w6987gjzv4]{flex-direction:column;}.traffic-head .btn-group[b-w6987gjzv4]{width:100%;}.traffic-filters[b-w6987gjzv4]{grid-template-columns:1fr;}}
/* /Components/Pages/Admin/Components/UserAdminTab.razor.rz.scp.css */
.admin-shell[b-neto5bjp26] {
    width: 100%;
    padding: 0;
}

.admin-header[b-neto5bjp26] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.admin-header h2[b-neto5bjp26] { margin: 0; color: var(--app-text); letter-spacing: 0; }
.admin-header p[b-neto5bjp26] { color: var(--app-text-muted); font-size: 0.84rem; }
.admin-header p[b-neto5bjp26] { margin: 0.35rem 0 0; }
.admin-search[b-neto5bjp26] { display: flex; gap: 0.5rem; }

@media (max-width: 760px) {
    .admin-header[b-neto5bjp26],
    .admin-search[b-neto5bjp26] { display: grid; }
}

.admin-search[b-neto5bjp26] { max-width: 44rem; flex-wrap: wrap; }
.admin-search .form-control[b-neto5bjp26] { flex: 1 1 14rem; min-width: 0; }
/* /Components/Pages/Home/Home.razor.rz.scp.css */
/* The hero composition is shared (.app-hero). Rebel owns only its quiet page
   surface and the decorative network artwork, which now sits under the copy
   so it never displaces the heading or the actions. */
.hero[b-1p7ikee150] {
    padding-block: var(--app-content-gap);
    border-bottom: 1px solid var(--app-border);
    background: var(--app-surface);
}

.cta-actions[b-1p7ikee150] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--app-space-2);
}

.hero-visual[b-1p7ikee150] {
    margin: 0;
    min-width: 0;
    display: grid;
    place-items: center;
}

.hero-visual img[b-1p7ikee150] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 360px;
    object-fit: contain;
    object-position: center;
}

.hero-visual .hero-art--light[b-1p7ikee150] { display: none; }
[data-theme="light"] .hero-visual .hero-art--dark[b-1p7ikee150] { display: none; }
[data-theme="light"] .hero-visual .hero-art--light[b-1p7ikee150] { display: block; }

.platform-stats[b-1p7ikee150] {
    border-bottom: 1px solid var(--app-border);
    background: var(--app-bg);
}

.platform-stats__inner[b-1p7ikee150] {
    width: 100%;
    padding-inline: var(--app-page-padding-inline);
    display: grid;
    grid-template-columns: 1fr;
}

.platform-stat[b-1p7ikee150] {
    min-width: 0;
    min-height: 92px;
    padding: 16px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--app-border);
}

.platform-stat:last-child[b-1p7ikee150] { border-bottom: 0; }

@media (min-width: 480px) and (max-width: 1023px) {
    .platform-stats__inner[b-1p7ikee150] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .platform-stat[b-1p7ikee150] {
        border-bottom: 1px solid var(--app-border);
    }
}

@media (min-width: 1024px) {
    .platform-stats__inner[b-1p7ikee150] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .platform-stat[b-1p7ikee150] {
        border-bottom: 0;
        border-right: 1px solid var(--app-border);
    }

    .platform-stat:last-child[b-1p7ikee150] { border-right: 0; }
}

.platform-stat[b-1p7ikee150]  > .app-icon {
    width: 32px;
    height: 32px;
    padding: 0.5rem;
    border-radius: var(--app-radius-md);
    background: color-mix(in srgb, var(--app-primary) 9%, var(--app-surface));
    color: var(--app-primary);
}

.platform-stat div[b-1p7ikee150] { display: grid; grid-template-columns: auto 1fr; align-items: baseline; column-gap: 0.35rem; }
.platform-stat strong[b-1p7ikee150] { color: var(--app-primary); font-size: 24px; line-height: 1; }
.platform-stat span[b-1p7ikee150] { color: var(--app-text); font-size: 14px; font-weight: 600; }
.platform-stat small[b-1p7ikee150] { grid-column: 1 / -1; margin-top: 0.15rem; color: var(--app-text-muted); font-size: 13px; }

.home-section[b-1p7ikee150] {
    width: 100%;
    padding: 48px var(--app-page-padding-inline);
}

@media (max-width: 1023px) {
    .home-section[b-1p7ikee150] {
        padding: 32px var(--app-page-padding-inline);
    }
}

.section-header[b-1p7ikee150] {
    max-width: 42rem;
    margin: 0 0 1.75rem;
    text-align: left;
}

.section-label[b-1p7ikee150] {
    display: inline-block;
    margin-bottom: 0.45rem;
    color: var(--app-primary);
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.section-header h2[b-1p7ikee150] {
    margin: 0;
    color: var(--app-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 1023px) {
    .section-header h2[b-1p7ikee150] {
        font-size: 21px;
    }
}

.section-header p[b-1p7ikee150] {
    margin: 0.65rem auto 0;
    color: var(--app-text-muted);
    font-size: 0.94rem;
    line-height: 1.6;
}

.service-grid[b-1p7ikee150] {
    display: grid;
    gap: var(--app-grid-gap);
}

.service-grid--live[b-1p7ikee150] { grid-template-columns: minmax(0, 1fr); }
.service-grid--upcoming[b-1p7ikee150] { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--app-grid-gap); }

@media (min-width: 640px) and (max-width: 1023px) {
    .service-grid--upcoming[b-1p7ikee150] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
    .service-grid--upcoming[b-1p7ikee150] { grid-template-columns: minmax(0, 1fr); }
}

.service-card[b-1p7ikee150] {
    position: relative;
    min-width: 0;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    border: 1px solid var(--app-border);
    border-radius: 16px;
    background: var(--app-card-bg);
    color: var(--app-text);
    text-decoration: none;
    box-shadow: var(--app-shadow-soft);
}

@media (max-width: 1023px) {
    .service-card[b-1p7ikee150] {
        padding: 16px;
    }
}

.service-card--live[b-1p7ikee150] {
    transition: transform var(--app-transition), border-color var(--app-transition), box-shadow var(--app-transition);
}

.service-card--live:hover[b-1p7ikee150] {
    border-color: var(--app-border-strong);
    box-shadow: var(--app-shadow-strong);
}

.service-card--soon[b-1p7ikee150] {
    background: var(--app-surface-2);
}

.service-card__top[b-1p7ikee150],
.service-card__footer[b-1p7ikee150],
.service-card__identity[b-1p7ikee150] {
    display: flex;
    align-items: center;
}

.service-card__top[b-1p7ikee150] { justify-content: space-between; gap: 0.7rem; }
.service-card__identity[b-1p7ikee150] { min-width: 0; gap: 0.7rem; }
.service-card__identity > span:last-child[b-1p7ikee150] { display: grid; min-width: 0; }

.service-card__icon[b-1p7ikee150] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: var(--app-radius-md);
    background: var(--app-surface-2);
    color: var(--app-text-muted);
    font-size: 1.25rem;
}

.service-card__brand-icon[b-1p7ikee150] {
    width: 42px;
    height: 42px;
    display: block;
    flex: 0 0 auto;
    border-radius: var(--app-radius-md);
    object-fit: cover;
}

.service-card__identity strong[b-1p7ikee150] { font-size: 18px; font-weight: 700; }
.service-card__identity small[b-1p7ikee150] {
    overflow: hidden;
    color: var(--app-text-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-badge[b-1p7ikee150] {
    flex: 0 0 auto;
    padding: 0.22rem 0.45rem;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.status-badge--live[b-1p7ikee150] { color: var(--app-success); background: var(--app-success-soft); }
.status-badge--soon[b-1p7ikee150] { color: var(--app-warning); background: var(--app-warning-soft); }

.service-card > p[b-1p7ikee150] {
    margin: 0;
    color: var(--app-text-soft);
    font-size: 14px;
    line-height: 1.55;
}

.service-card__footer[b-1p7ikee150] {
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--app-divider);
}

.card-tags[b-1p7ikee150] { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.card-tags > span[b-1p7ikee150] {
    padding: 0.22rem 0.45rem;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: var(--app-surface-2);
    color: var(--app-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.service-card__action[b-1p7ikee150] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex: 0 0 auto;
    color: var(--app-text);
    font-size: 0.72rem;
    font-weight: 800;
}

.why-section[b-1p7ikee150] {
    width: 100%;
    border-block: 1px solid var(--app-border);
    background: var(--app-surface);
}

.why-section .section-header[b-1p7ikee150],
.why-section .feature-grid[b-1p7ikee150] { width: 100%; }

.feature-grid[b-1p7ikee150] {
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--app-grid-gap);
}

.feature-card[b-1p7ikee150] {
    min-width: 0;
    padding: var(--app-card-padding);
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: start;
    gap: 0.75rem;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface);
}

.feature-icon[b-1p7ikee150] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: var(--app-radius-md);
    background: color-mix(in srgb, var(--app-primary) 9%, var(--app-surface));
    color: var(--app-primary);
    font-size: 1.1rem;
}

.feature-card h3[b-1p7ikee150],
.step h3[b-1p7ikee150] { margin: 0; color: var(--app-text); font-size: 0.88rem; font-weight: 800; }
.feature-card p[b-1p7ikee150],
.step p[b-1p7ikee150] { margin: 0.3rem 0 0; color: var(--app-text-muted); font-size: 0.76rem; line-height: 1.5; }

.steps[b-1p7ikee150] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--app-grid-gap);
}

.steps[b-1p7ikee150]::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 12.5%;
    right: 12.5%;
    height: 1px;
    background: var(--app-border-strong);
}

.step[b-1p7ikee150] {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    text-align: center;
}

.step-marker[b-1p7ikee150] {
    width: 34px;
    height: 34px;
    margin-bottom: 0.7rem;
    display: grid;
    place-items: center;
    border: 4px solid var(--app-bg);
    border-radius: 50%;
    background: var(--app-primary);
    color: var(--app-on-primary);
    font-size: 0.75rem;
    font-weight: 850;
}

.cta-section[b-1p7ikee150] {
    border-block: 1px solid color-mix(in srgb, var(--app-primary) 24%, var(--app-border));
    background: color-mix(in srgb, var(--app-primary) 7%, var(--app-surface));
    padding: 2.25rem var(--app-page-padding-inline);
}

.cta-inner[b-1p7ikee150] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.cta-inner h2[b-1p7ikee150] { margin: 0; color: var(--app-text); font-size: 24px; font-weight: 700; }
.cta-inner p[b-1p7ikee150] { margin: 0.35rem 0 0; color: var(--app-text-muted); font-size: 0.88rem; }

@media (max-width: 1023px) {
    .cta-inner h2[b-1p7ikee150] { font-size: 21px; }
    .feature-grid[b-1p7ikee150] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 639px) {
    .steps[b-1p7ikee150] { grid-template-columns: minmax(0, 1fr); }
}


.network-services__composition[b-1p7ikee150] {
    display: grid;
    gap: 24px;
}

.network-services__media[b-1p7ikee150] {
    min-width: 0;
}

@media (min-width: 1280px) {
    .network-services__composition[b-1p7ikee150] {
        grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.6fr);
    }

    .network-services__media .hero-visual img[b-1p7ikee150] {
        max-height: 360px;
    }

    .service-grid--live[b-1p7ikee150] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .network-services__media .hero-visual img[b-1p7ikee150] {
        max-height: 240px;
    }

    .service-grid--live[b-1p7ikee150] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .service-grid--upcoming[b-1p7ikee150] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feature-grid[b-1p7ikee150] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .network-services__composition[b-1p7ikee150] {
        grid-template-columns: 1fr;
    }

    .service-grid--live[b-1p7ikee150] {
        order: -1;
        grid-template-columns: 1fr;
    }

    .network-services__media .hero-visual img[b-1p7ikee150] {
        max-height: 180px;
    }
}

@media (max-width: 820px) {
    .hero-visual[b-1p7ikee150] { aspect-ratio: 4 / 3; }
    .hero-visual img[b-1p7ikee150] { max-height: 100%; }
    .service-grid--live[b-1p7ikee150] { grid-template-columns: 1fr; }
    .service-grid--live .service-card > p[b-1p7ikee150] { max-width: 45rem; }
    .platform-stat[b-1p7ikee150] { grid-template-columns: 32px minmax(0, 1fr); padding: 0.8rem; }
    .platform-stat[b-1p7ikee150]  > .app-icon { width: 32px; height: 32px; }
    .steps[b-1p7ikee150] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; }
    .steps[b-1p7ikee150]::before { display: none; }
    .cta-inner[b-1p7ikee150] { align-items: flex-start; flex-direction: column; }
}


@media (prefers-reduced-motion: reduce) {
    .service-card--live[b-1p7ikee150] { transition: none; }
}
/* /Components/Pages/Wallet/Wallet.razor.rz.scp.css */
.wallet-shell[b-4go413gcyx] {
    width: 100%;
    padding: 2rem var(--app-page-padding-inline) var(--app-section-padding-block);
    color: var(--app-text);
}

.wallet-loading[b-4go413gcyx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-block: 3rem;
    color: var(--app-text-muted);
}

.wallet-header[b-4go413gcyx] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.wallet-icon[b-4go413gcyx] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-surface-2);
    color: var(--app-primary);
    font-size: 1.25rem;
}

.wallet-heading h1[b-4go413gcyx] { margin: 0; color: var(--app-text); font-size: 30px; font-weight: 700; line-height: 1.2; }

@media (max-width: 1023px) {
    .wallet-heading h1[b-4go413gcyx] { font-size: 26px; }
}
.wallet-heading div[b-4go413gcyx] { color: var(--app-text-muted); font-size: 0.82rem; overflow-wrap: anywhere; }
.wallet-back[b-4go413gcyx] { justify-self: end; }

.wallet-card[b-4go413gcyx] {
    margin-bottom: var(--app-grid-gap);
    padding: var(--app-card-padding);
    border: 1px solid var(--app-border);
    border-radius: var(--app-radius-lg);
    background: var(--app-card-bg);
}

.wallet-balance-card[b-4go413gcyx] {
    border-color: color-mix(in srgb, var(--app-success) 28%, var(--app-border));
    background: color-mix(in srgb, var(--app-success-soft) 52%, var(--app-surface));
}

.wallet-eyebrow[b-4go413gcyx],
.wallet-section-title[b-4go413gcyx] {
    color: var(--app-text-muted);
    font-size: 0.74rem;
    font-weight: 750;
    text-transform: uppercase;
}
.wallet-eyebrow[b-4go413gcyx] { margin-bottom: 0.35rem; }
.wallet-balance[b-4go413gcyx] { color: var(--app-text); font-size: 2.25rem; font-weight: 800; line-height: 1; }
.wallet-section-title[b-4go413gcyx] { display: flex; align-items: center; gap: 0.45rem; margin-bottom: 0.85rem; }

.wallet-form-fields[b-4go413gcyx] {
    display: grid;
    grid-template-columns: 7rem 10rem auto minmax(0, 1fr);
    align-items: end;
    gap: 0.6rem;
}
.wallet-field[b-4go413gcyx] { min-width: 0; }
.wallet-field .form-label[b-4go413gcyx] { margin-bottom: 0.25rem; color: var(--app-text-muted); font-size: 0.74rem; }
.wallet-indicator[b-4go413gcyx] { display: none; align-self: center; color: var(--app-text-muted); font-size: 0.78rem; }
.wallet-table-wrap[b-4go413gcyx] { overflow-x: auto; }
.wallet-table[b-4go413gcyx] { color: var(--app-text); font-size: 0.82rem; }
.wallet-table td[b-4go413gcyx] { padding: 0.45rem 0.5rem; }
.wallet-table__date[b-4go413gcyx] { color: var(--app-text-muted); white-space: nowrap; }
.wallet-table__points[b-4go413gcyx] { font-weight: 700; }
.wallet-table .badge[b-4go413gcyx] { font-size: 0.66rem; }
.wallet-pay-link[b-4go413gcyx] { text-decoration: none; }
.wallet-failure[b-4go413gcyx] { font-size: 0.72rem; }

@media (max-width: 640px) {
    .wallet-shell[b-4go413gcyx] { padding-inline: var(--app-page-padding-inline-mobile); }
    .wallet-header[b-4go413gcyx] { grid-template-columns: auto 1fr; }
    .wallet-back[b-4go413gcyx] { grid-column: 1 / -1; justify-self: start; }
    .wallet-form-fields[b-4go413gcyx] { grid-template-columns: 1fr 1fr; }
    .wallet-form-fields .app-button[b-4go413gcyx] { width: 100%; }
    .wallet-indicator[b-4go413gcyx] { grid-column: 1 / -1; }
}

@media (max-width: 420px) {
    .wallet-form-fields[b-4go413gcyx] { grid-template-columns: 1fr; }
}