/* /Components/Custom/LoadingSpinner.razor.rz.scp.css */
.loading-container[b-lffn17maux] {
    height: 100%;
    width: 100%;
    background-color: var(--brx-gray);
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
}

.pulse-core[b-lffn17maux] {
    position: relative;
    width: 50%;
    border-radius: 50%;
    box-shadow: 0 0 12px var(--brx-light-green), 0 0 24px var(--brx-light-green);
    animation: pulse-b-lffn17maux 1.5s ease-in-out infinite;
}

/* Пульсация */
@keyframes pulse-b-lffn17maux {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 12px var(--brx-light-green), 0 0 24px var(--brx-light-green);
    }
    50% {
        transform: scale(1.15);
        box-shadow: 0 0 20px var(--brx-light-green), 0 0 40px var(--brx-light-green);
    }
}

/* Частицы */
.particle[b-lffn17maux] {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0.4rem;
    height: 0.4rem;
    background-color: var(--brx-light-green);
    border-radius: 50%;
    opacity: 0.7;
    animation: rise-b-lffn17maux 1.2s infinite ease-in-out;
}

.particle:nth-child(2)[b-lffn17maux] {
    left: 15%;
    animation-delay: 0.15s;
}
.particle:nth-child(3)[b-lffn17maux] {
    left: 30%;
    animation-delay: 0.3s;
}
.particle:nth-child(4)[b-lffn17maux] {
    left: 45%;
    animation-delay: 0.45s;
}
.particle:nth-child(5)[b-lffn17maux] {
    left: 60%;
    animation-delay: 0.6s;
}
.particle:nth-child(6)[b-lffn17maux] {
    left: 75%;
    animation-delay: 0.75s;
}
.particle:nth-child(7)[b-lffn17maux] {
    left: 90%;
    animation-delay: 0.90s;
}

@keyframes rise-b-lffn17maux {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0.7;
    }
    50% {
        transform: translateY(-20px) scale(1.3);
        opacity: 1;
    }
    100% {
        transform: translateY(-40px) scale(0.8);
        opacity: 0;
    }
}
/* /Components/Custom/ModalWindows/PaymentModalWindow.razor.rz.scp.css */
/* =======================
       Payment Method Window (Dark + Grid + Scroll)
       ======================= */

.pmw-root.pmw-dark[b-g1flhpw7lo]{
    padding: 14px 14px 12px;
    color: rgba(255,255,255,.92);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Top */
.pmw-top[b-g1flhpw7lo]{
    padding: 4px 2px 0;
}

.pmw-step[b-g1flhpw7lo]{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom: 10px;
}

.pmw-step-pill[b-g1flhpw7lo]{
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
}

.pmw-step-text[b-g1flhpw7lo]{
    font-size: 12px;
    color: rgba(255,255,255,.70);
    font-weight: 600;
}

.pmw-title[b-g1flhpw7lo]{
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .2px;
    margin-bottom: 4px;
}

.pmw-subtitle[b-g1flhpw7lo]{
    font-size: 12.5px;
    color: rgba(255,255,255,.68);
    line-height: 1.35;
}

/* Search */
.pmw-search[b-g1flhpw7lo]{
    position: relative;
    display:flex;
    align-items:center;
    gap:10px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    padding: 10px 12px 10px 38px;
}

.pmw-search i[b-g1flhpw7lo]{
    position:absolute;
    left: 14px;
    font-size: 14px;
    color: rgba(255,255,255,.55);
}

.pmw-search-input[b-g1flhpw7lo]{
    width: 100%;
    border: 0;
    outline: none;
    background: transparent;
    color: rgba(255,255,255,.92);
    font-size: 14px;
}

.pmw-search-input[b-g1flhpw7lo]::placeholder{
    color: rgba(255,255,255,.42);
}

/* Scroll area */
.pmw-body[b-g1flhpw7lo]{
    flex: 1 1 auto;
    min-height: 0;               /* важно для скролла внутри flex */
    overflow-y: auto;
    padding-right: 2px;
    overscroll-behavior: contain;
}

.pmw-body[b-g1flhpw7lo]::-webkit-scrollbar{ width: 10px; }
.pmw-body[b-g1flhpw7lo]::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.14);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: content-box;
}

/* Grid 2 columns */
.pmw-grid[b-g1flhpw7lo]{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 2px 2px 8px;
}

/* Card */
.pmw-card[b-g1flhpw7lo]{
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 12px 12px;
    display:flex;
    align-items:center;
    gap: 10px;
    cursor:pointer;
    text-align:left;
    min-height: 70px;
    transition: transform .10s ease, background .10s ease, border-color .10s ease;
}

.pmw-card:hover[b-g1flhpw7lo]{
    transform: translateY(-1px);
    background: rgba(255,255,255,.06);
    border-color: rgba(199,255,106,.35);
}

.pmw-card.selected[b-g1flhpw7lo]{
    background: rgba(199,255,106,.10);
    border-color: rgba(199,255,106,.45);
    box-shadow: 0 0 0 1px rgba(199,255,106,.20) inset;
}

/* Dark underlay for icon */
.pmw-iconwrap[b-g1flhpw7lo]{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(0,0,0,.35);
    border: 1px solid rgba(255,255,255,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    flex: 0 0 auto;
}

.pmw-token-icon[b-g1flhpw7lo]{
    width: 28px;
    height: 28px;
    display:block;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.35));
}

.pmw-meta[b-g1flhpw7lo]{
    flex: 1 1 auto;
    min-width: 0;
}

.pmw-line1[b-g1flhpw7lo]{
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .2px;
    color: rgba(255,255,255,.95);
    line-height: 1.05;
}

.pmw-line2[b-g1flhpw7lo]{
    margin-top: 5px;
    font-size: 12px;
    font-weight: 700;
    color: rgba(255,255,255,.62);
    line-height: 1.1;
}

.pmw-right[b-g1flhpw7lo]{
    display:flex;
    align-items:center;
    gap: 8px;
    color: rgba(255,255,255,.35);
    flex: 0 0 auto;
}

.pmw-check[b-g1flhpw7lo]{
    opacity: 0;
    color: #c7ff6a;
    transition: opacity .10s ease;
}

.pmw-card.selected .pmw-check[b-g1flhpw7lo]{
    opacity: 1;
}

.pmw-chevron[b-g1flhpw7lo]{
    opacity: .55;
}

/* Bottom */
.pmw-bottom[b-g1flhpw7lo]{
    padding-bottom: 1em;
    border-top: 1px solid rgba(255,255,255,.06);
}

.pmw-continue[b-g1flhpw7lo]{
    width: 100%;
    border: 0;
    border-radius: 16px;
    padding: 12px 14px;
    font-weight: 1000;
    letter-spacing: .4px;
    background: #c7ff6a;
    color: var(--brx-footer-inactive-gray);
    cursor: pointer;
}

.pmw-continue.disabled[b-g1flhpw7lo]{
    opacity: .45;
    cursor: not-allowed;
    box-shadow: none;
}

.pmw-footnote[b-g1flhpw7lo]{
    margin-top: 8px;
    font-size: 12px;
    color: rgba(255,255,255,.55);
    text-align: center;
}

/* Mobile tweaks */
@media (max-width: 420px){
    .pmw-root.pmw-dark[b-g1flhpw7lo]{
        padding: 12px 12px 10px;
    }

    .pmw-grid[b-g1flhpw7lo]{
        gap: 9px;
    }

    .pmw-card[b-g1flhpw7lo]{
        border-radius: 14px;
        padding: 11px 11px;
        min-height: 68px;
    }
}

@media (max-width: 340px){
    .pmw-grid[b-g1flhpw7lo]{
        grid-template-columns: 1fr; /* на очень узких экранах */
    }
}

/* icon container must be relative */
.pmw-iconwrap[b-g1flhpw7lo]{
    position: relative;
}

/* network badge bottom-right */
.pmw-network-badge[b-g1flhpw7lo]{
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--brx-footer-inactive-gray); /* тёмная подложка */
    border: 1px solid rgba(255,255,255,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0,0,0,.45);
}

/* network icon inside badge */
.pmw-network-icon[b-g1flhpw7lo]{
    width: 12px;
    height: 12px;
    display: block;
}

/* Loading / error states */
.pmw-state[b-g1flhpw7lo]{
    padding: 18px 10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap: 8px;
    text-align:center;
}

.pmw-state-title[b-g1flhpw7lo]{
    font-weight: 900;
    font-size: 14px;
    letter-spacing: .2px;
}

.pmw-state-sub[b-g1flhpw7lo]{
    font-size: 12px;
    color: rgba(255,255,255,.60);
    line-height: 1.35;
}

.pmw-state.error .pmw-state-title[b-g1flhpw7lo]{
    color: rgba(255,120,120,.95);
}

.pmw-retry[b-g1flhpw7lo]{
    margin-top: 10px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.90);
    border-radius: 14px;
    padding: 10px 12px;
    font-weight: 900;
    cursor: pointer;
    display:flex;
    align-items:center;
    gap: 8px;
}

.pmw-retry:active[b-g1flhpw7lo]{
    transform: scale(.99);
}

.pmw-spinner[b-g1flhpw7lo]{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.18);
    border-top-color: rgba(199,255,106,.9);
    animation: pmwspin-b-g1flhpw7lo .8s linear infinite;
}

@keyframes pmwspin-b-g1flhpw7lo{
    to { transform: rotate(360deg); }
}


/* Step 2 summary + timer */
.pmw-summary[b-g1flhpw7lo]{
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    margin: 2px 2px 10px;
}

.pmw-summary-left[b-g1flhpw7lo]{
    display:flex;
    align-items:center;
    gap: 10px;
    min-width: 0;
}

.pmw-summary-icons[b-g1flhpw7lo]{
    display:flex;
    align-items:center;
    gap: 8px;
}

.pmw-summary-token[b-g1flhpw7lo]{
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.10);
    padding: 6px;
}

.pmw-summary-net[b-g1flhpw7lo]{
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.10);
    padding: 5px;
    margin-left: -2px;
}

.pmw-summary-title[b-g1flhpw7lo]{
    font-weight: 1000;
    font-size: 14px;
    line-height: 1.05;
}
.pmw-summary-sub[b-g1flhpw7lo]{
    margin-top: 4px;
    font-size: 12px;
    color: rgba(255,255,255,.62);
    font-weight: 700;
}

.pmw-timer[b-g1flhpw7lo]{
    display:flex;
    align-items:center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.85);
    font-weight: 900;
    white-space: nowrap;
}
.pmw-timer i[b-g1flhpw7lo]{ opacity: .7; }
.pmw-timer-text[b-g1flhpw7lo]{ letter-spacing: .6px; }

/* Copy cards */
.pmw-copycard[b-g1flhpw7lo]{
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 12px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 12px;
    margin: 0 2px 10px;
    cursor: pointer;
    transition: transform .10s ease, background .10s ease, border-color .10s ease;
}
.pmw-copycard:active[b-g1flhpw7lo]{ transform: scale(.99); }
.pmw-copycard:hover[b-g1flhpw7lo]{
    background: rgba(255,255,255,.06);
    border-color: rgba(199,255,106,.30);
}

.pmw-copycard-label[b-g1flhpw7lo]{
    font-size: 12px;
    color: rgba(255,255,255,.62);
    font-weight: 800;
}
.pmw-copycard-value[b-g1flhpw7lo]{
    margin-top: 6px;
    font-size: 16px;
    font-weight: 1000;
    letter-spacing: .2px;
    color: rgba(255,255,255,.95);
    line-height: 1.1;
}
.pmw-copycard-value.mono[b-g1flhpw7lo]{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 14px;
    letter-spacing: .3px;
}

.pmw-copycard-unit[b-g1flhpw7lo]{
    font-size: 12px;
    font-weight: 900;
    color: rgba(255,255,255,.62);
    margin-left: 6px;
}

.pmw-copybtn[b-g1flhpw7lo]{
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.18);
    color: rgba(255,255,255,.88);
    border-radius: 14px;
    width: 42px;
    height: 42px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor: pointer;
}
.pmw-copybtn:active[b-g1flhpw7lo]{ transform: scale(.98); }

.pmw-hint[b-g1flhpw7lo]{
    margin: 2px 2px 8px;
    font-size: 12px;
    color: rgba(255,255,255,.55);
    text-align:center;
    line-height: 1.35;
}

.pmw-continue.ghost[b-g1flhpw7lo]{
    background: transparent;
    border: 2px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.85);
}
.pmw-continue.ghost:active[b-g1flhpw7lo]{ transform: scale(.99); }

.pmw-row-actions[b-g1flhpw7lo]{
    display:flex;
    gap: 10px;
    margin-top: 10px;
}
.pmw-retry.ghost[b-g1flhpw7lo]{
    background: transparent;
}

.pmw-copybtn.copied[b-g1flhpw7lo]{
    border-color: rgba(199,255,106,.45);
    box-shadow: 0 0 0 1px rgba(199,255,106,.20) inset;
    background: rgba(199,255,106,.10);
    color: #c7ff6a;
}

/* Bottom buttons row */
.pmw-bottom-row[b-g1flhpw7lo]{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding-bottom: 1em;
    border-top: 1px solid rgba(255,255,255,.06);
}

.pmw-btn[b-g1flhpw7lo]{
    border-radius: 16px;
    padding: 12px 14px;
    font-weight: 900;
    letter-spacing: .3px;
    cursor: pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 8px;
    transition: transform .08s ease, background .12s ease;
}

.pmw-btn:active[b-g1flhpw7lo]{
    transform: scale(.98);
}

.pmw-btn.ghost[b-g1flhpw7lo]{
    background: transparent;
    border: 2px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.85);
}

.pmw-btn.support[b-g1flhpw7lo]{
    background: #c7ff6a;
    border: 0;
    color: var(--brx-footer-inactive-gray);
}

/* Token + Network stacked icons (Trust Wallet style) */
.pmw-summary-icons.stacked[b-g1flhpw7lo]{
    position: relative;
    width: 42px;
    height: 42px;
}

.pmw-summary-token[b-g1flhpw7lo]{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.10);
    padding: 7px;
    display:block;
}

.pmw-summary-net.overlay[b-g1flhpw7lo]{
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--brx-footer-inactive-gray);
    border: 1px solid rgba(255,255,255,.18);
    padding: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,.45);
}

/* Summary row: compact core + separate QR button */
.pmw-summary-row[b-g1flhpw7lo]{
    display: grid;
    grid-template-columns: 1fr 52px;
    gap: 10px;
    align-items: stretch;
}

/* RED area (compact) */
.pmw-summary-core[b-g1flhpw7lo]{
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 10px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    min-width: 0;
}

/* kill old .pmw-summary padding/bg (because core owns it now) */
.pmw-summary.pmw-summary-row[b-g1flhpw7lo]{
    border: 0;
    background: transparent;
    padding: 0;
    margin: 2px 2px 10px;
}

/* GREEN button */
.pmw-qrbtn[b-g1flhpw7lo]{
    font-size:1.5rem;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.88);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition: transform .08s ease, background .12s ease, border-color .12s ease;
}

.pmw-qrbtn:hover[b-g1flhpw7lo]{
    background: rgba(255,255,255,.06);
    border-color: rgba(199,255,106,.25);
}

.pmw-qrbtn:active[b-g1flhpw7lo]{
    transform: scale(.98);
}
/* /Components/Custom/ModalWindows/PaymentQrModalWindow.razor.rz.scp.css */
.pmw-qr-overlay[b-s5lpuz57w6]{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index: 9999;
    padding: 16px;
}

.pmw-qr-modal[b-s5lpuz57w6]{
    width: min(360px, 92vw);
    border-radius: 18px;
    background: rgba(28,28,28,.96);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 20px 60px rgba(0,0,0,.55);
    padding: 14px;
    position: relative;
    color: rgba(255,255,255,.92);
}

.pmw-qr-close[b-s5lpuz57w6]{
    position:absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 12px;
    width: 36px;
    height: 36px;
    color: rgba(255,255,255,.85);
    cursor:pointer;
}

.pmw-qr-head[b-s5lpuz57w6]{
    padding-right: 44px;
}

.pmw-qr-title[b-s5lpuz57w6]{
    font-size: 16px;
    font-weight: 1000;
}

.pmw-qr-sub[b-s5lpuz57w6]{
    margin-top: 4px;
    font-size: 12px;
    color: rgba(255,255,255,.62);
    font-weight: 700;
}

.pmw-qr-box[b-s5lpuz57w6]{
    margin-top: 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    padding: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pmw-qr-img[b-s5lpuz57w6]{
    width: 220px;
    height: 220px;
    border-radius: 12px;
    background: #fff;
}

.pmw-qr-address[b-s5lpuz57w6]{
    margin-top: 10px;
    text-align:center;
    color: rgba(255,255,255,.78);
    font-size: 12px;
}

.pmw-qr-copy[b-s5lpuz57w6]{
    margin-top: 12px;
    width: 100%;
    border-radius: 16px;
    padding: 12px 14px;
    font-weight: 1000;
    letter-spacing: .3px;
    background: #c7ff6a;
    border: 0;
    color: var(--brx-footer-inactive-gray);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 8px;
}
/* /Components/Custom/ModalWindows/PlaceholderModalWindow.razor.rz.scp.css */
.modal-overlay[b-fi5b6so0cg] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 15, 15, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(3px);
}

.modal-placeholder[b-fi5b6so0cg] {
    letter-spacing: 1px;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: var(--brx-light-gray);
    display: inline-block;
    margin-bottom: 1em;
    margin-top: 2em;
    text-align: center;
}

.modal-content[b-fi5b6so0cg] {
    background-color: var(--brx-gray);
    border: 1px solid var(--brx-light-green);
    border-radius: 1rem;
    width: 90%;
    height: 70%;
    position: relative;
    color: var(--brx-light-gray);
    box-shadow: 0 0 15px var(--brx-light-green);
}

.modal-close-button[b-fi5b6so0cg] {
    position: absolute;
    top: 10px;
    right: 14px;
    background: transparent;
    border: none;
    font-size: 20px;
    color: var(--brx-light-green);
    cursor: pointer;
    transition: color 0.2s ease;
}

.modal-close-button:hover[b-fi5b6so0cg] {
    color: var(--brx-light-gray);
}
.grid-wrapper[b-fi5b6so0cg] {
    overflow-y: auto;
    padding-right: 5px;
    margin-right: 0.35em;
    height: 100%;
    margin-bottom: 1em;
}

.grid-wrapper[b-fi5b6so0cg]::-webkit-scrollbar {
    width: 4px;
}

.grid-wrapper[b-fi5b6so0cg]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}
/* /Components/Custom/ModalWindows/SubscriptionRequiredModalWindow.razor.rz.scp.css */
.modal-description[b-5wcj1l13mt] {
    font-size: 0.8rem;
    color: var(--brx-light-gray);
    opacity: 1;
    letter-spacing: 1px;
    text-align: start;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    padding-right: 1em;
    padding-left: 1em;
}

.background-image-container[b-5wcj1l13mt] {
    position: relative;
}

.modal-paragraph-attention[b-5wcj1l13mt] {
    color: var(--brx-light-gray);
    opacity: 1 !important;
}

.background-image[b-5wcj1l13mt] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.1;
    z-index: 0;
    width: 100%; /* или нужный размер */
    pointer-events: none;
}

.content[b-5wcj1l13mt] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.store-modal-buy-button[b-5wcj1l13mt] {
    margin-right: 3em;
    margin-left: 3em;
    padding: 0.6em 0;
    background: transparent;
    border: 2px solid var(--brx-light-green);
    border-radius: 12px;
    color: var(--brx-light-green);
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

.store-modal-buy-button:hover[b-5wcj1l13mt] {
    background: var(--brx-light-green);
    color: var(--brx-gray);
}

.store-modal-buy-button:active[b-5wcj1l13mt] {
    transform: scale(0.95);
}

.store-modal-buy-button.subscribe[b-5wcj1l13mt]{
    color: var(--brx-gray);
    border: 2px solid var(--brx-gray);
    background: var(--brx-light-green);
    margin-bottom: 1.5rem;
}

.store-modal-buy-button.subscribe:hover[b-5wcj1l13mt] {
    transform: scale(1.05);
}
/* /Components/Custom/ModalWindows/TaskAvailableModalWindow.razor.rz.scp.css */
.modal-description[b-evz5qyoekj] {
    font-size: 0.8rem;
    color: var(--brx-light-gray);
    opacity: 1;
    letter-spacing: 1px;
    text-align: start;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    padding-right: 1em;
    padding-left: 1em;
}

.background-image-container[b-evz5qyoekj] {
    position: relative;
}

.modal-paragraph-attention[b-evz5qyoekj] {
    color: var(--brx-light-gray);
    opacity: 1 !important;
}

.background-image[b-evz5qyoekj] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.1;
    z-index: 0;
    width: 100%; /* или нужный размер */
    pointer-events: none;
}

.content[b-evz5qyoekj] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.store-modal-buy-button[b-evz5qyoekj] {
    margin-right: 3em;
    margin-left: 3em;
    padding: 0.6em 0;
    background: transparent;
    border: 2px solid var(--brx-light-green);
    border-radius: 12px;
    color: var(--brx-light-green);
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

.store-modal-buy-button:hover[b-evz5qyoekj] {
    background: var(--brx-light-green);
    color: var(--brx-gray);
}

.store-modal-buy-button:active[b-evz5qyoekj] {
    transform: scale(0.95);
}

.store-modal-buy-button.subscribe[b-evz5qyoekj]{
    color: var(--brx-gray);
    border: 2px solid var(--brx-gray);
    background: var(--brx-light-green);
    margin-bottom: 0.5rem;
}

.store-modal-buy-button.subscribe:hover[b-evz5qyoekj] {
    transform: scale(1.05);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
a[b-4jteluu4oz] {
    text-decoration: none;
    color: inherit;
}

/* FOOTER */

.footer[b-4jteluu4oz] {
    height: 10%;
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    align-items: end;
    background-color: var(--brx-gray);
    box-shadow: 0px 6px 20px 8px var(--brx-footer-inactive-gray);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

.footer-item[b-4jteluu4oz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--brx-white);
    cursor: pointer;
    flex: 1;
    position: relative;
    height: 100%;
}

.footer-icon[b-4jteluu4oz]{
    font-size: 1.2rem;
    color: var(--brx-white);
    line-height: 1;
    transition: font-size .18s
    ease, transform .18s
    ease, color .18s
    ease;
}

.footer-item.active .footer-icon[b-4jteluu4oz],
.footer-icon-active[b-4jteluu4oz]{
    font-size: 1.2rem;
}

/* лёгкий клик-эффект */
.footer-item:active .footer-icon[b-4jteluu4oz]{
    transform: scale(.96);
}

/* если пользователь отключил анимации */
@media (prefers-reduced-motion: reduce){
    .footer-icon[b-4jteluu4oz],
    .footer-item:not(.active) .footer-icon-wrapper[b-4jteluu4oz]{
        transition: none !important;
    }
}

.footer-icon-wrapper[b-4jteluu4oz] {
    background-color: var(--brx-footer-inactive-gray);
    padding: 0.75rem;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-item.active .footer-icon-wrapper[b-4jteluu4oz] {
    border: 2px solid var(--brx-light-green);
    cursor: pointer;
    box-shadow: 0 0 8px var(--brx-light-green);
    border-radius: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-item:not(.active) .footer-icon-wrapper[b-4jteluu4oz] {
    transition:
            border 0.15s ease-in-out,
            transform 0.1s ease-in-out,
            box-shadow 0.15s ease-in-out;
}

.footer-item:not(.active):active .footer-icon-wrapper[b-4jteluu4oz] {
    transform: scale(0.92);
}


/* Click animation */
.footer-item:not(.active):active .footer-icon-wrapper[b-4jteluu4oz] {
    transform: scale(0.92);
}

.footer-item.locked[b-4jteluu4oz] {
    pointer-events: none;           /* клики не проходят */
    cursor: not-allowed;
    opacity: 0.55;
}

/* убираем анимации и подсветку у заблокированного */
.footer-item.locked .footer-icon-wrapper[b-4jteluu4oz] {
    background-color: var(--brx-footer-inactive-gray);
    box-shadow: none;
    filter: grayscale(100%);
    border: 1px dashed var(--brx-footer-inactive-gray);
}

.footer-item.locked .footer-icon[b-4jteluu4oz] {
    color: var(--brx-white);
    transform: none !important;
}

/* бейдж-замок поверх иконки */
.lock-badge[b-4jteluu4oz] {
    position: absolute;
    top: 8px;
    right: calc(50% - 22px);      /* по центру карточки */
    transform: translateX(50%);
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border-radius: 9999px;
    padding: 4px 6px;
    font-size: 0.7rem;
    line-height: 1;
    box-shadow: 0 0 0 2px var(--brx-gray), 0 2px 8px rgba(0,0,0,.25);
}

/* на всякий — отключим эффекты active у заблокированного */
.footer-item.locked:active .footer-icon-wrapper[b-4jteluu4oz] { transform: none; }

@media screen and (min-height: 700px) {
    .footer[b-4jteluu4oz] {
        height: calc(10% + 2rem);
    }

    /* чтобы иконки остались выровненными визуально */
    .footer-icon-wrapper[b-4jteluu4oz] {
        margin-bottom: 2rem;
    }
}

/* Зеленое неоновое мерцание иконки SHOP */
.footer-item.shop-glow[b-4jteluu4oz] {
    animation: shopGlow-b-4jteluu4oz 1.8s infinite ease-in-out;
}

@keyframes shopGlow-b-4jteluu4oz {
    0% {
        text-shadow: 0 0 0px rgba(204, 250, 137, 0.0);
        transform: scale(1);
    }
    50% {
        text-shadow: 0 0 24px red, 0 0 36px red;
        transform: scale(1);
    }
    100% {
        text-shadow: 0 0 0px rgba(204, 250, 137, 0.0);
        transform: scale(1);
    }
}

/* /Components/Pages/Main.razor.rz.scp.css */
/* ===== Layout & Scroll ===== */
.content-container[b-6ssf6yrea3] {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.scroll-wrapper[b-6ssf6yrea3] { overflow-y: auto; }
.scroll-wrapper[b-6ssf6yrea3]::-webkit-scrollbar { width: 4px; }
.scroll-wrapper[b-6ssf6yrea3]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}

/* ===== Generic utilities ===== */
.brx-shadow-bottom[b-6ssf6yrea3] { box-shadow: 0px 3px 6px 2px rgb(0 0 0 / 34%); }

.blockchains-card[b-6ssf6yrea3] {
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    padding: 0.3rem 1rem 0.5rem;
    margin: 0.5rem 0.5rem;
    margin-bottom: clamp(0rem, calc(((100vh - 560px) / 175) * 1.5rem), 1.5rem);
}

/* ===== Card: Blockchains ===== */
.checked-addresses-card[b-6ssf6yrea3] {
    padding: 0.3rem 1rem 0.5rem;
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    margin: 0.5rem 0.5rem 0;
}

.blockchains-header[b-6ssf6yrea3] { display:flex; align-items:center; justify-content:space-between; }
.title[b-6ssf6yrea3] {
    font-weight: 700;
    color: var(--brx-gray);
    text-align: left;
    font-size: 0.8rem;
}
.subtext[b-6ssf6yrea3] {
    font-size: 0.7rem;
    color: var(--brx-gray);
    opacity: 0.75;
    text-align: left;
}

.btn-secondary.pill[b-6ssf6yrea3] {
    background: var(--brx-light-green);
    border: none;
    border-radius: 999px;
    padding: 0.2rem 1rem;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    color: var(--brx-gray);
}

/* full-bleed divider (общий) */
.card-divider-bleed[b-6ssf6yrea3]{
    position: relative;
    height: 2px;
    background: var(--brx-white);
    opacity: 1;
    margin: 0.5rem 0 0.5rem;
}

/* Carousel (no bg) */
.blockchains-carousel[b-6ssf6yrea3] { position:relative; display:flex; align-items:flex-start; }
.blockchains-track[b-6ssf6yrea3]{
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    width: 100%;
    padding: 0.05rem .25rem .25rem;
    scrollbar-width: none;
}
.blockchains-track[b-6ssf6yrea3]::-webkit-scrollbar { display:none; }

.carousel-arrow[b-6ssf6yrea3]{
    position: absolute;
    top: 35%;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: var(--brx-white);
    border: 1px solid var(--brx-gray);
    color: var(--brx-gray);
    opacity: .75;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    transform: translateY(-20%);
}
.carousel-arrow.prev[b-6ssf6yrea3]{ left:0.15rem;     font-size: 0.75rem; }
.carousel-arrow.next[b-6ssf6yrea3]{ right:0.15rem;     font-size: 0.75rem; }
.carousel-arrow[hidden][b-6ssf6yrea3]{ display:none !important; }

/* Chain buttons */
.chain-btn[b-6ssf6yrea3]{
    flex: 0 0 80px;
    border-radius: 1rem;
    border: 1px solid var(--brx-footer-inactive-gray);
    background: var(--brx-white);
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 50%);
    transition: all .2s
    ease;
}
.chain-btn.active[b-6ssf6yrea3] { background: var(--brx-light-green); }

.chain-btn.locked[b-6ssf6yrea3] {
    border: 1px solid var(--brx-footer-inactive-gray);
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.6;
    cursor: not-allowed;
    position: relative;
    box-shadow: none;
    transition: all 0.2s ease;
    pointer-events: none;
}

.chain-icon[b-6ssf6yrea3] {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}
.label[b-6ssf6yrea3] {
    font-size: 0.85rem;
    color: var(--brx-gray);
    font-weight: 600;
}

/* ===== Card: Checked Addresses ===== */
.checked-addresses-card[b-6ssf6yrea3]{
    padding: 0.3rem 1rem 0.5rem;
}
.checked-header[b-6ssf6yrea3]{ display:flex; align-items:center; justify-content:space-between; }
.titles.with-icon[b-6ssf6yrea3]{ 
    display: flex;
    align-items: center;
    gap: .45rem; 
}
.header-icon[b-6ssf6yrea3]{
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    opacity: .75;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .04);
    font-size: 1rem;
}

/* white panel */
.checked-panel[b-6ssf6yrea3]{
    background: var(--brx-white);
    border-radius: 1.1rem;
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
}

/* scrolling list (checked) */
.checked-addresses-card .checked-list[b-6ssf6yrea3]{
    max-height: 6rem;
    min-height: 6rem;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}
.checked-addresses-card .checked-list[b-6ssf6yrea3]::-webkit-scrollbar { display:none; }

/* list items */
.checked-item[b-6ssf6yrea3]{
    background: var(--brx-white);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.checked-value[b-6ssf6yrea3]{
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border-radius: 999px;
    padding: .22rem .48rem;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .08);
}

.found-addresses-card .checked-value[b-6ssf6yrea3]{
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border-radius: 999px;
    padding: .32rem .48rem .22rem .48rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .08);
}

.checked-sep[b-6ssf6yrea3]{ color:var(--brx-gray); }
.checked-description[b-6ssf6yrea3]{
    flex: 1;
    font-size: 0.7rem;
    color: #3a3a3a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: 600;
}

/* Live/Offline toggle */
.live-btn-container[b-6ssf6yrea3]{ position:relative; display:inline-block; }
.live-btn-wrapper[b-6ssf6yrea3]{ transition: opacity .6s ease, transform .6s ease; }
.fade-in[b-6ssf6yrea3]{ opacity:1; transform:scale(1); animation: fadeIn-b-6ssf6yrea3 .6s ease forwards; }
.fade-out[b-6ssf6yrea3]{ opacity:0; transform:scale(.9); animation: fadeOut-b-6ssf6yrea3 .6s ease forwards; }

@keyframes fadeIn-b-6ssf6yrea3 { from{opacity:0; transform:scale(.85);} to{opacity:1; transform:scale(1);} }
@keyframes fadeOut-b-6ssf6yrea3 { from{opacity:1; transform:scale(1);} to{opacity:0; transform:scale(.9);} }

.live-btn[b-6ssf6yrea3]{
    display:flex; align-items:center; gap:.4rem;
    font-weight:600; font-size:.9rem; color:var(--brx-gray);
    background: var(--brx-light-gray) !important;
    border-radius:999px; padding:.3rem 1.2rem; border:none;
    box-shadow: 0px 3px 6px 2px rgb(0 0 0 / 20%);
}
.live-btn .dot[b-6ssf6yrea3]{
    width:8px; height:8px; background:red; border-radius:50%;
    display:inline-block; box-shadow:0 0 6px rgba(255,0,0,.6);
    animation: pulse-b-6ssf6yrea3 1.3s infinite ease-in-out;
}
@keyframes pulse-b-6ssf6yrea3{
    0%{ transform:scale(1); opacity:1; }
    50%{ transform:scale(1.25); opacity:.8; }
    100%{ transform:scale(1); opacity:1; }
}
.live-btn.offline[b-6ssf6yrea3] { color:#8a8a8a; opacity:.85; }
.live-btn.offline .dot.gray[b-6ssf6yrea3]{ background:#ccc; box-shadow:none; animation:none; }

/* Active pulsing shadow when scanning */
.brx-active-shadow-bottom[b-6ssf6yrea3]{
    box-shadow: 0 0 0 0 rgba(204,250,137,.7);
    animation: brx-pulse-b-6ssf6yrea3 4s ease-in-out infinite;
    border-radius:1.1rem;
}
@keyframes brx-pulse-b-6ssf6yrea3{
    0%{   box-shadow:0 0 0 0 rgba(204,250,137,.65); }
    50%{  box-shadow:0 0 16px 6px rgba(204,250,137,.9); }
    100%{ box-shadow:0 0 0 0 rgba(204,250,137,.65); }
}

/* ===== Card: Found Addresses ===== */
.found-addresses-card[b-6ssf6yrea3] {
    padding: 0.3rem 1rem 0.5rem;
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    margin: 0.5rem 0.5rem 1rem;
}

.found-addresses-card .checked-list[b-6ssf6yrea3]{
    min-height: 2rem;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.checked-empty[b-6ssf6yrea3] {
    color: var(--brx-gray);
    font-size: 0.7rem;
    font-weight: 700;
    opacity: 0.2;
    user-select: none;
}
.found-addresses-card .chain-icon[b-6ssf6yrea3]{
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
}

/* ===== Bottom actions ===== */
.bottom-actions[b-6ssf6yrea3]{
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    align-items: flex-end;
    justify-content: space-between;
    background: transparent;
}
.btn-cta[b-6ssf6yrea3]{
    flex: 1 1 0;
    border-radius: 1.25rem;
    font-weight: 600;
    padding: 0.5rem 0.4rem;
    letter-spacing: 0.3px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    cursor: pointer;
    transition: transform .15s
    ease, box-shadow .15s
    ease, filter .15s
    ease;
    border: none;
    outline: none;
    box-shadow: 0px 6px 11px 2px rgb(0 0 0 / 47%);
}
.btn-cta.start[b-6ssf6yrea3]{
    background: var(--brx-light-green); var(--brx-gray); text-transform:uppercase;
    color: var(--brx-gray); border: 2px solid var(--brx-light-green);
}
.btn-cta.start:hover[b-6ssf6yrea3]{ transform: translateY(-1px); }
.btn-cta.start:active[b-6ssf6yrea3]{ transform: translateY(0); filter: brightness(.98); }

.btn-cta.start.disabled[b-6ssf6yrea3]{ opacity:.6; cursor:not-allowed; filter:grayscale(.08); pointer-events: none; }

.btn-secondary.disabled[b-6ssf6yrea3],
.btn-secondary[disabled][b-6ssf6yrea3]{
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(.08);
}


/* toggled scanning look */
.btn-cta.start.scanning[b-6ssf6yrea3]{
    background: var(--brx-white);
    color: var(--brx-gray);
    border: 2px solid var(--brx-light-green);
    text-transform: uppercase;
}

.btn-cta.withdraw[b-6ssf6yrea3]{
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border: 2px solid var(--brx-light-green);
    text-transform: uppercase;
}
.btn-cta.withdraw i[b-6ssf6yrea3]{ font-size:1rem; }
.btn-cta.withdraw:hover[b-6ssf6yrea3]{ transform: translateY(-1px); }
.btn-cta.withdraw:active[b-6ssf6yrea3]{ transform: translateY(0); filter: brightness(.98); }

/* плавное появление добавленных элементов */
.checked-item.appear[b-6ssf6yrea3] {
    animation: brx-slide-fade-in-b-6ssf6yrea3 180ms ease-out both;
    will-change: transform, opacity;
}

@keyframes brx-slide-fade-in-b-6ssf6yrea3 {
    from { opacity: 0; transform: translateY(-6px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0)   scale(1); }
}


.checked-item.exit[b-6ssf6yrea3] {
    animation: brx-fade-out-b-6ssf6yrea3 160ms ease-in both;
}
@keyframes brx-fade-out-b-6ssf6yrea3 {
    from { opacity: 1; transform: translateY(0); }
    to   { opacity: 0; transform: translateY(4px); }
}

.trial-limit-reached[b-6ssf6yrea3]{
    justify-content: center;
    /* text-align: center; */
    /* margin-top: 2rem; */
    font-size: 0.85rem;
    font-weight: 600;
    /* background: var(--brx-gray); */
    margin-left: 3rem;
    margin-right: 3rem;
    color: var(--brx-gray);
    /* opacity: 0.5; */
    border-radius: 1rem;
    opacity: 0.75;
    /* vertical-align: middle; */
    display: flex
;
}

@media screen and (min-height: 600px) {
    .checked-addresses-card[b-6ssf6yrea3],
    .blockchains-card[b-6ssf6yrea3] {
        margin-bottom: 1.5rem !important;
    }
}

@media screen and (min-height: 700px) {
    .checked-addresses-card[b-6ssf6yrea3],
    .blockchains-card[b-6ssf6yrea3],
    .found-addresses-card[b-6ssf6yrea3]{
        margin-bottom: 1.5rem !important;
        padding-bottom: 1rem !important;
    },
    .bottom-actions[b-6ssf6yrea3]{
        margin-top: 1rem !important;
    },
    .blockchain-card[b-6ssf6yrea3]{
        margin-top: 1.5rem !important;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
/* === Общие блоки этой страницы === */
.top-container[b-9cnwa9r6ih] {
    padding: 0.75rem 1rem;
    background: var(--brx-surface, #1E1E1E);
    position: sticky;
    top: 0;
    z-index: 5;
}

.top-actions[b-9cnwa9r6ih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-title[b-9cnwa9r6ih] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--brx-muted, #B9B9B9);
}

.support-badge[b-9cnwa9r6ih] {
    border: none;
    background: var(--brx-card, #2A2A2A);
    color: var(--brx-white, #fff);
    border-radius: 1.25rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    line-height: 1;
}

/* Profile header */
.profile-card[b-9cnwa9r6ih] {
    background: var(--brx-card, #242424);
    border-radius: 1.25rem;
    padding: 0.9rem;
    margin: 0.75rem 0.75rem 0.5rem;
}

.profile-header .id-line[b-9cnwa9r6ih] {
    font-size: 0.9rem;
    color: var(--brx-muted, #BDBDBD);
    margin-bottom: 0.6rem;
}
.profile-header .profile-name[b-9cnwa9r6ih] {
    color: var(--brx-white, #fff);
    font-weight: 600;
}
.profile-header .separator[b-9cnwa9r6ih] {
    margin: 0 0.35rem;
    opacity: .35;
}
.profile-header .profile-id[b-9cnwa9r6ih] {
    color: var(--brx-muted, #BDBDBD);
}

.profile-summary[b-9cnwa9r6ih] {
    display: grid;
    grid-template-columns: 4rem auto;
    gap: 0.75rem;
    background: var(--brx-white);
    border-radius: 1rem;
    padding: 0.75rem;
}

.avatar-circle[b-9cnwa9r6ih] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: var(--brx-light-gray);
    border: 2px solid var(--brx-light-green);
    display: grid;
    place-items: center;
    color: var(--brx-gray);
    font-size: 1.5rem;
    vertical-align: middle;
    margin-top: 0.5rem;
    overflow: hidden; /* ⬅️ важно, чтобы картинка не вылезала за границы круга */
}

/* сам аватар */
.avatar-img[b-9cnwa9r6ih] {
    width: 90%;
    height: 90%;
    object-fit: cover; /* ⬅️ заполняет круг пропорционально */
    border-radius: 50%; /* ⬅️ сглаживает края (на случай, если overflow:hidden не сработает) */
    display: block;
}


.summary-kv .kv-row[b-9cnwa9r6ih] {
    display: flex;
    align-items: center;
    background: var(--brx-light-gray);
    border-radius: 1rem;
    padding: 0.4rem;
    justify-content: center;
    margin-bottom: 0.25rem;
    box-shadow: 0px 3px 6px 2px rgb(0 0 0 / 10%);
}
.kv-key[b-9cnwa9r6ih] {
    font-size: 0.7rem;
    color: var(--brx-gray);
    letter-spacing: .02em;
    font-weight: 600;
}
.kv-value[b-9cnwa9r6ih] {
    display: flex;
    font-size: 0.7rem;
    letter-spacing: .06em;
    font-weight: 500;
    background: var(--brx-gray);
    color: var(--brx-light-green);
    padding: 0.2rem 1.5rem;
    border-radius: 999px;
    margin-left: 0.25rem;
}

/* pills */
.pill[b-9cnwa9r6ih] {
    display: inline-flex;
    align-items: center;
    height: 2rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: .02em;
}
.pill-dark[b-9cnwa9r6ih] { background: #111; color: var(--brx-white, #fff); }
.pill-accent[b-9cnwa9r6ih] { background: var(--brx-light-green, #CCFA89); color: #111; }
.pill-outline[b-9cnwa9r6ih] { background: transparent; border-color: rgba(255,255,255,.12); color: var(--brx-white, #fff); }

/* actions */
.profile-actions[b-9cnwa9r6ih] {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    gap: 0.6rem;
    margin-top: 0.75rem;
}
.btn-upgrade[b-9cnwa9r6ih] {
    width: 100%;
    border-radius: 999px;
    background: var(--brx-light-green, #CCFA89);
    color: var(--brx-gray);
    border: none;
}
.promo-btn[b-9cnwa9r6ih] {
    width: 118px; 
    height: 2.25rem;
    text-align: center;
    line-height: 1.05;
}

/* Stats card */
.stats-card[b-9cnwa9r6ih] {
    background: var(--brx-card, #242424);
    border-radius: 1.25rem;
    padding: 0.9rem;
    margin: 0.75rem;
}
.stats-title[b-9cnwa9r6ih] {
    font-weight: 700;
    color: var(--brx-gray);
    font-size: 0.8rem;
    text-align: start;
}
.stats-subtitle[b-9cnwa9r6ih] {
    color: var(--brx-muted, #B9B9B9);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Amount + progress */
.amount-line[b-9cnwa9r6ih] { color: var(--brx-gray); }
.amount[b-9cnwa9r6ih] {
    font-size: 1.55rem;
    font-weight: 800;
    color: var(--brx-gray);
    letter-spacing: .04em;
    text-align: start;
}

.progress[b-9cnwa9r6ih] {
    width: 100%;
    height: 1.5rem;
    background: rgba(255, 255, 255, .12);
    border-radius: 999px;
    overflow: hidden;
    margin: 0.45rem 0 0.65rem;
}
.progress-fill[b-9cnwa9r6ih] {
    height: 100%;
    background: var(--brx-light-green);
    border-radius: 999px;
}

/* Asset list */
.asset-list[b-9cnwa9r6ih] {
    background: var(--brx-white);
    border-radius: 1rem;
    padding: 0.5rem 0.6rem;
}
.asset-row[b-9cnwa9r6ih] {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0.25rem;
    background: var(--brx-light-gray);
    border-radius: 1rem;
}
.asset-left[b-9cnwa9r6ih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.coin-icon[b-9cnwa9r6ih] { width: 1.5rem;
    height: 1.5rem; }
.asset-meta[b-9cnwa9r6ih] { display: flex; flex-direction: column; }
.asset-name[b-9cnwa9r6ih] { color: var(--brx-gray);
    font-weight: 600;
    font-size: 0.75rem; }
.asset-sub[b-9cnwa9r6ih] { color: var(--brx-muted, #B9B9B9); font-size: 0.78rem; }
.asset-right .asset-pct[b-9cnwa9r6ih] { font-weight: 800;
    color: var(--brx-gray);
    font-size: 0.9rem; }
.divider[b-9cnwa9r6ih] {
    height: 1px;
    background: rgba(255,255,255,.08);
    margin: 0.25rem 0;
}

/* dots */
.dot[b-9cnwa9r6ih] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    display: inline-block;
    margin-left: 0.5rem;
}
.dot-green[b-9cnwa9r6ih] { background: var(--brx-light-green, #CCFA89); }

.dot-black[b-9cnwa9r6ih] { background: black; }
.dot-gray[b-9cnwa9r6ih] { background: #8A8A8A; }

/* ===== Layout & Scroll ===== */
.content-container[b-9cnwa9r6ih] {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 98%;
    width: 100%;
}
.scroll-wrapper[b-9cnwa9r6ih] { overflow-y: auto; }
.scroll-wrapper[b-9cnwa9r6ih]::-webkit-scrollbar { width: 4px; }
.scroll-wrapper[b-9cnwa9r6ih]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}

/* ===== Generic utilities ===== */
.brx-shadow-bottom[b-9cnwa9r6ih] { box-shadow: 0px 3px 6px 2px rgb(0 0 0 / 34%); }

.blockchains-card[b-9cnwa9r6ih] {
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    padding: 0.3rem 1rem 0.5rem;
    margin: 0.5rem 0.5rem;
}

/* ===== Card: Blockchains ===== */
.checked-addresses-card[b-9cnwa9r6ih] {
    padding: 0.3rem 1rem 0.5rem;
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    margin: 0.5rem 0.5rem 0;
}

.blockchains-header[b-9cnwa9r6ih] { display:flex; align-items:center; justify-content:space-between; }
.title[b-9cnwa9r6ih] {
    font-weight: 700;
    color: var(--brx-gray);
    text-align: left;
    font-size: 0.8rem;
}
.subtext[b-9cnwa9r6ih] {
    font-size: 0.7rem;
    color: var(--brx-gray);
    opacity: 0.75;
    text-align: left;
}

.btn-secondary.pill[b-9cnwa9r6ih] {
    position: relative;           /* <— ключевое */
    overflow: visible;            /* чтобы бейдж не обрезался */
    background: var(--brx-light-green);
    border: none;
    border-radius: 999px;
    padding: 0.2rem 1.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    color: var(--brx-gray);
}

/* full-bleed divider (общий) */
.card-divider-bleed[b-9cnwa9r6ih]{
    position: relative;
    height: 2px;
    background: var(--brx-white);
    opacity: 1;
    margin: 0.5rem 0 0.5rem;
}

/* Carousel (no bg) */
.blockchains-carousel[b-9cnwa9r6ih] { position:relative; display:flex; align-items:flex-start; }
.blockchains-track[b-9cnwa9r6ih]{
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    width: 100%;
    padding: 0.05rem .25rem .25rem;
    scrollbar-width: none;
}
.blockchains-track[b-9cnwa9r6ih]::-webkit-scrollbar { display:none; }

.carousel-arrow[b-9cnwa9r6ih]{
    position: absolute;
    top: 35%;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    background: var(--brx-white);
    border: 1px solid var(--brx-gray);
    color: var(--brx-gray);
    opacity: .75;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    transform: translateY(-20%);
}
.carousel-arrow.prev[b-9cnwa9r6ih]{ left:0.15rem;     font-size: 0.75rem; }
.carousel-arrow.next[b-9cnwa9r6ih]{ right:0.15rem;     font-size: 0.75rem; }
.carousel-arrow[hidden][b-9cnwa9r6ih]{ display:none !important; }

/* Chain buttons */
.chain-btn[b-9cnwa9r6ih]{
    flex: 0 0 100px;
    border-radius: 1rem;
    border: 1px solid var(--brx-footer-inactive-gray);
    background: var(--brx-white);
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 50%);
    transition: all .2s
    ease;
}

.label-percentage[b-9cnwa9r6ih] {
    background: var(--brx-gray);
    border-radius: 1rem;
    color: var(--brx-white);
    padding: 0rem 0.5rem;
    font-size: 0.75rem;
}
.chain-btn.active[b-9cnwa9r6ih] { background: var(--brx-light-green); }

.chain-icon[b-9cnwa9r6ih] {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
}
.label[b-9cnwa9r6ih] {
    font-size: 0.85rem;
    color: var(--brx-gray);
    font-weight: 600;
}

/* ===== Card: Checked Addresses ===== */
.checked-addresses-card[b-9cnwa9r6ih]{
    padding: 0.3rem 1rem 0.5rem;
}
.checked-header[b-9cnwa9r6ih]{ display:flex; align-items:center; justify-content:space-between; }
.titles.with-icon[b-9cnwa9r6ih]{
    display: flex;
    align-items: center;
    gap: .45rem;
}
.header-icon[b-9cnwa9r6ih]{
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    opacity: .75;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .04);
    font-size: 1rem;
}

/* white panel */
.checked-panel[b-9cnwa9r6ih]{
    background: var(--brx-white);
    border-radius: 1.1rem;
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
}

/* scrolling list (checked) */
.checked-addresses-card .checked-list[b-9cnwa9r6ih]{
    max-height: 6rem;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    pointer-events: none;
}
.checked-addresses-card .checked-list[b-9cnwa9r6ih]::-webkit-scrollbar { display:none; }

/* list items */
.checked-item[b-9cnwa9r6ih]{
    background: var(--brx-white);
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.checked-value[b-9cnwa9r6ih]{
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border-radius: 999px;
    padding: .22rem .48rem;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .08);
}
.checked-sep[b-9cnwa9r6ih]{ color:var(--brx-gray); }
.checked-description[b-9cnwa9r6ih]{
    flex: 1;
    font-size: 0.7rem;
    color: #3a3a3a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: 600;
}

/* Live/Offline toggle */
.live-btn-container[b-9cnwa9r6ih]{ position:relative; display:inline-block; }
.live-btn-wrapper[b-9cnwa9r6ih]{ transition: opacity .6s ease, transform .6s ease; }
.fade-in[b-9cnwa9r6ih]{ opacity:1; transform:scale(1); animation: fadeIn-b-9cnwa9r6ih .6s ease forwards; }
.fade-out[b-9cnwa9r6ih]{ opacity:0; transform:scale(.9); animation: fadeOut-b-9cnwa9r6ih .6s ease forwards; }

@keyframes fadeIn-b-9cnwa9r6ih { from{opacity:0; transform:scale(.85);} to{opacity:1; transform:scale(1);} }
@keyframes fadeOut-b-9cnwa9r6ih { from{opacity:1; transform:scale(1);} to{opacity:0; transform:scale(.9);} }

.no-stats[b-9cnwa9r6ih]{
    font-size: 0.75rem;
    min-height: 3rem;
    font-weight: 600;
    color: var(--brx-gray);
    opacity: 0.5;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    margin-top: 1.75rem;
}

.live-btn[b-9cnwa9r6ih]{
    display:flex; align-items:center; gap:.4rem;
    font-weight:600; font-size:.9rem; color:var(--brx-gray);
    background: var(--brx-light-gray) !important;
    border-radius:999px; padding:.3rem 1.2rem; border:none;
    box-shadow: 0px 3px 6px 2px rgb(0 0 0 / 20%);
}
.live-btn .dot[b-9cnwa9r6ih]{
    width:8px; height:8px; background:red; border-radius:50%;
    display:inline-block; box-shadow:0 0 6px rgba(255,0,0,.6);
    animation: pulse-b-9cnwa9r6ih 1.3s infinite ease-in-out;
}
@keyframes pulse-b-9cnwa9r6ih{
    0%{ transform:scale(1); opacity:1; }
    50%{ transform:scale(1.25); opacity:.8; }
    100%{ transform:scale(1); opacity:1; }
}
.live-btn.offline[b-9cnwa9r6ih] { color:#8a8a8a; opacity:.85; }
.live-btn.offline .dot.gray[b-9cnwa9r6ih]{ background:#ccc; box-shadow:none; animation:none; }

/* Active pulsing shadow when scanning */
.brx-active-shadow-bottom[b-9cnwa9r6ih]{
    box-shadow: 0 0 0 0 rgba(204,250,137,.7);
    animation: brx-pulse-b-9cnwa9r6ih 4s ease-in-out infinite;
    border-radius:1.1rem;
}
@keyframes brx-pulse-b-9cnwa9r6ih{
    0%{   box-shadow:0 0 0 0 rgba(204,250,137,.65); }
    50%{  box-shadow:0 0 16px 6px rgba(204,250,137,.9); }
    100%{ box-shadow:0 0 0 0 rgba(204,250,137,.65); }
}

/* ===== Card: Found Addresses ===== */
.found-addresses-card[b-9cnwa9r6ih] {
    padding: 0.3rem 1rem 0.5rem;
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    margin: 0.5rem 0.5rem 1rem;
}

.found-addresses-card .checked-list[b-9cnwa9r6ih]{
    max-height: 3rem;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.found-addresses-card .chain-icon[b-9cnwa9r6ih]{
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}

/* ===== Bottom actions ===== */
.bottom-actions[b-9cnwa9r6ih]{
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem;
    align-items: flex-end;
    justify-content: space-between;
    background: transparent;
}
.btn-cta[b-9cnwa9r6ih]{
    flex: 1 1 0;
    border-radius: 1.25rem;
    font-weight: 600;
    padding: 0.5rem 0.4rem;
    letter-spacing: 0.3px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    cursor: pointer;
    transition: transform .15s
    ease, box-shadow .15s
    ease, filter .15s
    ease;
    border: none;
    outline: none;
}
.btn-cta.start[b-9cnwa9r6ih]{
    background: var(--brx-light-green); var(--brx-gray); text-transform:uppercase;
    color: var(--brx-gray);
}
.btn-cta.start:hover[b-9cnwa9r6ih]{ transform: translateY(-1px); }
.btn-cta.start:active[b-9cnwa9r6ih]{ transform: translateY(0); filter: brightness(.98); }

/* toggled scanning look */
.btn-cta.start.scanning[b-9cnwa9r6ih]{
    background: var(--brx-white);
    color: var(--brx-gray);
    border: 2px solid var(--brx-light-green);
    text-transform: uppercase;
}

.btn-cta.withdraw[b-9cnwa9r6ih]{
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border: 2px solid var(--brx-light-green);
    text-transform: uppercase;
}
.btn-cta.withdraw i[b-9cnwa9r6ih]{ font-size:1rem; }
.btn-cta.withdraw:hover[b-9cnwa9r6ih]{ transform: translateY(-1px); }
.btn-cta.withdraw:active[b-9cnwa9r6ih]{ transform: translateY(0); filter: brightness(.98); }

.soon-pill[b-9cnwa9r6ih] {
    position: absolute;
    top: 0.6rem;
    left: -0.1rem;
    background: var(--brx-gray);
    color: var(--brx-light-green);
    /* opacity: 0.75; */
    font-size: 0.55rem;
    font-weight: 700;
    border-radius: 0.4rem;
    padding: 0.1rem 0.4rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    transform: rotate(-40deg);
}

@media screen and (min-height: 700px) {
    .blockchains-card[b-9cnwa9r6ih]{
        margin-top: 1rem !important;
    }
}


.referral-steps-grid[b-9cnwa9r6ih] {
    display: grid;
    grid-template-columns: 1fr minmax(180px, 1.1fr) 1fr;
    align-items: stretch;
    gap: .6rem;
}

/* Карточки шагов */
.step-card[b-9cnwa9r6ih] {
    background: var(--brx-white);
    border-radius: 1rem;
    border: 1.5px solid var(--brx-white);
    padding: .5rem .75rem;
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    text-align: center;
    position: relative;
}

.step-icon[b-9cnwa9r6ih] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    display: grid;
    place-items: center;
    font-size: 1.05rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
    background: rgba(255,255,255,.35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.step-title[b-9cnwa9r6ih] {
    font-weight: 700;
    color: var(--brx-gray);
    font-size: .78rem;
    line-height: 1.15;
}

.step-sub[b-9cnwa9r6ih] {
    font-size: .72rem;
    color: var(--brx-gray);
    opacity: .8;
    margin-top: .5rem;
}

.step-sub .accent[b-9cnwa9r6ih] {
    color: var(--brx-light-green);
    background: var(--brx-gray);
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
}

.task-item[b-9cnwa9r6ih] {
    background-color: #1F1F1F;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    margin-bottom: 10px;
}

.task-left[b-9cnwa9r6ih] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--brx-gray);
    font-size: 13px;
    line-height: 1.3;
}

.task-check[b-9cnwa9r6ih] {
    background-color: transparent;
    border: 1px solid var(--brx-light-green);
    color: var(--brx-light-green);
    font-weight: bold;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.task-completed[b-9cnwa9r6ih] {
    background-color: transparent;
    border: 1px solid var(--brx-light-green);
    color: var(--brx-light-green);
    font-weight: bold;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 10px;
    letter-spacing: 1px;
    min-width: 6em;
    text-align: center;
}

.task-check:hover[b-9cnwa9r6ih] {
    background-color: var(--brx-light-green);
    color: var(--brx-white);
}

.task-left p[b-9cnwa9r6ih] {
    margin-block-start: 0em;
    margin-block-end: 0em;
    color: var(--brx-light-green)
}

.free-referral-system-overview[b-9cnwa9r6ih] {
    padding: .25rem .25rem 0.75rem;
}

.referral-steps-grid[b-9cnwa9r6ih] {
    display: grid;
    grid-template-columns: 1fr minmax(180px, 1.1fr) 1fr;
    align-items: stretch;
    gap: .6rem;
}

/* Карточки шагов */
.step-card[b-9cnwa9r6ih] {
    background: var(--brx-white);
    border-radius: 1rem;
    border: 1.5px solid var(--brx-white);
    padding: .5rem .75rem;
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    text-align: center;
    position: relative;
}

.step-icon[b-9cnwa9r6ih] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    display: grid;
    place-items: center;
    font-size: 1.25rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
    background: rgba(255,255,255,.35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.step-title[b-9cnwa9r6ih] {
    font-weight: 700;
    color: var(--brx-gray);
    font-size: .78rem;
    line-height: 1.15;
}


.step-sub .accent[b-9cnwa9r6ih] {
    color: var(--brx-light-green);
    background: var(--brx-gray);
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
}

/* Центральный счетчик */
.earned-card[b-9cnwa9r6ih] {
    background: var(--brx-white);
    border: 1.5px solid rgba(255, 255, 255, .55);
    border-radius: 1.2rem;
    padding: 0.5rem .75rem;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    justify-items: center;
    filter: grayscale(.1) brightness(.98);
}

.earned-label[b-9cnwa9r6ih] {
    font-size: .72rem;
    color: var(--brx-gray);
    opacity: .9;
    font-weight: 600;
    letter-spacing: .3px;
}

.earned-value[b-9cnwa9r6ih] {
    color: var(--brx-gray);
    font-weight: 800;
    font-size: 1.2rem;
    letter-spacing: .5px;
    padding: .35rem .9rem;
    margin: .25rem 0 .35rem;
    border-radius: .8rem;
    border: 2px solid var(--brx-light-green);
    background: var(--brx-white);
    box-shadow: inset 0 0 4px 6px var(--brx-light-gray), 0 2px 6px rgba(0, 0, 0, .10);
    min-width: 8rem;
}

.earned-footnote[b-9cnwa9r6ih] {
    font-size: .68rem;
    color: var(--brx-gray);
    opacity: .7;
}

/* Адаптив */
@media (max-width: 820px) {
    .referral-steps-grid[b-9cnwa9r6ih] {
        grid-template-columns: 1fr;
    }
    .earned-card[b-9cnwa9r6ih] { order: -1; } /* счетчик сверху на мобилке */
}

.task-buttons[b-9cnwa9r6ih]{
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.dot[b-9cnwa9r6ih]{
    width:8px; height:8px; background:var(--brx-light-green); border-radius:50%;
    display:inline-block; box-shadow:0 0 6px var(#8cbd4c);
    border: 1px solid var(--brx-gray);
    animation: pulse-b-9cnwa9r6ih 1.3s infinite ease-in-out;
    margin-right: 0.5rem;
}
@keyframes pulse-b-9cnwa9r6ih{
    0%{ transform:scale(1.25); opacity:1; }
    50%{ transform:scale(1.5); opacity:.8; }
    100%{ transform:scale(1.25); opacity:1; }
}
/* /Components/Pages/Referral.razor.rz.scp.css */
.content-container[b-ham8oc1pf3] {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 95%;
    width: 100%;
}

.scroll-wrapper[b-ham8oc1pf3] {
    overflow-y: auto;
    margin-right: 5px;
}
.scroll-wrapper[b-ham8oc1pf3]::-webkit-scrollbar { width: 4px; }
.scroll-wrapper[b-ham8oc1pf3]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}

.top-container[b-ham8oc1pf3] {
    padding-bottom: 1.25rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    background: var(--brx-light-gray);
}

.top-section-title[b-ham8oc1pf3] {
    text-align: center;
    color: var(--brx-gray);
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0.75em;
    font-size: 1rem;
}

.referral-box[b-ham8oc1pf3] {
    background: var(--brx-light-gray);
    box-shadow: inset 0px 0px 0px 4px rgb(255 255 255), 0 2px 6px rgba(0, 0, 0, .14);
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 1rem;
    letter-spacing: 13px;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    color: var(--brx-gray);
    font-weight: 600;
    padding-left: 1.5rem;
    border: 1px solid var(--brx-light-green);
}

.invite-buttons[b-ham8oc1pf3] {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 0.75em;
}

.invite-buttons button[b-ham8oc1pf3] {
    background-color: var(--brx-light-green);
    border: 1.5px solid var(--brx-light-green);
    color: var(--brx-gray);
    border-radius: 0.5rem;
    padding: 0.4rem 0.8rem;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s, color 0.3s;
}

.invite-buttons button i[b-ham8oc1pf3] {
    font-size: 1rem;
}

.invite-buttons button:hover[b-ham8oc1pf3] {
    background-color: var(--brx-light-green);
}

.push-update-button[b-ham8oc1pf3] {
    background-color: transparent;
    border: 1.5px solid var(--brx-light-green);
    color: var(--brx-light-green);
    border-radius: 10px;
    font-size: 16px;
    padding: 8px 14px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s, color 0.3s;
}

.push-update-button:hover[b-ham8oc1pf3] {
    background-color: var(--brx-light-green);
    color: var(--brx-gray);
}

.copy-button[b-ham8oc1pf3] {
    transition: transform 0.1s ease;
}

.copy-button:active[b-ham8oc1pf3] {
    transform: scale(0.9);
}

.scroll-wrapper[b-ham8oc1pf3] { overflow-y: auto; }
.scroll-wrapper[b-ham8oc1pf3]::-webkit-scrollbar { width: 4px; }
.scroll-wrapper[b-ham8oc1pf3]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}

.blockchains-card[b-ham8oc1pf3] {
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    padding: 0.3rem 1rem 0.5rem;
    margin: 1rem 1rem;
}

.blockchains-header[b-ham8oc1pf3] { display:flex; align-items:center; justify-content:space-between; }

.titles.with-icon[b-ham8oc1pf3]{
    display: flex;
    align-items: center;
    gap: .45rem;
}

.header-icon[b-ham8oc1pf3]{
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    opacity: .75;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .04);
    font-size: 1rem;
}
.title[b-ham8oc1pf3] {
    font-weight: 700;
    color: var(--brx-gray);
    text-align: left;
    font-size: 0.8rem;
}
.subtext[b-ham8oc1pf3] {
    font-size: 0.7rem;
    color: var(--brx-gray);
    opacity: 0.75;
    text-align: left;
}
.card-divider-bleed[b-ham8oc1pf3]{
    position: relative;
    height: 2px;
    background: var(--brx-white);
    opacity: 1;
    margin: 0.5rem 0 0.5rem;
}

.dev-lock-card[b-ham8oc1pf3]{
    color: var(--brx-gray);
    font-size: 0.8rem;
    opacity: 1;
    font-weight: 700;
    padding: 2rem;
    background: white;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.25);
    filter: grayscale(0.6) brightness(0.9);
}

/* --- Free referral overview --- */
.free-referral-system-overview[b-ham8oc1pf3] {
    padding: .25rem .25rem 0.75rem;
}

.referral-steps-grid[b-ham8oc1pf3] {
    display: grid;
    grid-template-columns: 1fr minmax(180px, 1.1fr) 1fr;
    align-items: stretch;
    gap: .6rem;
}

/* Карточки шагов */
.step-card[b-ham8oc1pf3] {
    background: var(--brx-white);
    border-radius: 1rem;
    border: 1.5px solid var(--brx-white);
    padding: .5rem .75rem;
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    text-align: center;
    position: relative;
}

.step-icon[b-ham8oc1pf3] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    display: grid;
    place-items: center;
    font-size: 1.05rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
    margin-bottom: .5rem;
    background: rgba(255,255,255,.35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.step-title[b-ham8oc1pf3] {
    font-weight: 700;
    color: var(--brx-gray);
    font-size: .78rem;
    line-height: 1.15;
}

.step-sub[b-ham8oc1pf3] {
    font-size: .72rem;
    color: var(--brx-gray);
    opacity: .8;
    margin-top: .2rem;
}

.step-sub .accent[b-ham8oc1pf3] {
    color: var(--brx-light-green);
    background: var(--brx-gray);
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
}

/* Центральный счетчик */
.earned-card[b-ham8oc1pf3] {
    background: var(--brx-white);
    border: 1.5px solid rgba(255, 255, 255, .55);
    border-radius: 1.2rem;
    padding: 0.5rem .75rem;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    justify-items: center;
    filter: grayscale(.1) brightness(.98);
}

.earned-label[b-ham8oc1pf3] {
    font-size: .72rem;
    color: var(--brx-gray);
    opacity: .9;
    font-weight: 600;
    letter-spacing: .3px;
}

.earned-value[b-ham8oc1pf3] {
    color: var(--brx-gray);
    font-weight: 800;
    font-size: 1.2rem;
    letter-spacing: .5px;
    padding: .35rem .9rem;
    margin: .25rem 0 .35rem;
    border-radius: .8rem;
    border: 2px solid var(--brx-light-green);
    background: var(--brx-white);
    box-shadow: inset 0 0 4px 6px var(--brx-light-gray), 0 2px 6px rgba(0, 0, 0, .10);
    min-width: 8rem;
}

.earned-footnote[b-ham8oc1pf3] {
    font-size: .68rem;
    color: var(--brx-gray);
    opacity: .7;
}

/* Адаптив */
@media (max-width: 820px) {
    .referral-steps-grid[b-ham8oc1pf3] {
        grid-template-columns: 1fr;
    }
    .earned-card[b-ham8oc1pf3] { order: -1; } /* счетчик сверху на мобилке */
}


/*MODAL*/
.modal-overlay[b-ham8oc1pf3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 15, 15, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(3px);
}

.modal-content[b-ham8oc1pf3] {
    background-color: var(--brx-gray);
    border: 1px solid var(--brx-light-green);
    border-radius: 1rem;
    width: 90%;
    height: 70%;
    position: relative;
    color: var(--brx-light-gray);
    box-shadow: 0 0 15px var(--brx-light-green);
}

.modal-close-button[b-ham8oc1pf3] {
    position: absolute;
    top: 10px;
    right: 14px;
    background: transparent;
    border: none;
    font-size: 20px;
    color: var(--brx-light-green);
    cursor: pointer;
    transition: color 0.2s ease;
}

.modal-close-button:hover[b-ham8oc1pf3] {
    color: var(--brx-light-gray);
}


.transaction-placeholder[b-ham8oc1pf3] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--brx-light-gray);
    text-align: center;
    letter-spacing: 1px;
}

.transaction-table[b-ham8oc1pf3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    color: var(--brx-light-gray);
    letter-spacing: 1px;
    max-height: 12em;
}

.transaction-table thead[b-ham8oc1pf3] {
    position: sticky;
    top: 0;
    background: var(--brx-footer-inactive-gray);
    z-index: 1;
}

.transaction-table th[b-ham8oc1pf3],
.transaction-table td[b-ham8oc1pf3] {
    text-align: center;
    padding: 12px 4px;
    border-bottom: 1px solid var(--brx-gray);
}

.transaction-table th[b-ham8oc1pf3] {
    font-weight: bold;
    color: var(--brx-light-gray);
    opacity: 0.75;
}

.transaction-table tr:hover[b-ham8oc1pf3] {
    background: rgba(255, 165, 0, 0.05);
}


.transaction-grid-wrapper[b-ham8oc1pf3] {
    overflow-y: auto;
    padding-right: 5px;
    margin-top:3rem;
    margin-left: 0.4rem;
    margin-right: 0.35em;
    margin-bottom: 1em;
}

.transaction-grid-wrapper[b-ham8oc1pf3]::-webkit-scrollbar {
    width: 4px;
}

.transaction-grid-wrapper[b-ham8oc1pf3]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}

.transaction-container[b-ham8oc1pf3] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.transaction-placeholder[b-ham8oc1pf3] {
    font-size: 14px;
    color: var(--brx-light-gray);
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (min-height: 700px) {
    .blockchains-card[b-ham8oc1pf3]{
        margin-top: 2rem !important;
    }
}

/* /Components/Pages/Shop.razor.rz.scp.css */
/* ===== Base layout ===== */
.content-container[b-cajv2ng2m2]{
    display:flex;
    flex-direction:column;
    height:98%;
    width:100%;
}
.scroll-wrapper[b-cajv2ng2m2]{
    flex: 1 1 auto;
    overflow: auto;
    margin-bottom: 0.5rem;
    padding-bottom: 1rem;
    margin-right: 5px;
}
.scroll-wrapper[b-cajv2ng2m2]::-webkit-scrollbar{ width:4px; }
.scroll-wrapper[b-cajv2ng2m2]::-webkit-scrollbar-thumb{ background:var(--brx-light-green); border-radius:3px; }

/* ===== Header segmented buttons ===== */
.top-container[b-cajv2ng2m2]{
    padding: 0.1rem 1rem 0.75rem;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    background: var(--brx-light-gray);
    margin-bottom: 0.5rem;
}
.bottom-actions[b-cajv2ng2m2]{     
    display: flex;
    gap: 1rem;
    padding: 0 1rem; 
}

.btn-cta[b-cajv2ng2m2]{
    position: relative;           /* <— ключевое */
    overflow: visible;            /* чтобы бейдж не обрезался */
    flex: 1 1 0;
    height: 2.5rem;
    border-radius: 1.25rem;
    font-weight: 700;
    letter-spacing: .3px;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid var(--brx-light-green);
    transition: transform .15s
    ease, box-shadow .2s
    ease, filter .2s
    ease, background .2s
    ease, color .2s
    ease;
    box-shadow: 0 6px 11px 2px rgba(0, 0, 0, .35);
    text-transform: uppercase;
}
.soon-pill[b-cajv2ng2m2] {
    position: absolute;
    background: var(--brx-light-green);
    color: var(--brx-gray);
    font-size: 0.55rem;
    font-weight: 700;
    border-radius: 0.4rem;
    padding: 0.1rem 0.4rem;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    text-transform: uppercase;
    z-index: 1;
    pointer-events: none; /* чтобы клик по кнопке не блокировался */
    top: 0.9rem; right: -0.2rem;
    transform: rotate(-35deg);
}
.btn-cta.disabled[b-cajv2ng2m2]{
    opacity: .6;
    cursor: not-allowed;
    filter: grayscale(.08);
    pointer-events: none;
}
.btn-cta.active[b-cajv2ng2m2]{ background:var(--brx-light-green); color:var(--brx-gray); }
.btn-cta.not-active[b-cajv2ng2m2]{ background:var(--brx-gray); color:var(--brx-light-green); }
.btn-cta:hover[b-cajv2ng2m2]{ transform:translateY(-1px); }
.btn-cta:active[b-cajv2ng2m2]{ transform:translateY(0); filter:brightness(.96); }

/* ===== Products card ===== */
.blockchains-card[b-cajv2ng2m2]{
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    padding: 0rem 0.5rem;
    margin: 0 1rem;
}
.products-card[b-cajv2ng2m2]{ 
    margin-top: .4rem;
    overflow: hidden;
    display: flex;
    flex-direction: column; }

/* Сетка товаров + ограничение скролла 20–80% */
.payment-grid[b-cajv2ng2m2]{
    display: grid;
    gap: 0.5rem;
    padding: 0.5rem 0.25rem;
    overscroll-behavior: contain;
}
.payment-grid[b-cajv2ng2m2]::-webkit-scrollbar{ width:4px; }
.payment-grid[b-cajv2ng2m2]::-webkit-scrollbar-thumb{ background:var(--brx-light-green); border-radius:3px; }

/* Карточка товара */
.payment-method[b-cajv2ng2m2]{
    position: relative;
    background: #ffffff;
    border: 1px solid var(--brx-light-gray);
    box-shadow: 0 0 3px 3px #3f3f3f45;
    border-radius: 1em;
    padding: 0.25em 0.5em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1b1b1b;
    cursor: pointer;
    transition: transform .12s
    ease, box-shadow .25s
    ease, background .25s
    ease, border-color .25s
    ease, filter .25s
    ease;
    will-change: transform;
}
.payment-method:hover[b-cajv2ng2m2]{
    transform:translateY(-2px);
    box-shadow:inset 0 0 0 2px var(--brx-light-green);
}
.payment-method:active[b-cajv2ng2m2]{ transform:translateY(0) scale(.99); filter:brightness(.98); }
.payment-method.selected[b-cajv2ng2m2]{
    background:var(--brx-light-green);
    color:var(--brx-gray);
    border-color:var(--brx-light-green);
    box-shadow:0 0 0 3px rgba(173, 250, 137, .35), 0 8px 16px -6px rgba(0,0,0,.3);
}

/* Медалька скидки */
.discount-badge[b-cajv2ng2m2]{
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border: 2px solid var(--brx-light-green);
    border-radius: 1rem;
    font-weight: 800;
    font-size: 0.6rem;
    padding: 0.25rem 0.5rem;
}

/* Контент карточки */
.coin-icon[b-cajv2ng2m2]{ width: 3.5rem;
    height: 3.5rem; border-radius:12px; object-fit:cover; }
.coin-label[b-cajv2ng2m2]{ display:flex; flex-direction:column; gap:.4rem; }
.coin-name[b-cajv2ng2m2]{     font-weight: 800;
    font-size: 1rem;
    color: var(--brx-gray);
    opacity: 1; }
.payment-method.selected .coin-name[b-cajv2ng2m2]{ color:var(--brx-gray); }

/* ===== Цены ===== */
.coin-price-pill[b-cajv2ng2m2],
.new-price-pill[b-cajv2ng2m2]{
    display: inline-block;
    padding: 0.15rem 0.3rem;
    border-radius: 999px;
    background: var(--brx-light-green);
    color: var(--brx-gray);
    border: 1px solid var(--brx-light-green);
    font-weight: 800;
    font-size: 0.75rem;
    text-align: center;
    min-width: 4rem;
}
.price-group[b-cajv2ng2m2]{
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: transform .2s
    ease, opacity .2s
    ease;
}
.payment-method:hover .price-group[b-cajv2ng2m2]{ transform:translateY(-1px); }

.old-price[b-cajv2ng2m2]{
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f0f0f0;
    border: 1px solid #e5e5e5;
    color: #7c7d78;
    font-weight: 800;
    font-size: 0.75rem;
    text-decoration: line-through;
}
.payment-method.selected .old-price[b-cajv2ng2m2]{
    background:rgba(0,0,0,.08);
    border-color:rgba(0,0,0,.08);
    color:rgba(0,0,0,.5);
}

/* ===== Checkout (внизу) ===== */
.checkout-card[b-cajv2ng2m2]{ margin-top:auto; }
.checkout-inner[b-cajv2ng2m2]{
    display: grid;
    grid-template-columns: auto auto;
    gap: 1rem;
    align-items: center;
}
.pill-stack[b-cajv2ng2m2]{ display: grid
;
    gap: .2rem;
    padding: .35rem 0 .35rem .35rem; }
.dark-pill-row[b-cajv2ng2m2]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--brx-gray);
    color: var(--brx-white);
    padding: .25rem .9rem;
    border-radius: 1rem;
    font-weight: 700;
    letter-spacing: .4px;
    font-size: 0.75rem;
}
.dark-pill-row .label[b-cajv2ng2m2]{ opacity:.9; }
.dark-pill-row .value.green[b-cajv2ng2m2]{ color:var(--brx-light-green); }

/* PAY */
.btn-pay[b-cajv2ng2m2]{
    min-width: 8rem;
    height: 3rem;
    padding: 0 22px;
    border-radius: 16px;
    background: var(--brx-light-green);
    color: var(--brx-gray);
    border: 1.5px solid var(--brx-light-green);
    font-weight: 900;
    letter-spacing: .5px;
    font-size: 1rem;
    cursor: pointer;
    transition: transform .12s
    ease, box-shadow .25s
    ease, filter .25s
    ease;
    box-shadow: 0 10px 24px -10px rgba(130, 200, 90, .7);
}
.btn-pay:hover[b-cajv2ng2m2]{ transform:translateY(-2px); box-shadow:0 14px 32px -12px rgba(130, 200, 90, .85); }
.btn-pay:active[b-cajv2ng2m2]{ transform:translateY(0) scale(.98); filter:brightness(.98); }
.btn-pay.disabled[b-cajv2ng2m2]{ opacity:.6; cursor:not-allowed; filter:grayscale(.08); pointer-events: none; }

.payment-method[b-cajv2ng2m2] {
    position: relative;
}

/* Стиль купленного */
.payment-method.owned[b-cajv2ng2m2] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.8;
    filter: grayscale(60%);
}

/* Галочка “куплено” */
.owned-check[b-cajv2ng2m2] {
    position: absolute;
    right: 0.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

/* лёгкое сияние */
.owned-check i[b-cajv2ng2m2] {
    text-shadow: 0 0 6px var(--brx-light-green);
}

/* HOT DEALS: таймер + описание */
.hotdeal-timer[b-cajv2ng2m2]{
    display:flex;
    align-items:center;
    gap:.35rem;
    font-weight:800;
    font-size:.85rem;
    color:var(--brx-gray);
    padding:.25rem .6rem;
    border-radius:.8rem;
    border:1.5px solid var(--brx-light-green);
    background: var(--brx-white);
    box-shadow: inset 0 0 4px 6px var(--brx-light-gray), 0 2px 6px rgba(0,0,0,.10);
}

/* подпись под hot-товаром */
.deal-desc[b-cajv2ng2m2]{
    margin-top:.25rem;
    font-size:.72rem;
    color:var(--brx-gray);
    opacity:.85;
}


/* ===== Карточка контейнера ===== */
.blockchains-card[b-cajv2ng2m2]{
    background: var(--brx-light-gray);
    border-radius: 1.5rem;
    padding: 0.3rem 1rem 0.5rem;
    margin: 1rem 1rem;
}

/* общий мягкий тень-хелпер, если ещё нет */
.brx-shadow-bottom[b-cajv2ng2m2]{
    box-shadow: 0 8px 18px -10px rgba(0,0,0,.35);
}

/* ===== Заголовок блока + таймер ===== */
.blockchains-header[b-cajv2ng2m2]{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: .75rem;
}

.titles.with-icon[b-cajv2ng2m2]{
    display: flex;
    align-items: center;
    gap: .45rem;
}

.header-icon[b-cajv2ng2m2]{
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    opacity: .75;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .04);
    font-size: 1rem;
}

.title[b-cajv2ng2m2]{
    font-weight: 700;
    color: var(--brx-gray);
    text-align: left;
    font-size: 0.8rem;
}

.subtext[b-cajv2ng2m2]{
    font-size: 0.7rem;
    color: var(--brx-gray);
    opacity: 0.75;
    text-align: left;
}

.hotdeal-timer[b-cajv2ng2m2]{
    display:flex;
    align-items:center;
    gap:.35rem;
    font-weight:800;
    font-size:.85rem;
    color:var(--brx-gray);
    padding:.25rem .6rem;
    border-radius:.8rem;
    border:1.5px solid var(--brx-light-green);
    background: var(--brx-white);
    box-shadow: inset 0 0 4px 6px var(--brx-light-gray), 0 2px 6px rgba(0,0,0,.10);
}

/* ===== Разделитель во всю ширину ===== */
.card-divider-bleed[b-cajv2ng2m2]{
    position: relative;
    height: 2px;
    background: var(--brx-white);
    opacity: 1;
    margin: 0.5rem 0 0.5rem;
}

/* ===== Блок “How it works” ===== */
.free-referral-system-overview[b-cajv2ng2m2]{
    padding: 1rem .25rem 0.75rem;
}

.referral-steps-grid[b-cajv2ng2m2]{
    display: grid;
    grid-template-columns: 1fr minmax(180px, 1.1fr) 1fr;
    align-items: stretch;
    gap: .6rem;
}

.step-card[b-cajv2ng2m2]{
    background: var(--brx-white);
    border-radius: 1rem;
    border: 1.5px solid var(--brx-white);
    padding: .5rem .75rem;
    display: grid;
    grid-template-rows: auto auto auto;
    justify-items: center;
    text-align: center;
    position: relative;
}

.step-icon[b-cajv2ng2m2]{
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: 2px solid var(--brx-gray);
    color: var(--brx-gray);
    display: grid;
    place-items: center;
    font-size: 1.05rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.04);
    margin-bottom: .5rem;
    background: rgba(255,255,255,.35);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.step-title[b-cajv2ng2m2]{
    font-weight: 700;
    color: var(--brx-gray);
    font-size: .78rem;
    line-height: 1.15;
}

.step-sub[b-cajv2ng2m2]{
    font-size: .72rem;
    color: var(--brx-gray);
    opacity: .8;
    margin-top: .2rem;
}

.step-sub .accent[b-cajv2ng2m2]{
    color: var(--brx-light-green);
    background: var(--brx-gray);
    font-weight: 700;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
}

/* Центральный счётчик */
.earned-card[b-cajv2ng2m2]{
    background: var(--brx-white);
    border: 1.5px solid rgba(255, 255, 255, .55);
    border-radius: 1.2rem;
    padding: 0.5rem .75rem;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    justify-items: center;
    filter: grayscale(.1) brightness(.98);
}

.earned-label[b-cajv2ng2m2]{
    font-size: .72rem;
    color: var(--brx-gray);
    opacity: .9;
    font-weight: 600;
    letter-spacing: .3px;
}

.earned-value[b-cajv2ng2m2]{
    color: var(--brx-gray);
    font-weight: 800;
    font-size: 1.2rem;
    letter-spacing: .5px;
    padding: .35rem .9rem;
    margin: .25rem 0 .35rem;
    border-radius: .8rem;
    border: 2px solid var(--brx-light-green);
    background: var(--brx-white);
    box-shadow: inset 0 0 4px 6px var(--brx-light-gray), 0 2px 6px rgba(0, 0, 0, .10);
    min-width: 8rem;
    text-align: center;
}

.earned-footnote[b-cajv2ng2m2]{
    font-size: .68rem;
    color: var(--brx-gray);
    opacity: .7;
}

/* Адаптив для How it works */
@media (max-width: 820px){
    .referral-steps-grid[b-cajv2ng2m2]{
        grid-template-columns: 1fr;
    }
    .earned-card[b-cajv2ng2m2]{ order: -1; }
}

/* ===== Сетка и карточки товаров ===== */
.payment-grid[b-cajv2ng2m2]{
    display: grid;
    gap: 0.5rem;
    padding: 0.5rem 0.25rem;
    overscroll-behavior: contain;
}

.payment-method[b-cajv2ng2m2]{
    position: relative;
    background: #ffffff;
    border: 1px solid var(--brx-light-gray);
    box-shadow: 0 0 3px 3px #3f3f3f45;
    border-radius: 1em;
    padding: 0.25em 0.5em;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #1b1b1b;
    cursor: pointer;
    transition:
            transform .12s ease,
            box-shadow .25s ease,
            background .25s ease,
            border-color .25s ease,
            filter .25s ease;
    will-change: transform;
}

.payment-method:hover[b-cajv2ng2m2]{
    transform: translateY(-2px);
    box-shadow: inset 0 0 0 2px var(--brx-light-green);
}

.payment-method:active[b-cajv2ng2m2]{
    transform: translateY(0) scale(.99);
    filter: brightness(.98);
}

.payment-method.selected[b-cajv2ng2m2]{
    background: var(--brx-light-green);
    color: var(--brx-gray);
    border-color: var(--brx-light-green);
    box-shadow: 0 0 0 3px rgba(173, 250, 137, .35), 0 8px 16px -6px rgba(0,0,0,.3);
}

/* бейдж скидки */
.discount-badge[b-cajv2ng2m2]{
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background: var(--brx-gray);
    color: var(--brx-light-green);
    border: 2px solid var(--brx-light-green);
    border-radius: 1rem;
    font-weight: 800;
    font-size: 0.6rem;
    padding: 0.25rem 0.5rem;
}

/* Контент товарной карточки */
.coin-icon[b-cajv2ng2m2]{
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 12px;
    object-fit: cover;
}

.coin-label[b-cajv2ng2m2]{
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.coin-name[b-cajv2ng2m2]{
    font-weight: 800;
    font-size: 1rem;
    color: var(--brx-gray);
    opacity: 1;
}

.payment-method.selected .coin-name[b-cajv2ng2m2]{
    color: var(--brx-gray);
}

/* Цена */
.price-group[b-cajv2ng2m2]{
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: transform .2s ease, opacity .2s ease;
}

.payment-method:hover .price-group[b-cajv2ng2m2]{
    transform: translateY(-1px);
}

.old-price[b-cajv2ng2m2]{
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #f0f0f0;
    border: 1px solid #e5e5e5;
    color: #7c7d78;
    font-weight: 800;
    font-size: 0.75rem;
    text-decoration: line-through;
}

.payment-method.selected .old-price[b-cajv2ng2m2]{
    background: rgba(0,0,0,.08);
    border-color: rgba(0,0,0,.08);
    color: rgba(0,0,0,.5);
}

.coin-price-pill[b-cajv2ng2m2],
.new-price-pill[b-cajv2ng2m2]{
    display: inline-block;
    padding: 0.15rem 0.3rem;
    border-radius: 999px;
    background: var(--brx-light-green);
    color: var(--brx-gray);
    border: 1px solid var(--brx-light-green);
    font-weight: 800;
    font-size: 0.75rem;
    text-align: center;
    min-width: 4rem;
}

/* подпись под HOT-товаром */
.deal-desc[b-cajv2ng2m2]{
    margin-top:.25rem;
    font-size:.72rem;
    color:var(--brx-gray);
    opacity:.85;
}

/* Моргание кнопки */
.blinking[b-cajv2ng2m2] {
    animation: pulseBlink-b-cajv2ng2m2 1.2s infinite ease-in-out;
}

@keyframes pulseBlink-b-cajv2ng2m2 {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.45; transform: scale(1.04); }
    100% { opacity: 1; transform: scale(1); }
}

/* GLOW-анимация для HOT DEALS */
.glow-hot[b-cajv2ng2m2] {
    animation: hotGlow-b-cajv2ng2m2 1.6s infinite ease-in-out;
}

@keyframes hotGlow-b-cajv2ng2m2 {
    0% {
        color: rgba(255, 0, 0, 0.6);
        border-color: rgba(255, 0, 0, 0.6);
        transform: scale(1);
    }
    50% {
        color: red;
        border-color: red;
        transform: scale(1);
    }
    100% {
        color: rgba(255, 0, 0, 0.6);
        border-color: rgba(255, 0, 0, 0.6);
        transform: scale(1);
    }
}


/*SNOW*/
.snow-host[b-cajv2ng2m2] {
    position: relative;
    overflow: hidden;
}

.snow-overlay[b-cajv2ng2m2] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

/* базовый слой */
.snow-overlay[b-cajv2ng2m2],
.snow-overlay[b-cajv2ng2m2]::before,
.snow-overlay[b-cajv2ng2m2]::after {
    content: "";
    position: absolute;
    inset: -200px 0 0 0;
    background-repeat: repeat;
    will-change: transform;
}

/* ===== СЛОЙ 1 — крупные снежинки ===== */
.snow-overlay[b-cajv2ng2m2] {
    background-image:
            radial-gradient(
                    2.5px 2.5px at 30px 40px,
                    #fff 40%,
                    rgba(180,190,210,.6) 55%,
                    rgba(180,190,210,.25) 70%,
                    transparent 100%
            ),
            radial-gradient(
                    2px 2px at 120px 90px,
                    #fff 40%,
                    rgba(180,190,210,.5) 55%,
                    rgba(180,190,210,.2) 70%,
                    transparent 100%
            );
    background-size: 200px 200px;
    animation: snowFall1-b-cajv2ng2m2 10s linear infinite;
    opacity: .75;
}

/* ===== СЛОЙ 2 — средние ===== */
.snow-overlay[b-cajv2ng2m2]::before {
    background-image:
            radial-gradient(
                    1.8px 1.8px at 50px 100px,
                    #fff 45%,
                    rgba(160,170,190,.45) 60%,
                    rgba(160,170,190,.2) 75%,
                    transparent 100%
            ),
            radial-gradient(
                    1.5px 1.5px at 160px 30px,
                    #fff 45%,
                    rgba(160,170,190,.4) 60%,
                    rgba(160,170,190,.18) 75%,
                    transparent 100%
            );
    background-size: 260px 260px;
    animation: snowFall2-b-cajv2ng2m2 14s linear infinite;
    opacity: .6;
}

/* ===== СЛОЙ 3 — мелкие ===== */
.snow-overlay[b-cajv2ng2m2]::after {
    background-image:
            radial-gradient(
                    1.2px 1.2px at 90px 60px,
                    #fff 50%,
                    rgba(140,150,170,.35) 65%,
                    rgba(140,150,170,.15) 80%,
                    transparent 100%
            ),
            radial-gradient(
                    1px 1px at 180px 140px,
                    #fff 50%,
                    rgba(140,150,170,.3) 65%,
                    rgba(140,150,170,.12) 80%,
                    transparent 100%
            );
    background-size: 320px 320px;
    animation: snowFall3-b-cajv2ng2m2 18s linear infinite;
    opacity: .5;
}

/* ===== АНИМАЦИИ ===== */
@keyframes snowFall1-b-cajv2ng2m2 {
    from { transform: translateY(-120px); }
    to   { transform: translateY(520px); }
}
@keyframes snowFall2-b-cajv2ng2m2 {
    from { transform: translateY(-140px) translateX(-10px); }
    to   { transform: translateY(560px) translateX(15px); }
}
@keyframes snowFall3-b-cajv2ng2m2 {
    from { transform: translateY(-160px) translateX(10px); }
    to   { transform: translateY(600px) translateX(-20px); }
}

/* ===== Уважение prefers-reduced-motion ===== */
@media (prefers-reduced-motion: reduce) {
    .snow-overlay[b-cajv2ng2m2],
    .snow-overlay[b-cajv2ng2m2]::before,
    .snow-overlay[b-cajv2ng2m2]::after {
        animation: none;
    }
}
/* /Components/Pages/Wallets.razor.rz.scp.css */
.content-container[b-kwdz2ymdfk] {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 97%;
    width: 100%;
}

.scroll-wrapper[b-kwdz2ymdfk] {
    overflow-y: auto;
    margin-right: 0.3rem;
}
.scroll-wrapper[b-kwdz2ymdfk]::-webkit-scrollbar { width: 4px; }
.scroll-wrapper[b-kwdz2ymdfk]::-webkit-scrollbar-thumb {
    background: var(--brx-light-green);
    border-radius: 3px;
}

/* ====== Header ====== */
.wallets-header[b-kwdz2ymdfk]{
    background: var(--brx-gray);
    padding: 0rem 0rem 0.5rem 0rem;
    color: var(--brx-white);
    border-bottom-left-radius: 2rem;
    margin-bottom: 0.5rem;
    border-bottom-right-radius: 2rem;
}
.wallets-title[b-kwdz2ymdfk]{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
}
.wallets-title-icon[b-kwdz2ymdfk]{
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--brx-light-green);
}
.wallets-title-text[b-kwdz2ymdfk]{
    letter-spacing: .07rem;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--brx-light-green);
}
.wallets-subtitle[b-kwdz2ymdfk]{
    font-size: .8rem;
    letter-spacing: .15rem;
    opacity: 0.8;
    color: var(--brx-light-gray);
    font-weight: 600;
}

/* ====== List container ====== */
.wallets-list[b-kwdz2ymdfk]{
    display: flex;
    flex-direction: column;
    gap: .9rem;
    margin: 0.5rem 0.5rem 0.55rem;
}

/* ====== Card ====== */
.wallet-card[b-kwdz2ymdfk]{
    background: var(--brx-light-gray);
    border-radius: 1rem;
    padding: 0.3rem 0.75rem 0.5rem;
    display: grid;
    grid-template-columns: 0.5fr 1fr 0.5fr;
    align-items: center;
    column-gap: .5rem;
}

/* left icon circle */
.chain-circle[b-kwdz2ymdfk]{
    width: 4rem;
    height: 4rem;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 1px 5px rgb(255 255 255), 0 2px 6px rgba(0, 0, 0, .14);
    background: var(--brx-light-gray);
}
.chain-icon[b-kwdz2ymdfk]{
    object-fit: contain;
    width: 4rem;
    height: 4rem;
}

/* middle pills stack */
.wc-middle[b-kwdz2ymdfk]{
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.pill-row[b-kwdz2ymdfk]{
    display: flex;
    justify-content: center;
}
.pill[b-kwdz2ymdfk]{
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: var(--brx-gray);
    color: var(--brx-gray);
    border-radius: 0.75rem;
    padding: 0.1rem 1rem;
    font-size: .75rem;
    font-weight: 500;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .08), 0 1px 1px rgba(0, 0, 0, .08);
}
.pill-dark[b-kwdz2ymdfk]{
    background: var(--brx-gray);
    width: 95%;
}
.pill-k[b-kwdz2ymdfk]{
    opacity: .85;
    color: var(--brx-light-green);
    font-weight: 600;
}
.pill-v[b-kwdz2ymdfk]{
    color: var(--brx-light-gray);
    opacity: 0.9;
    font-weight: 400;
}

/* right copy button */
.wc-right[b-kwdz2ymdfk] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-copy[b-kwdz2ymdfk]{
    background: var(--brx-light-green);
    color: var(--brx-gray);
    border: none;
    border-radius: 1rem;
    padding: .45rem 0.75rem;
    font-weight: 800;
    letter-spacing: .03rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    cursor: pointer;
    transition: transform .12s
    ease, box-shadow .15s
    ease, filter .15s
    ease;
}
.btn-copy i[b-kwdz2ymdfk]{ font-size: 1rem; }
.btn-copy:hover[b-kwdz2ymdfk]{ transform: translateY(-1px); }
.btn-copy:active[b-kwdz2ymdfk]{ transform: translateY(0); filter: brightness(.98); }

/* общая тень как на других карточках */
.brx-shadow-bottom[b-kwdz2ymdfk]{
    box-shadow: 0px 3px 6px 2px rgb(0 0 0 / 34%);
}

.seed-grid[b-kwdz2ymdfk]{
    display: grid
;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin-right: 1rem;
    margin-left: 1rem;
}

.seed-cell[b-kwdz2ymdfk]{
    border: 2px solid var(--brx-light-green);
    border-radius: 1rem;
    padding: .2rem .25rem;
    display: flex
;
    align-items: center;
    gap: .5rem;
}
.seed-index[b-kwdz2ymdfk]{
    color: var(--brx-light-gray);
    font-weight: 800;
    /* width: 1.7rem; */
    /* height: 1.7rem; */
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: .6rem;
    font-size: .85rem;
    margin-left: 0.2rem;
}
.seed-input[b-kwdz2ymdfk]{
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-weight: 700;
    font-size: .85rem;
    color: var(--brx-light-gray);
    max-width: 80%;
}

.wallet-buttons[b-kwdz2ymdfk]{
    letter-spacing: 1px;
    border-radius: 16px;
    font-size: 1rem;
    margin-top: 2em;
    text-align: center;
    display: flex
;
    justify-content: center;
    gap: 0.74rem;
}
.wallet-button[b-kwdz2ymdfk]{
    background: var(--brx-light-green);
    color: var(--brx-gray);
    font-size: 1rem;
    font-weight: 600;
    padding: 0.25rem 1.25rem;
    border-radius: 999px;
    border: 2px solid var(--brx-light-green);
    min-width: 8rem;
}

.wallet-button.secondary[b-kwdz2ymdfk]{
    background: transparent;
    /* border: 2px solid var(--brx-light-green); */
    font-size: 1rem;
    font-weight: 600;
    padding: 0.25rem 1.25rem;
    border-radius: 999px;
    border: 2px solid var(--brx-light-gray);
    /* min-width: 5rem; */
    min-width: 8rem;
    color: var(--brx-light-gray);
}
.wallet-button.secondary:active[b-kwdz2ymdfk]{transform:scale(.98)}
.seed-error[b-kwdz2ymdfk]{
    margin-top:.8rem;
    color:#ff8a8a;
    font-size: 0.75rem;
    font-weight:700;
    text-align:center
}

.wallet-button.disabled[b-kwdz2ymdfk]{
    opacity: .6;
    cursor: not-allowed;
    filter: grayscale(.08);
    pointer-events: none;
}

/*MODAL*/
.modal-overlay[b-kwdz2ymdfk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 15, 15, 0.5);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(3px);
}

.modal-content[b-kwdz2ymdfk] {
    background-color: var(--brx-gray);
    border: 1px solid var(--brx-light-green);
    border-radius: 1rem;
    width: 90%;
    height: 80%;
    position: relative;
    color: var(--brx-light-gray);
    box-shadow: 0 0 15px var(--brx-light-green);
}

@media screen and (min-height: 700px) {
    .modal-content[b-kwdz2ymdfk] {
        height: 60%;
    }
}

.modal-close-button[b-kwdz2ymdfk] {
    position: absolute;
    top: 10px;
    right: 14px;
    background: transparent;
    border: none;
    font-size: 20px;
    color: var(--brx-light-green);
    cursor: pointer;
    transition: color 0.2s ease;
}

.modal-close-button:hover[b-kwdz2ymdfk] {
    color: var(--brx-light-gray);
}

.modal-placeholder[b-kwdz2ymdfk] {
    letter-spacing: 1px;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: var(--brx-light-gray);
    display: inline-block;
    margin-bottom: 2em;
    margin-top: 2em;
    text-align: center;
    opacity: 0.85;
}

.autowithdraw-button[b-kwdz2ymdfk] {
    background: transparent;
    color: var(--brx-light-green);
    border: 2px solid var(--brx-light-green);
    border-radius: 1rem;
    font-size: 0.9rem;
    padding: 0.25rem 2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition:
            background 0.25s ease,
            color 0.25s ease,
            transform 0.15s ease,
            box-shadow 0.25s ease;
}

/* ——— Hover эффект ——— */
.autowithdraw-button:hover[b-kwdz2ymdfk] {
    background: var(--brx-light-green);
    color: var(--brx-gray);
    box-shadow: 0 0 12px rgba(204, 250, 137, 0.6);
    transform: translateY(-2px);
}

/* ——— Клик (active) эффект ——— */
.autowithdraw-button:active[b-kwdz2ymdfk] {
    transform: scale(0.96);
    box-shadow: 0 0 6px rgba(204, 250, 137, 0.3);
    filter: brightness(0.95);
}