/* =============================================================================
   EQT PROTOCOL — Redesign Theme: Authenticated App Shell + Dashboard
   Builds on redesign.css tokens. Provides the desktop sidebar, topbar,
   mobile bottom navigation, metric cards, tables and list components.
   ========================================================================== */

:root {
    --eqt-sidebar-w: 220px;
    --eqt-topbar-h: 68px;
}

/* ---------- Shell layout ---------- */
.eqt-app {
    min-height: 100vh;
}

.eqt-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: var(--eqt-sidebar-w);
    background: #0e0e0f;
    border-right: 1px solid #252528;
    display: flex;
    flex-direction: column;
    z-index: 70;
    transition: transform .25s ease, width .2s ease;
}

.eqt-sidebar__brand {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 30px 19px 18px;
    color: inherit;
    min-height: 0;
    border-bottom: 0;
}

.eqt-sidebar__brand img.eqt-brand-full {
    height: 28px;
    width: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
}

.eqt-sidebar__brand img.eqt-brand-mark {
    display: none;
    height: 34px;
    width: 34px;
    object-fit: contain;
}

.eqt-sidebar__brand > span {
    min-width: 0;
    display: block;
    line-height: 1.15;
}

.eqt-sidebar__brand strong {
    display: block;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #f6f6f8;
}

.eqt-sidebar__brand small {
    display: block;
    margin-top: 4px;
    font-size: 8px;
    letter-spacing: 2.2px;
    font-weight: 600;
    color: #96969e;
}

.eqt-sidebar__nav {
    flex: 1;
    overflow-y: auto;
    padding: 0 12px 8px;
    scrollbar-width: thin;
}

.eqt-navgroup {
    margin-bottom: var(--sp-5);
}

.eqt-navgroup__label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #777780;
    padding: 12px 23px 10px;
    margin-bottom: 0;
}

.eqt-navlink {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    min-height: 44px;
    border-radius: 11px;
    color: #adadb6;
    font-size: 14px;
    font-weight: 500;
    transition: background .15s ease, color .15s ease;
    margin-bottom: 4px;
}

.eqt-navlink i {
    width: 18px;
    text-align: center;
    font-size: 15px;
    color: inherit;
}

.eqt-navlink:hover {
    background: #1d1d20;
    color: #f6f6f8;
}

.eqt-navlink.is-active {
    background: #2b2b2e;
    color: #fff;
    font-weight: 500;
    box-shadow: none;
}

.eqt-navlink.is-active i {
    color: var(--eqt-accent);
}

.eqt-navfold__btn {
    width: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.eqt-navfold__chev {
    margin-left: auto;
    width: auto;
    font-size: 11px;
    color: #777780;
    transition: transform .15s ease;
}

.eqt-navfold.is-open > .eqt-navfold__btn .eqt-navfold__chev {
    transform: rotate(90deg);
}

.eqt-navfold.is-current > .eqt-navfold__btn {
    color: #f6f6f8;
}

.eqt-navfold__list {
    display: none;
    padding: 0 0 4px 10px;
}

.eqt-navfold.is-open > .eqt-navfold__list {
    display: block;
}

.eqt-navfold__list .eqt-navlink {
    min-height: 38px;
    padding: 8px 12px 8px 14px;
    font-size: 13px;
}

.eqt-side-count {
    margin-left: auto;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    color: #ffad7c;
    background: #452714;
    border-radius: 6px;
    padding: 1px 6px;
}

.eqt-sidebar__foot {
    padding: 14px;
    border-top: 1px solid #272729;
}

.eqt-help-card {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #1d1d20;
    border-radius: 15px;
    padding: 13px;
    color: #d4d4db;
    margin-bottom: 13px;
}

.eqt-help-card > i:first-child {
    color: #b7b7c0;
    font-size: 16px;
    width: 18px;
    text-align: center;
}

.eqt-help-card span {
    min-width: 0;
    flex: 1;
}

.eqt-help-card strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #f0f0f4;
}

.eqt-help-card small {
    display: block;
    margin-top: 5px;
    font-size: 11px;
    color: #9b9ba7;
}

.eqt-help-card > i:last-child {
    margin-left: auto;
    font-size: 11px;
    color: #8c8c96;
}

.eqt-help-card:hover {
    background: #242428;
    color: #f6f6f8;
}

.eqt-profile-row {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 2px;
    color: inherit;
}

.eqt-profile-row .eqt-avatar {
    height: 33px;
    width: 33px;
    font-size: 12px;
    background: #353538;
    color: #ff9652;
}

.eqt-profile-row > span:last-child {
    min-width: 0;
}

.eqt-profile-row strong {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #f0f0f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eqt-profile-row small {
    display: block;
    font-size: 11px;
    color: #9b9ba5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eqt-profile-row:hover strong {
    color: #fff;
}

.eqt-sidebar-logout {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8c8c96;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.eqt-mside,
.eqt-mside__logout {
    display: none;
}

body.eqt-menu-open {
    overflow: hidden;
}

.eqt-sidebar-logout:hover {
    color: #f18c97;
}

/* Main column */
.eqt-main {
    margin-left: var(--eqt-sidebar-w);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.eqt-topbar {
    position: sticky;
    top: 0;
    z-index: 60;
    height: var(--eqt-topbar-h);
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    padding: 0 var(--sp-8);
    background: rgba(8, 8, 8, 0.88);
    backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--eqt-border);
}

html.eqt-standalone .eqt-topbar,
body.eqt-standalone .eqt-topbar {
    padding-top: env(safe-area-inset-top, 0px);
    height: calc(var(--eqt-topbar-h) + env(safe-area-inset-top, 0px));
}

html.eqt-standalone .eqt-app,
body.eqt-standalone .eqt-app {
    min-height: 100dvh;
}

.eqt-topbar__title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.eqt-topbar__sub {
    font-size: 12.5px;
    color: var(--eqt-text-dim);
}

.eqt-topbar__sub:empty {
    display: none;
}

.eqt-topbar__actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.eqt-wallet-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    height: 42px;
    padding: 0 var(--sp-4);
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-sm);
    font-weight: 700;
}

.eqt-wallet-chip .lbl {
    font-size: 11px;
    color: var(--eqt-text-dim);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.eqt-icon-btn {
    display: inline-grid;
    place-items: center;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text);
    cursor: pointer;
    position: relative;
    font-size: 16px;
}

.eqt-topbar__back {
    display: none;
}

.eqt-icon-btn.is-on {
    color: var(--eqt-accent);
    border-color: rgba(255, 106, 31, 0.4);
    background: var(--eqt-accent-soft);
}

.eqt-icon-btn .dot {
    position: absolute;
    top: 9px;
    right: 10px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--eqt-negative);
    border: 2px solid var(--eqt-bg);
}

.eqt-avatar {
    height: 42px;
    width: 42px;
    border-radius: var(--eqt-r-pill);
    background: var(--eqt-accent);
    color: #ffffff;
    display: inline-grid;
    place-items: center;
    font-weight: 800;
}

/* Shared profile identity: user icon until the member uploads a photo. */
.eqt-user-avatar {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    isolation: isolate;
}
.eqt-user-avatar > .eqt-user-avatar__icon {
    display: block;
    width: 52%;
    height: 52%;
    pointer-events: none;
}
.eqt-user-avatar > img.eqt-user-avatar__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    background: transparent;
    pointer-events: none;
}
.eqt-user-avatar > img.eqt-user-avatar__photo[hidden] {
    display: none !important;
}

.eqt-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.eqt-menu-toggle .eqt-avatar {
    height: 36px;
    width: 36px;
    font-size: 14px;
}

.eqt-content {
    padding: var(--sp-8);
    flex: 1;
    max-width: var(--eqt-app-maxw, 1440px);
    width: 100%;
}

/* ---------- Metric cards ---------- */
.eqt-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-4);
    margin-bottom: var(--sp-6);
}

.eqt-metric {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-5);
}

.eqt-metric__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--eqt-text-muted);
    font-size: 13px;
    margin-bottom: var(--sp-3);
}

.eqt-metric__icon {
    height: 34px;
    width: 34px;
    border-radius: var(--eqt-r-xs);
    display: grid;
    place-items: center;
    background: var(--eqt-accent-soft);
    color: var(--eqt-accent);
    font-size: 14px;
}

.eqt-metric__value {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.eqt-metric__foot {
    font-size: 12.5px;
    color: var(--eqt-text-dim);
    margin-top: 6px;
    overflow-wrap: anywhere;
}

/* Panels / grid */
.eqt-panels {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: var(--sp-5);
    margin-bottom: var(--sp-6);
}

.eqt-panel {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-6);
}

.eqt-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--sp-5);
    gap: var(--sp-3);
}

.eqt-panel__title {
    font-size: 16px;
    font-weight: 700;
}

.eqt-panel__link {
    font-size: 13px;
    color: var(--eqt-accent);
    font-weight: 600;
}

.eqt-equity-chart {
    width: 100%;
    height: 220px;
}

/* ---------- Table / list ---------- */
.eqt-table {
    width: 100%;
    border-collapse: collapse;
}

.eqt-table th {
    text-align: left;
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--eqt-text-dim);
    font-weight: 600;
    padding: 0 0 var(--sp-3);
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-table td {
    padding: var(--sp-4) 0;
    border-bottom: 1px solid var(--eqt-border);
    font-size: 14px;
}

.eqt-table tr:last-child td {
    border-bottom: none;
}

.eqt-txn {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.eqt-txn__icon {
    height: 38px;
    width: 38px;
    border-radius: var(--eqt-r-xs);
    display: grid;
    place-items: center;
    background: var(--eqt-surface-3);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
}

.eqt-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: var(--eqt-r-pill);
}

.eqt-status--success {
    color: var(--eqt-positive);
    background: rgba(22, 199, 132, 0.12);
}

.eqt-status--pending {
    color: var(--eqt-warning);
    background: rgba(245, 166, 35, 0.12);
}

.eqt-status--failed {
    color: var(--eqt-negative);
    background: rgba(234, 57, 67, 0.12);
}

.eqt-status--demo {
    color: #9aa6b8;
    background: rgba(255, 255, 255, 0.06);
}

.eqt-row.is-link {
    color: inherit;
}

.eqt-row.is-link:hover {
    color: inherit;
}

.eqt-row.is-link:hover .eqt-row__title {
    color: var(--eqt-accent);
}

/* Referral / promo card */
.eqt-acct-panel {
    padding-bottom: 8px;
}

.eqt-acct {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    color: inherit;
}

.eqt-acct + .eqt-acct {
    border-top: 1px solid var(--eqt-border);
}

.eqt-acct:hover .eqt-acct__name {
    color: var(--eqt-accent);
}

.eqt-acct__copy {
    min-width: 0;
    flex: 1;
}

.eqt-acct__name {
    font-size: 15px;
    font-weight: 700;
}

.eqt-acct__meta {
    margin-top: 3px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-acct__spark {
    width: 72px;
    height: 24px;
    flex-shrink: 0;
}

.eqt-acct__side {
    text-align: right;
    flex-shrink: 0;
}

.eqt-acct__side .eqt-num {
    font-size: 15px;
    font-weight: 700;
}

.eqt-explore {
    background: linear-gradient(180deg, #1a140e 0%, #141416 100%);
    border: 1px solid rgba(255, 106, 31, 0.35);
    border-radius: 18px;
    padding: 22px 20px;
    box-shadow: 0 0 0 1px rgba(255, 106, 31, 0.08), 0 16px 40px rgba(0, 0, 0, 0.25);
}

.eqt-explore h3 {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.eqt-explore p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--eqt-text-muted);
}

.eqt-copyfield {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    background: var(--eqt-bg);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-sm);
    padding: 6px 6px 6px var(--sp-4);
    margin-top: var(--sp-3);
}

.eqt-copyfield input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--eqt-text);
    font-size: 13px;
    font-family: inherit;
    min-width: 0;
    max-width: 100%;
}

.eqt-copyfield--team {
    margin-top: 0;
    border-radius: 14px;
    padding: 6px;
    padding-inline-start: 16px;
    min-width: 0;
}

.eqt-copyfield--team input {
    color: var(--eqt-text-muted);
    font-size: 12.5px;
}

.eqt-copyfield--team .eqt-btn {
    flex-shrink: 0;
    border-radius: 10px;
    min-width: 72px;
}

.eqt-team .eqt-panel__head {
    margin-bottom: 14px;
}

.eqt-team__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 4px 0 18px;
}

.eqt-team__stat .n {
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.eqt-team__stat .l {
    margin-top: 4px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-rankprog {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--eqt-border);
}

.eqt-rankprog__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.eqt-rankprog__title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--eqt-text-muted);
}

.eqt-rankprog__title span {
    color: var(--eqt-text);
    font-weight: 700;
}

.eqt-rankprog__title em {
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--eqt-accent);
}

.eqt-rankprog__title i {
    font-size: 10px;
    color: var(--eqt-text-dim);
}

.eqt-rankprog__pct {
    font-size: 13px;
    font-weight: 700;
    color: var(--eqt-accent);
}

.eqt-rankprog__bar {
    height: 8px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.eqt-rankprog__fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--eqt-accent), #ff8a4c);
    min-width: 0;
}

.eqt-rankprog__meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

/* attention list */
.eqt-attention {
    display: grid;
    gap: var(--sp-3);
}

.eqt-attn {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--eqt-r-sm);
    border: 1px solid var(--eqt-border);
    background: var(--eqt-surface-2);
    font-size: 14px;
}

.eqt-attn i {
    color: var(--eqt-warning);
}

.eqt-empty {
    text-align: center;
    padding: var(--sp-10) var(--sp-4);
    color: var(--eqt-text-dim);
}

.eqt-empty i {
    font-size: 30px;
    color: var(--eqt-text-dim);
    margin-bottom: var(--sp-3);
    display: block;
}

/* ---------- Mobile bottom nav ---------- */
.eqt-bottomnav {
    display: none;
    position: fixed;
    bottom: calc(13px + env(safe-area-inset-bottom, 0px));
    left: 17px;
    right: 17px;
    z-index: 80;
    justify-content: space-between;
    align-items: center;
    min-height: 72px;
    padding: 5px;
    border: 1px solid #464649;
    border-radius: 999px;
    background: #1e1e20e8;
    backdrop-filter: blur(20px);
    box-shadow: 0 2px 25px #0008;
}

.eqt-bottomnav a {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #c5c5ce;
    font-size: 11px;
    font-weight: 600;
    padding: 8px 4px;
    min-height: 62px;
    border-radius: 99px;
}

.eqt-bottomnav a i {
    font-size: 18px;
}

.eqt-bottomnav a.is-active {
    background: #414143;
    color: #fff;
}

.eqt-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 65;
}

.eqt-backdrop.is-open {
    display: block;
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .eqt-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .eqt-panels {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .eqt-sidebar {
        width: 100%;
        background: #0b0b0d;
        transform: translateX(-100%);
        overflow-y: auto;
        z-index: 90;
        border-right: 0;
    }

    .eqt-sidebar.is-open {
        transform: translateX(0);
    }

    .eqt-sidebar__brand,
    .eqt-navgroup__label,
    .eqt-sidebar__foot {
        display: none;
    }

    .eqt-mside,
    .eqt-mside__logout {
        display: block;
    }

    .eqt-mside {
        padding: 12px 18px 8px;
    }

    .eqt-mside__bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 18px;
    }

    .eqt-mside__bar-actions {
        display: flex;
        gap: 8px;
    }

    .eqt-mside__icon {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: #f4f4f8;
        font-size: 16px;
        cursor: pointer;
    }

    .eqt-mside__me {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 16px;
        color: inherit;
    }

    .eqt-mside__av {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: var(--eqt-accent);
        color: #12100d;
        font-size: 22px;
        font-weight: 800;
    }

    .eqt-mside__who {
        min-width: 0;
        flex: 1;
    }

    .eqt-mside__who strong {
        display: block;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    .eqt-mside__who small {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 4px;
        font-size: 12px;
        color: #8b8b94;
    }

    .eqt-mside__copy {
        border: 0;
        background: none;
        color: #8b8b94;
        padding: 0;
        cursor: pointer;
    }

    .eqt-mside__pills {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
    }

    .eqt-mside__pills em {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 3px 8px;
        border-radius: 999px;
        background: #1c1c20;
        color: #c8c8d0;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
    }

    .eqt-mside__pills em.is-on {
        color: #16c784;
        background: rgba(22, 199, 132, 0.12);
    }

    .eqt-mside__go {
        color: #6d6d76;
        font-size: 13px;
    }

    .eqt-mside__help {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
        padding: 12px 14px;
        border-radius: 14px;
        background: #141416;
    }

    .eqt-mside__help span {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        font-weight: 600;
    }

    .eqt-mside__help span i {
        color: var(--eqt-accent);
    }

    .eqt-mside__help a {
        padding: 6px 12px;
        border: 1px solid #3a3a40;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
        color: #f4f4f8;
    }

    .eqt-mside__cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 18px;
    }

    .eqt-mside__card {
        min-height: 124px;
        padding: 16px 14px;
        border-radius: 16px;
        background: #141416;
        color: inherit;
    }

    .eqt-mside__card i {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        margin-bottom: 14px;
        color: var(--eqt-accent);
        font-size: 16px;
    }

    .eqt-mside__card strong {
        display: block;
        margin-bottom: 6px;
        font-size: 14px;
        font-weight: 700;
    }

    .eqt-mside__card span {
        display: block;
        font-size: 12px;
        line-height: 1.4;
        color: #8b8b94;
    }

    .eqt-sidebar__nav {
        display: none;
    }

    .eqt-mside__quick {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        margin: 4px 0 22px;
    }

    .eqt-mside__quick a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        font-weight: 600;
        color: #c8c8d0;
        text-align: center;
    }

    .eqt-mside__quick span {
        position: relative;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: #1a1a1e;
        border: 1px solid #2a2a30;
        color: #f4f4f8;
        font-size: 18px;
    }

    .eqt-mside__quick em {
        position: absolute;
        top: 2px;
        right: 2px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 999px;
        background: var(--eqt-accent);
        color: #12100d;
        font-size: 9px;
        font-style: normal;
        font-weight: 800;
        line-height: 16px;
    }

    .eqt-mside__feat-label {
        margin: 0 0 10px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #8b8b94;
    }

    .eqt-mside__feats {
        display: grid;
        gap: 10px;
    }

    .eqt-mside__feat {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 16px;
        border-radius: 18px;
        background: linear-gradient(135deg, #1a140e 0%, #141416 58%);
        border: 1px solid rgba(255, 106, 31, 0.16);
        color: inherit;
    }

    .eqt-mside__feat > i {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        flex-shrink: 0;
        background: rgba(255, 106, 31, 0.14);
        color: var(--eqt-accent);
        font-size: 16px;
    }

    .eqt-mside__feat span {
        min-width: 0;
        flex: 1;
    }

    .eqt-mside__feat strong {
        display: block;
        font-size: 15px;
        font-weight: 700;
    }

    .eqt-mside__feat small {
        display: block;
        margin-top: 3px;
        font-size: 12px;
        color: #8b8b94;
    }

    .eqt-mside__feat b {
        color: #6d6d76;
        font-size: 12px;
        font-weight: 400;
    }

    .eqt-mside__feat.is-accent {
        background: linear-gradient(135deg, #2a160c 0%, #18120e 70%);
        border-color: rgba(255, 106, 31, 0.35);
    }

    .eqt-mside__feat.is-active {
        border-color: var(--eqt-accent);
        box-shadow: 0 0 0 1px rgba(255, 106, 31, 0.35) inset;
    }

    .eqt-mside__quick a.is-active span {
        border-color: var(--eqt-accent);
        color: var(--eqt-accent);
    }

    .eqt-mside__logout {
        padding: 8px 18px 110px;
    }

    .eqt-mside__logout button {
        width: 100%;
        height: 46px;
        border: 1px solid #2a2a30;
        border-radius: 14px;
        background: #141416;
        color: #f18c97;
        font: inherit;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
    }

    .eqt-main {
        margin-left: 0;
    }

    .eqt-menu-toggle {
        display: inline-grid;
    }

    .eqt-topbar__profile {
        display: none;
    }

    .eqt-page--dashboard .eqt-topbar__title,
    .eqt-page--dashboard .eqt-topbar__sub {
        display: none;
    }

    .eqt-bottomnav {
        display: flex;
    }

    .eqt-content {
        padding: var(--sp-5) var(--sp-4) 110px;
        max-width: 100%;
    }

    .eqt-page--tiers .eqt-content {
        padding-bottom: 140px;
    }

    .eqt-page--community .eqt-content,
    .eqt-page--tnet .eqt-content {
        overflow-x: clip;
    }

    .eqt-page--community .eqt-split,
    .eqt-page--tnet .eqt-tnet,
    .eqt-page--tnet .eqt-metrics,
    .eqt-page--community .eqt-metrics {
        min-width: 0;
        max-width: 100%;
    }

    .eqt-topbar {
        padding: 0 var(--sp-4);
    }

    .has-topbar-back .eqt-menu-toggle {
        display: none;
    }

    .has-topbar-back .eqt-topbar__back {
        display: inline-grid;
    }

    .eqt-page--sview .eqt-content {
        padding-bottom: 110px;
    }

    .eqt-wallet-chip .lbl {
        display: none;
    }
}

@media (max-width: 560px) {
    .eqt-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--sp-3);
    }

    .eqt-metric__value {
        font-size: 22px;
    }

    .eqt-topbar__sub {
        display: none;
    }

    .eqt-bottomnav {
        left: 13px;
        right: 13px;
    }

    .eqt-bottomnav a {
        font-size: 10px;
        gap: 4px;
        padding: 6px 2px;
    }

    .eqt-page--tnet .eqt-metrics {
        grid-template-columns: 1fr;
    }

    .eqt-sch__profit-row strong {
        font-size: 28px;
    }
}

/* =============================================================================
   APP SHELL — collapse, hide-balance
   ========================================================================== */

.eqt-app.is-collapsed .eqt-sidebar {
    width: 72px;
}

.eqt-app.is-collapsed .eqt-main {
    margin-left: 72px;
}

.eqt-app.is-collapsed .eqt-navgroup__label,
.eqt-app.is-collapsed .eqt-navlink span,
.eqt-app.is-collapsed .eqt-navlink .eqt-side-count,
.eqt-app.is-collapsed .eqt-sidebar__brand > span,
.eqt-app.is-collapsed .eqt-help-card span,
.eqt-app.is-collapsed .eqt-help-card > i:last-child,
.eqt-app.is-collapsed .eqt-profile-row > span:last-child,
.eqt-app.is-collapsed .eqt-sidebar-logout,
.eqt-app.is-collapsed .eqt-sidebar__foot .eqt-btn span {
    display: none;
}

.eqt-app.is-collapsed .eqt-navlink {
    justify-content: center;
    padding: 10px 0;
}

.eqt-app.is-collapsed .eqt-navfold__list,
.eqt-app.is-collapsed .eqt-navfold__chev {
    display: none;
}

.eqt-app.is-collapsed .eqt-sidebar__brand {
    justify-content: center;
    padding: 22px 0 12px;
}

.eqt-app.is-collapsed .eqt-sidebar__brand img.eqt-brand-full {
    display: none;
}

.eqt-app.is-collapsed .eqt-sidebar__brand img.eqt-brand-mark {
    display: block;
    margin: 0 auto;
}

.eqt-collapse-btn {
    display: inline-grid;
    place-items: center;
    width: 100%;
    height: 36px;
    background: transparent;
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
    border-radius: var(--eqt-r-xs);
    cursor: pointer;
    margin-bottom: var(--sp-2);
}

.eqt-icon-btn .dot.is-hidden {
    display: none;
}

.eqt-hide-bal {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--eqt-text-muted);
    font-size: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.eqt-hide-bal:hover {
    color: var(--eqt-text);
}

body.is-hidden-balances .eqt-hideable {
    filter: blur(7px);
    user-select: none;
}

/* =============================================================================
   PAGE HEADER / TABS / SEGMENTS
   ========================================================================== */
.eqt-pagehead {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--sp-4);
    margin-bottom: var(--sp-6);
    flex-wrap: wrap;
}

.eqt-pagehead__actions {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.eqt-tabs {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid var(--eqt-border);
    margin-bottom: var(--sp-5);
    overflow-x: auto;
}

.eqt-tabs a,
.eqt-tabs button {
    background: none;
    border: 0;
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.eqt-tabs a.is-active,
.eqt-tabs button.is-active,
.eqt-tabs a.active {
    color: var(--eqt-text);
    border-bottom-color: var(--eqt-accent);
}

.eqt-tabs--wallets {
    margin-bottom: 8px;
    border-bottom-color: transparent;
}

.eqt-wallet-tag {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    background: #1f1f22;
    border: 1px solid #2e2e32;
    color: var(--eqt-text-muted);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.eqt-type-tag {
    display: inline-flex;
    align-items: center;
    max-width: 200px;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eqt-type-tag--mint { background: rgba(52, 211, 153, 0.18); color: #6ee7b7; }
.eqt-type-tag--emerald { background: rgba(16, 185, 129, 0.20); color: #34d399; }
.eqt-type-tag--cyan { background: rgba(34, 211, 238, 0.18); color: #67e8f9; }
.eqt-type-tag--teal { background: rgba(45, 212, 191, 0.18); color: #5eead4; }
.eqt-type-tag--sky { background: rgba(56, 189, 248, 0.20); color: #7dd3fc; }
.eqt-type-tag--rose { background: rgba(251, 113, 133, 0.18); color: #fda4af; }
.eqt-type-tag--crimson { background: rgba(244, 63, 94, 0.20); color: #fb7185; }
.eqt-type-tag--red { background: rgba(239, 68, 68, 0.18); color: #fca5a5; }
.eqt-type-tag--indigo { background: rgba(129, 140, 248, 0.22); color: #a5b4fc; }
.eqt-type-tag--violet { background: rgba(167, 139, 250, 0.22); color: #c4b5fd; }
.eqt-type-tag--lavender { background: rgba(196, 181, 253, 0.22); color: #ddd6fe; }
.eqt-type-tag--orchid { background: rgba(232, 121, 249, 0.20); color: #f0abfc; }
.eqt-type-tag--lilac { background: rgba(216, 180, 254, 0.22); color: #e9d5ff; }
.eqt-type-tag--periwinkle { background: rgba(165, 180, 252, 0.22); color: #c7d2fe; }
.eqt-type-tag--magenta { background: rgba(236, 72, 153, 0.20); color: #f9a8d4; }
.eqt-type-tag--fuchsia { background: rgba(217, 70, 239, 0.22); color: #e879f9; }
.eqt-type-tag--gold { background: rgba(250, 204, 21, 0.18); color: #fde047; }
.eqt-type-tag--peach { background: rgba(253, 186, 116, 0.22); color: #fdba74; }
.eqt-type-tag--cobalt { background: rgba(59, 130, 246, 0.22); color: #93c5fd; }
.eqt-type-tag--ice { background: rgba(186, 230, 253, 0.16); color: #bae6fd; }
.eqt-type-tag--orange { background: rgba(255, 106, 31, 0.18); color: #ffb088; }
.eqt-type-tag--tangerine { background: rgba(249, 115, 22, 0.20); color: #fdba74; }
.eqt-type-tag--coral { background: rgba(251, 113, 133, 0.16); color: #fb7185; }
.eqt-type-tag--amber { background: rgba(245, 158, 11, 0.20); color: #fbbf24; }
.eqt-type-tag--lime { background: rgba(132, 204, 22, 0.20); color: #a3e635; }
.eqt-type-tag--plum { background: rgba(168, 85, 247, 0.20); color: #d8b4fe; }
.eqt-type-tag--salmon { background: rgba(251, 146, 60, 0.20); color: #fdba74; }
.eqt-type-tag--apricot { background: rgba(253, 164, 175, 0.22); color: #fda4af; }
.eqt-type-tag--slate { background: rgba(148, 163, 184, 0.22); color: #cbd5e1; }
.eqt-type-tag--steel { background: rgba(100, 116, 139, 0.28); color: #94a3b8; }
.eqt-type-tag--olive { background: rgba(163, 163, 36, 0.22); color: #d4d46a; }
.eqt-type-tag--chartreuse { background: rgba(190, 242, 100, 0.18); color: #bef264; }
.eqt-type-tag--aqua { background: rgba(103, 232, 249, 0.16); color: #a5f3fc; }
.eqt-type-tag--seafoam { background: rgba(94, 234, 212, 0.16); color: #99f6e4; }
.eqt-type-tag--turquoise { background: rgba(45, 212, 191, 0.22); color: #2dd4bf; }
.eqt-type-tag--muted { background: rgba(255, 255, 255, 0.08); color: var(--eqt-text-muted); }

.eqt-row__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.eqt-segment {
    display: inline-flex;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-sm);
    padding: 3px;
    gap: 2px;
}

.eqt-segment a,
.eqt-segment button {
    background: none;
    border: 0;
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 7px;
    cursor: pointer;
}

.eqt-segment a.is-active,
.eqt-segment button.is-active {
    background: var(--eqt-surface-3);
    color: var(--eqt-text);
}

.eqt-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    align-items: center;
}

.eqt-filters > .eqt-input,
.eqt-filters > .eqt-select {
    width: auto;
    flex: 1 1 160px;
    max-width: 240px;
    height: 40px;
    min-width: 140px;
}

.eqt-txbar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.eqt-txbar__search {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    background: #141414;
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
}

.eqt-txbar__search input {
    flex: 1;
    min-width: 0;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    background: none;
    color: var(--eqt-text);
    font: inherit;
    font-size: 13px;
    outline: none;
}

.eqt-txbar__date,
.eqt-txbar__type {
    box-sizing: border-box;
    width: 156px;
    flex: 0 0 156px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid var(--eqt-border);
    border-radius: 999px;
    background: #141414;
    color: var(--eqt-text);
    font: inherit;
    font-size: 13px;
    outline: none;
}

.eqt-txbar__type {
    width: 170px;
    flex: 0 0 170px;
}

.eqt-txbar__date:focus,
.eqt-txbar__type:focus,
.eqt-txbar__search:focus-within {
    border-color: var(--eqt-accent);
}

@media (max-width: 720px) {
    .eqt-txbar {
        flex-wrap: wrap;
    }

    .eqt-txbar__search {
        flex: 1 1 100%;
    }

    .eqt-txbar__date,
    .eqt-txbar__type {
        flex: 1 1 calc(50% - 8px);
        width: auto;
    }
}

.eqt-stack {
    display: grid;
    gap: var(--sp-5);
}

.eqt-split {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: var(--sp-5);
}

.eqt-divider {
    height: 1px;
    background: var(--eqt-border);
    border: 0;
    margin: var(--sp-5) 0;
}

/* =============================================================================
   LIST ROWS (mobile tables)
   ========================================================================== */
.eqt-list {
    display: grid;
}

.eqt-row {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-4) 0;
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-row:last-child {
    border-bottom: none;
}

.eqt-row__body {
    flex: 1;
    min-width: 0;
}

.eqt-row__title {
    font-size: 14.5px;
    font-weight: 600;
}

.eqt-row__meta {
    font-size: 12.5px;
    color: var(--eqt-text-dim);
    margin-top: 2px;
}

.eqt-row__side {
    text-align: right;
    flex-shrink: 0;
}

.eqt-table-wrap {
    overflow-x: auto;
}

@media (max-width: 768px) {
    .eqt-table-desktop {
        display: none;
    }
}

@media (min-width: 769px) {
    .eqt-list-mobile {
        display: none;
    }
}

/* =============================================================================
   ACCOUNT / STRATEGY / PRODUCT CARDS
   ========================================================================== */
.eqt-acard {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-5);
    display: grid;
    gap: var(--sp-3);
}

.eqt-acard__top {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    align-items: flex-start;
}

.eqt-acard__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sp-3);
}

.eqt-stat .k {
    font-size: 11px;
    color: var(--eqt-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.eqt-stat .v {
    font-size: 15px;
    font-weight: 700;
    margin-top: 2px;
}

.eqt-scard {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-5);
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    min-height: 100%;
}

.eqt-scard__name {
    font-size: 16px;
    font-weight: 700;
}

.eqt-progress {
    height: 6px;
    background: var(--eqt-surface-3);
    border-radius: var(--eqt-r-pill);
    overflow: hidden;
}

.eqt-progress > span {
    display: block;
    height: 100%;
    background: var(--eqt-accent);
    border-radius: var(--eqt-r-pill);
}

.eqt-timeline {
    display: grid;
    gap: 0;
    position: relative;
}

.eqt-tstep {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: var(--sp-3);
    padding-bottom: var(--sp-5);
    position: relative;
}

.eqt-tstep::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 18px;
    bottom: 0;
    width: 1px;
    background: var(--eqt-border);
}

.eqt-tstep:last-child::before {
    display: none;
}

.eqt-tstep__dot {
    height: 10px;
    width: 10px;
    margin: 4px;
    border-radius: 50%;
    background: var(--eqt-surface-3);
    border: 2px solid var(--eqt-border-strong);
}

.eqt-tstep.is-done .eqt-tstep__dot {
    background: var(--eqt-positive);
    border-color: var(--eqt-positive);
}

.eqt-tstep.is-current .eqt-tstep__dot {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
}

/* =============================================================================
   STEPPER / SHEET / MODAL / SKELETON
   ========================================================================== */
.eqt-stepper {
    display: flex;
    gap: var(--sp-2);
    margin-bottom: var(--sp-6);
    overflow-x: auto;
}

.eqt-stepper__item {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--eqt-text-dim);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.eqt-stepper__item.is-current {
    color: var(--eqt-text);
}

.eqt-stepper__item.is-done {
    color: var(--eqt-positive);
}

.eqt-stepper__n {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 11px;
    background: var(--eqt-surface-3);
}

.eqt-stepper__item.is-current .eqt-stepper__n {
    background: var(--eqt-accent);
    color: #fff;
}

.eqt-modal,
.eqt-sheet {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: none;
}

.eqt-modal.is-open,
.eqt-sheet.is-open {
    display: block;
}

.eqt-modal__scrim,
.eqt-sheet__scrim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.eqt-modal__box {
    position: relative;
    z-index: 1;
    width: min(520px, calc(100% - 32px));
    margin: 10vh auto 0;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-6);
}

.eqt-modal__box.is-wide {
    width: min(720px, calc(100% - 24px));
    max-height: min(86vh, 820px);
    overflow: auto;
    margin: 6vh auto 0;
}

.eqt-sheet-handle {
    display: none;
    width: 40px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    margin: 0 auto 14px;
}

body.eqt-modal-open {
    overflow: hidden;
}

/* Floating display-preferences pill and the mobile action dock sit above the
   modal layer (z-index 1500 / 90); keep them out of the way while one is open. */
body.eqt-modal-open #eqx,
body.eqt-modal-open .eqt-sview__dock {
    display: none;
}

.eqt-tcs-box {
    padding: 22px 22px 0;
}

.eqt-tcs__load {
    display: grid;
    place-items: center;
    gap: 14px;
    padding: 48px 16px 56px;
    text-align: center;
    color: var(--eqt-text-muted);
    font-size: 13px;
}

.eqt-tcs__spin {
    width: 28px;
    height: 28px;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-top-color: var(--eqt-accent);
    border-radius: 50%;
    animation: eqt-tcs-spin 0.7s linear infinite;
}

@keyframes eqt-tcs-spin {
    to { transform: rotate(360deg); }
}

.eqt-tcs__err {
    color: var(--eqt-negative);
    margin: 0;
}

.tcs-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--eqt-border);
}

.tcs-tabs::-webkit-scrollbar {
    height: 0;
}

.tcs-tab-btn {
    flex: 0 0 auto;
    border: 1px solid var(--eqt-border);
    background: rgba(255, 255, 255, 0.04);
    color: var(--eqt-text-muted);
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.tcs-tab-btn:hover {
    color: var(--eqt-text);
}

.tcs-tab-btn.is-active {
    color: #12100d;
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
}

.tcs-tab-desc {
    color: var(--eqt-text-muted);
    font-size: 12px;
    margin: 0 0 18px;
}

.tcs-pane {
    display: none;
    padding-bottom: 8px;
}

.tcs-pane.is-active {
    display: block;
}

.tcs-field {
    margin-bottom: 16px;
}

.tcs-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
}

.tcs-badge.soon {
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 6px;
    font-weight: 700;
    background: rgba(245, 166, 35, 0.18);
    color: var(--eqt-warning);
}

.tcs-input,
.tcs-select {
    width: 100%;
    height: 44px;
    background: var(--eqt-bg);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text);
    border-radius: 12px;
    padding: 0 14px;
    outline: none;
    font: inherit;
}

.tcs-input:focus,
.tcs-select:focus {
    border-color: var(--eqt-accent);
}

.tcs-input:disabled,
.tcs-select:disabled {
    opacity: 0.5;
}

.tcs-select option {
    color: #111;
}

.tcs-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.tcs-row .tcs-input {
    flex: 1;
}

.tcs-row .tcs-select {
    width: 120px;
    flex-shrink: 0;
}

.tcs-seg {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
}

.tcs-seg label {
    margin: 0;
    cursor: pointer;
}

.tcs-seg input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tcs-seg span {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: var(--eqt-text-muted);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--eqt-border);
}

.tcs-seg input:checked + span {
    color: #12100d;
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
}

.tcs-seg input:checked + span.off {
    background: rgba(234, 57, 67, 0.18);
    border-color: rgba(234, 57, 67, 0.4);
    color: #f5a0a5;
}

.tcs-seg input:checked + span.on {
    background: rgba(22, 199, 132, 0.16);
    border-color: rgba(22, 199, 132, 0.4);
    color: #16c784;
}

.tcs-alert {
    background: var(--eqt-accent-soft);
    border: 1px solid rgba(255, 106, 31, 0.28);
    border-radius: 14px;
    padding: 12px 14px;
    font-size: 12px;
    color: var(--eqt-text);
    line-height: 1.45;
}

.tcs-footer {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 0 18px;
    margin-top: 8px;
    border-top: 1px solid var(--eqt-border);
    background: var(--eqt-surface);
}

.tcs-map-add {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.tcs-map-add .tcs-input {
    flex: 1;
    min-width: 130px;
}

.tcs-map-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.tcs-map-table {
    width: 100%;
    border-collapse: collapse;
}

.tcs-map-table th,
.tcs-map-table td {
    border-bottom: 1px solid var(--eqt-border);
    padding: 11px 6px;
    text-align: left;
    font-size: 13px;
}

.tcs-map-table th {
    color: var(--eqt-text-dim);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.06em;
}

.tcs-empty {
    color: var(--eqt-text-muted);
}

.tcs-btn-danger {
    background: transparent;
    color: var(--eqt-negative);
    border: 1px solid rgba(234, 57, 67, 0.35);
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
}

.tcs-help {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: var(--eqt-text-dim);
    line-height: 1.4;
}

@media (max-width: 900px) {
    .eqt-modal--sheet.eqt-modal {
        display: block;
        visibility: hidden;
        pointer-events: none;
    }

    .eqt-modal--sheet.eqt-modal.is-open {
        visibility: visible;
        pointer-events: auto;
    }

    .eqt-modal--sheet .eqt-modal__scrim {
        opacity: 0;
        transition: opacity 0.25s ease;
    }

    .eqt-modal--sheet.is-open .eqt-modal__scrim {
        opacity: 1;
    }

    .eqt-modal--sheet .eqt-sheet-handle {
        display: block;
    }

    .eqt-modal--sheet .eqt-modal__box {
        position: absolute;
        left: 0;
        right: 0;
        inset-inline: 0;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;
        max-height: min(92vh, 720px);
        overflow: auto;
        border-radius: 22px 22px 0 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 12px 20px calc(20px + env(safe-area-inset-bottom, 0px));
        transform: translateY(110%);
        transition: transform 0.34s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .eqt-modal--sheet.is-open .eqt-modal__box {
        transform: translateY(0);
    }
}

.eqt-sheet__box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: var(--eqt-surface-2);
    border-top: 1px solid var(--eqt-border);
    border-radius: 20px 20px 0 0;
    padding: var(--sp-6) var(--sp-5) calc(var(--sp-8) + env(safe-area-inset-bottom, 0px));
    max-height: 88vh;
    overflow: auto;
}

.eqt-skeleton {
    background: linear-gradient(90deg, var(--eqt-surface) 25%, var(--eqt-surface-3) 50%, var(--eqt-surface) 75%);
    background-size: 200% 100%;
    animation: eqtSk 1.2s ease infinite;
    border-radius: var(--eqt-r-xs);
    height: 14px;
}

@keyframes eqtSk {
    to { background-position: -200% 0; }
}

/* =============================================================================
   MORE MENU / WALLET / QUICK ACTIONS
   ========================================================================== */
.eqt-more {
    display: grid;
    gap: var(--sp-6);
}

.eqt-more__group h3 {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
    margin: 0 0 var(--sp-2);
}

.eqt-more a {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: 14px 0;
    border-bottom: 1px solid var(--eqt-border);
    color: var(--eqt-text);
    font-weight: 550;
}

.eqt-more a i {
    width: 20px;
    color: var(--eqt-text-muted);
}

.eqt-qactions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--sp-3);
    margin-bottom: var(--sp-6);
}

.eqt-qaction {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: var(--sp-4) var(--sp-2);
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    font-size: 12.5px;
    font-weight: 600;
    text-align: center;
    color: var(--eqt-text);
}

.eqt-qaction i {
    height: 36px;
    width: 36px;
    display: grid;
    place-items: center;
    border-radius: var(--eqt-r-sm);
    background: var(--eqt-surface-3);
    color: var(--eqt-text);
}

.eqt-hero-balance {
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
}

.eqt-kpi-row {
    display: flex;
    gap: var(--sp-8);
    flex-wrap: wrap;
    margin-top: var(--sp-4);
}

.eqt-kpi .k {
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-kpi .v {
    font-size: 16px;
    font-weight: 700;
    margin-top: 2px;
}

.eqt-pos { color: var(--eqt-positive); }
.eqt-neg { color: var(--eqt-negative); }

.eqt-chips {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.eqt-chip--warn {
    color: var(--eqt-warning);
    background: rgba(245, 166, 35, 0.12);
}

.eqt-chip--info {
    color: var(--eqt-info);
    background: rgba(76, 141, 255, 0.12);
}

.eqt-chip--muted {
    color: var(--eqt-text-muted);
    background: var(--eqt-surface-3);
    border: 1px solid var(--eqt-border);
    cursor: pointer;
}

.eqt-chip.is-active {
    color: var(--eqt-accent);
    border-color: var(--eqt-accent);
    background: var(--eqt-accent-soft);
}

.eqt-status--info {
    color: var(--eqt-info);
    background: rgba(76, 141, 255, 0.12);
}

.eqt-attn--critical i { color: var(--eqt-negative); }
.eqt-attn--info i { color: var(--eqt-info); }

.eqt-split-flow {
    display: grid;
    gap: var(--sp-4);
    max-width: 560px;
}

.eqt-receipt {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-6);
    max-width: 480px;
}

.eqt-kv {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-4);
    padding: 10px 0;
    border-bottom: 1px solid var(--eqt-border);
    font-size: 14px;
}

.eqt-kv:last-child { border-bottom: none; }
.eqt-kv span:first-child { color: var(--eqt-text-muted); }

.eqt-flow-diagram {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    max-width: 360px;
}

.eqt-flow-diagram div {
    background: var(--eqt-surface-3);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-sm);
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.eqt-gateway-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--sp-3);
}

.eqt-gateway {
    position: relative;
}

.eqt-gateway input {
    position: absolute;
    opacity: 0;
}

.eqt-gateway label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: var(--sp-4);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-sm);
    background: var(--eqt-surface);
    cursor: pointer;
    min-height: 108px;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.eqt-gateway input:checked + label {
    border-color: var(--eqt-accent);
    background: var(--eqt-accent-soft);
}

.eqt-content .container-fluid.default-page {
    padding: 0;
    max-width: 100%;
}

.eqt-content .rock-dashboard-card,
.eqt-content .site-card,
.eqt-content .rock-add-mony-details {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    padding: var(--sp-6);
    color: var(--eqt-text);
}

.eqt-content .rock-dashboard-tile,
.eqt-content .rock-dashboard-title-inner .title,
.eqt-content .site-card-header .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--eqt-text);
}

.eqt-content .rock-dashboard-title-inner {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    align-items: center;
    margin-bottom: var(--sp-5);
    flex-wrap: wrap;
}

.eqt-content .site-btn,
.eqt-content .gradient-btn,
.eqt-content .site-btn-xs {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border-radius: 10px;
    background: var(--eqt-accent);
    color: #fff !important;
    border: 0;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}

.eqt-content .box-input,
.eqt-content .form-control,
.eqt-content select,
.eqt-content textarea {
    width: 100%;
    min-height: 44px;
    background: var(--eqt-surface-2);
    border: 1px solid var(--eqt-border);
    border-radius: 10px;
    color: var(--eqt-text);
    padding: 0 14px;
    font-family: inherit;
}

.eqt-content textarea { padding: 12px 14px; min-height: 96px; }

.eqt-content .input-label,
.eqt-content .form-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--eqt-text-muted);
    margin-bottom: 8px;
}

.eqt-content .rock-single-input,
.eqt-content .mb-3 { margin-bottom: 16px; }

.eqt-content .description,
.eqt-content .input-description {
    color: var(--eqt-text-dim);
    font-size: 13px;
}

.eqt-content .site-table-list,
.eqt-content .rock-custom-table .contents > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--eqt-border);
    color: var(--eqt-text);
}

.eqt-content .alert {
    background: var(--eqt-surface-2);
    border: 1px solid var(--eqt-border);
    border-radius: 10px;
    padding: 12px 16px;
    color: var(--eqt-text-muted);
}

.eqt-content .row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.eqt-content .row > [class*="col-"] { padding: 0 8px; flex: 1 1 100%; }
@media (min-width: 992px) {
    .eqt-content .col-lg-6, .eqt-content .col-xl-6, .eqt-content .col-xxl-6 { flex: 0 0 50%; max-width: 50%; }
}

.eqt-content .gy-30 { row-gap: 20px; }
.eqt-content .modal {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
}
.eqt-content .modal.show { display: block; }
.eqt-content .modal-dialog {
    width: min(640px, calc(100% - 32px));
    margin: 8vh auto;
}
.eqt-content .modal-content {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: var(--eqt-r-md);
    color: var(--eqt-text);
    padding: var(--sp-6);
}
.modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 1040;
}

/* Pagination restyle */
.eqt-content .pagination-wrapper,
.eqt-content .rock-pagination ul {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: var(--sp-5) 0 0;
}

.eqt-content .rock-pagination a,
.eqt-content .rock-pagination span {
    display: inline-grid;
    place-items: center;
    min-width: 36px;
    height: 36px;
    border-radius: var(--eqt-r-xs);
    border: 1px solid var(--eqt-border);
    background: var(--eqt-surface);
    color: var(--eqt-text);
    font-size: 13px;
}

.eqt-content .rock-pagination .current span {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
    color: #fff;
}

.eqt-page--dashboard .eqt-content {
    padding-top: var(--sp-6);
}

.eqt-dash-hero {
    position: relative;
    margin-bottom: var(--sp-8);
    isolation: isolate;
}

.eqt-dash-hero::before {
    content: '';
    position: absolute;
    right: -8%;
    top: -80px;
    width: min(520px, 55%);
    height: 340px;
    background: radial-gradient(ellipse at center, rgba(255, 106, 31, 0.22), transparent 70%);
    pointer-events: none;
    z-index: -1;
}

.eqt-dash-hero__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
    margin-bottom: var(--sp-8);
}

.eqt-dash-kicker {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
    margin-bottom: 8px;
}

.eqt-dash-welcome {
    margin: 0;
    font-size: clamp(26px, 2.6vw, 34px);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.eqt-dash-userid {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--eqt-text-muted);
}

.eqt-dash-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    padding: 0 14px;
    border-radius: var(--eqt-r-pill);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.eqt-dash-equity {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--sp-6);
    margin-bottom: var(--sp-8);
}

.eqt-dash-equity__label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--eqt-text-muted);
    margin-bottom: 8px;
}

.eqt-dash-equity__label i {
    font-size: 13px;
    color: var(--eqt-text-dim);
    cursor: help;
}

.eqt-dash-equity__value {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
}

.eqt-dash-equity__value .eqt-num {
    font-size: clamp(40px, 5.5vw, 64px);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.eqt-dash-equity__ccy {
    font-size: 18px;
    font-weight: 600;
    color: var(--eqt-text-dim);
}

.eqt-dash-pl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    font-size: 14px;
    color: var(--eqt-text-muted);
}

.eqt-dash-pl .eqt-pos,
.eqt-dash-pl .eqt-neg {
    font-weight: 700;
}

.eqt-dash-pl__note {
    color: var(--eqt-text-dim);
    font-size: 13px;
}

.eqt-dash-equity__side {
    display: flex;
    align-items: center;
    gap: var(--sp-5);
    padding-bottom: 6px;
}

.eqt-dash-spark {
    width: 160px;
    height: 48px;
    flex-shrink: 0;
}

.eqt-dash-add {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 22px;
    border-radius: var(--eqt-r-pill);
    background: var(--eqt-accent);
    color: #fff;
    font-size: 14.5px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(255, 106, 31, 0.35);
    white-space: nowrap;
}

.eqt-dash-add:hover {
    background: var(--eqt-accent-2);
}

.eqt-dash-shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 40px;
    margin-bottom: var(--sp-8);
}

.eqt-dash-shortcut {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--eqt-text-muted);
    min-width: 76px;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.eqt-dash-shortcut__ico {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text);
    font-size: 20px;
    transition: background .15s ease, border-color .15s ease;
}

.eqt-dash-shortcut:hover {
    color: var(--eqt-text);
}

.eqt-dash-shortcut:hover .eqt-dash-shortcut__ico {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--eqt-border-strong);
}

.eqt-dash-banner {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    padding: 18px 22px;
    border-radius: 22px;
    --slide-rgb: 255, 106, 31;
    background: linear-gradient(90deg, rgba(var(--slide-rgb), 0.22) 0%, rgba(var(--slide-rgb), 0.08) 45%, rgba(var(--slide-rgb), 0.03) 100%);
    border: 1px solid rgba(var(--slide-rgb), 0.22);
}

.eqt-dash-banner__ico {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: rgba(var(--slide-rgb), 0.18);
    color: rgb(var(--slide-rgb));
    font-size: 20px;
}

.eqt-dash-banner__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.eqt-dash-banner__kicker {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgb(var(--slide-rgb));
}

.eqt-dash-banner__title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--eqt-text);
}

.eqt-dash-banner__sub {
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-dash-banner__arrow {
    margin-left: auto;
    color: var(--eqt-text-dim);
    font-size: 14px;
}

.eqt-dash-banner:hover .eqt-dash-banner__arrow {
    color: var(--eqt-text);
}

.eqt-dash-banner__ico img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.eqt-dash-slider {
    position: relative;
}

.eqt-dash-slider__viewport {
    overflow: hidden;
    border-radius: 22px;
}

.eqt-dash-slider__track {
    display: flex;
    transition: transform .45s ease;
}

.eqt-dash-slider__slide {
    flex: 0 0 100%;
    min-width: 100%;
    box-sizing: border-box;
}

.eqt-dash-slider__dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
}

.eqt-dash-slider__dot {
    width: 6px;
    height: 6px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    cursor: pointer;
}

.eqt-dash-slider__dot.is-active {
    width: 18px;
    border-radius: 999px;
    background: var(--eqt-accent);
}

.eqt-whead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.eqt-whead__label {
    font-size: 13px;
    font-weight: 500;
    color: var(--eqt-text-muted);
}

.eqt-whead__value {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    line-height: 1.1;
}

.eqt-whead__value .eqt-num {
    font-size: clamp(28px, 6vw, 34px);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-whead__ccy {
    font-size: 14px;
    font-weight: 600;
    color: var(--eqt-text-dim);
}

.eqt-whead__pl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    margin-top: 8px;
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-whead__pl .eqt-pos,
.eqt-whead__pl .eqt-neg {
    font-weight: 600;
}

.eqt-whead__dot {
    opacity: 0.45;
}

.eqt-whead__spark {
    width: 120px;
    height: 40px;
    flex-shrink: 0;
    margin-top: 6px;
}

.eqt-wallet-actions {
    margin: 0 0 22px;
}

.eqt-wad {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 22px;
    padding: 16px 18px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--eqt-border);
}

.eqt-wad > div {
    min-width: 0;
}

.eqt-wad > div:first-child {
    flex: 1 1 240px;
}

.eqt-wad span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--eqt-text-muted);
}

.eqt-wad strong {
    display: block;
    margin: 4px 0 6px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--eqt-text);
}

.eqt-wad p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    color: var(--eqt-text-dim);
}

.eqt-wad.is-low {
    border-color: rgba(255, 106, 31, 0.45);
    background: rgba(255, 106, 31, 0.08);
}

.eqt-wad .eqt-btn {
    flex-shrink: 0;
}

.eqt-wad__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    max-width: 100%;
}

@media (max-width: 640px) {
    .eqt-wad {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px;
    }

    .eqt-wad > div:first-child {
        flex: 0 1 auto;
        width: 100%;
    }

    .eqt-wad__actions {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        width: 100%;
    }

    .eqt-wad__actions .eqt-btn {
        min-width: 0;
        padding: 10px 8px;
        font-size: 12px;
        text-align: center;
        justify-content: center;
    }
}

.eqt-wallet-tabs {
    display: flex;
    align-items: center;
    gap: 14px;
    overflow-x: auto;
    margin-bottom: 4px;
    padding-bottom: 0;
}

.eqt-wallet-tabs__ico {
    flex-shrink: 0;
    margin-left: auto;
    width: 22px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--eqt-accent);
    font-size: 14px;
}

.eqt-wallet-tabs a {
    flex: 0 0 auto;
    height: 28px;
    padding: 0 4px;
    font-size: 13px;
    font-weight: 500;
    color: var(--eqt-text-dim);
    display: inline-flex;
    align-items: center;
    border-bottom: 2px solid transparent;
}

.eqt-wallet-tabs a.is-active {
    color: var(--eqt-text);
    font-weight: 700;
    border-bottom-color: var(--eqt-accent);
}

.eqt-whist__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-whist__row:last-child {
    border-bottom: 0;
}

.eqt-whist__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 13px;
    flex-shrink: 0;
    margin-top: 1px;
}

.eqt-whist__icon.is-in {
    background: rgba(22, 199, 132, 0.14);
    color: var(--eqt-positive);
    border: 1px solid transparent;
}

.eqt-whist__icon.is-out {
    background: rgba(234, 57, 67, 0.14);
    color: var(--eqt-negative);
    border: 1px solid transparent;
}

.eqt-whist__body {
    min-width: 0;
    flex: 1;
}

.eqt-whist__title {
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.25;
}

.eqt-whist__meta {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 4px;
    min-width: 0;
    font-size: 12px;
    line-height: 1.35;
    color: var(--eqt-text-muted);
}

.eqt-whist__meta time {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.eqt-whist__sep {
    flex-shrink: 0;
    opacity: 0.55;
}

.eqt-whist__desc {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eqt-whist__side {
    text-align: right;
    flex-shrink: 0;
    padding-top: 1px;
}

.eqt-whist__amt {
    font-size: 15px;
    font-weight: 700;
}

.eqt-whist__amt.is-in {
    color: var(--eqt-positive);
}

.eqt-whist__amt.is-out {
    color: var(--eqt-negative);
}

.eqt-whist__st {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #9aa6b8;
}

.eqt-best {
    margin: 8px 0 28px;
}

.eqt-best__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.eqt-best__head h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.eqt-best__nav {
    display: flex;
    align-items: center;
    gap: 6px;
}

.eqt-best__arrow,
.eqt-best__all {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--eqt-border);
    background: var(--eqt-surface);
    color: var(--eqt-text-muted);
    display: grid;
    place-items: center;
    cursor: pointer;
    font-size: 12px;
}

.eqt-best__arrow:hover,
.eqt-best__all:hover {
    color: var(--eqt-text);
    border-color: var(--eqt-border-strong);
}

.eqt-best__rail {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    scrollbar-width: none;
}

.eqt-best__rail::-webkit-scrollbar {
    display: none;
}

.eqt-best__card {
    flex: 0 0 220px;
    scroll-snap-align: start;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 16px;
    padding: 14px;
    color: inherit;
    min-height: 132px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.eqt-best__card:hover {
    border-color: var(--eqt-border-strong);
}

.eqt-best__top {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.eqt-best__avatar {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;
    background: var(--eqt-surface-3);
}

.eqt-best__avatar.is-letter {
    display: grid;
    place-items: center;
    font-weight: 800;
    color: var(--eqt-accent);
    background: var(--eqt-accent-soft);
}

.eqt-best__name {
    font-size: 14.5px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 148px;
}

.eqt-best__cat {
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 148px;
}

.eqt-best__stat {
    margin-top: 16px;
}

.eqt-best__stat .k {
    font-size: 11px;
    color: var(--eqt-text-dim);
}

.eqt-best__stat .v {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--eqt-positive);
}

@media (max-width: 900px) {
    .eqt-qactions { grid-template-columns: repeat(4, 1fr); }
    .eqt-split, .eqt-acard__stats { grid-template-columns: 1fr 1fr; }
    .eqt-app.is-collapsed .eqt-sidebar { width: var(--eqt-sidebar-w); }
    .eqt-app.is-collapsed .eqt-main { margin-left: 0; }
    .eqt-app.is-collapsed .eqt-sidebar__brand img.eqt-brand-full { display: block; }
    .eqt-app.is-collapsed .eqt-sidebar__brand img.eqt-brand-mark { display: none; }
    .eqt-dash-equity {
        flex-direction: column;
        align-items: flex-start;
    }
    .eqt-dash-hero__top {
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .eqt-qactions { grid-template-columns: repeat(2, 1fr); }
    .eqt-hero-balance { font-size: 36px; }
    .eqt-split, .eqt-acard__stats { grid-template-columns: 1fr; }
    .eqt-dash-shortcuts {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }
    .eqt-dash-shortcut { min-width: 0; font-size: 11px; }
    .eqt-dash-shortcut__ico { width: 52px; height: 52px; font-size: 16px; }
    .eqt-dash-equity__side { width: 100%; justify-content: space-between; }
    .eqt-dash-banner { padding: 16px; }
    .eqt-dash-banner__sub { display: none; }
    .eqt-whead__spark { width: 88px; height: 32px; }
    .eqt-best__card { flex-basis: 72%; }
    .eqt-best__arrow { display: none; }
}

.eqt-slib--mobi {
    display: none;
}

body.eqt-page--strategies,
body.eqt-page--strategies .eqt-main,
body.eqt-page--strategies .eqt-content,
body.eqt-page--strategies .eqt-topbar {
    background: #080808;
}

.eqt-slib-filter-btn {
    display: none;
}

.eqt-slib-filters {
    display: grid;
    gap: 14px;
    margin-bottom: 22px;
}

.eqt-slib-search {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 14px;
    border-radius: 12px;
    background: #121214;
    border: 1px solid #252528;
}

.eqt-slib-search i {
    color: var(--eqt-text-dim);
    font-size: 13px;
}

.eqt-slib-search input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    background: transparent;
    color: var(--eqt-text);
    font: inherit;
    font-size: 14px;
    outline: none;
}

.eqt-slib-search input::placeholder {
    color: var(--eqt-text-dim);
}

.eqt-slib-filter-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.eqt-slib-filter-lbl {
    flex: 0 0 72px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
}

.eqt-slib-extra {
    display: none;
}

.eqt-slib-extra.is-open {
    display: block;
}

.eqt-slib-chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

.eqt-slib-chips::-webkit-scrollbar {
    display: none;
}

.eqt-slib-chips button {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 12px;
    border-radius: var(--eqt-r-pill);
    border: 1px solid var(--eqt-border);
    background: transparent;
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.eqt-slib-chips button.is-active {
    color: #fff;
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
}

.eqt-slib-seg {
    display: inline-flex;
    flex: 0 1 auto;
    padding: 3px;
    border-radius: 999px;
    background: #121214;
    border: 1px solid #252528;
}

.eqt-slib-seg button {
    height: 28px;
    padding: 0 12px;
    border: 0;
    background: transparent;
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    border-radius: 999px;
    cursor: pointer;
}

.eqt-slib-seg button.is-active {
    color: #fff;
    background: var(--eqt-accent);
}

@media (max-width: 700px) {
    .eqt-slib-filter-row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .eqt-slib-filter-lbl {
        flex: none;
    }

    .eqt-slib-seg {
        width: 100%;
    }

    .eqt-slib-seg button {
        flex: 1;
    }
}

.eqt-slib-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.eqt-slib-card {
    background: #141416;
    border: 1px solid #252528;
    border-radius: 13px;
    padding: 21px 20px 17px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.eqt-slib-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 106, 31, 0.7);
    box-shadow: 0 18px 48px rgba(255, 106, 31, 0.16);
}

.eqt-slib-card__head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.eqt-slib-card__icon {
    width: 43px;
    height: 43px;
    border-radius: 11px;
    object-fit: cover;
    flex-shrink: 0;
    background: var(--eqt-accent-soft);
    border: 1px solid rgba(255, 106, 31, 0.22);
    color: var(--eqt-accent);
}

.eqt-slib-card__icon.is-fallback {
    display: grid;
    place-items: center;
    font-size: 16px;
}

.eqt-slib-card__icon.is-community {
    color: var(--eqt-accent);
    background: rgba(255, 106, 31, 0.1);
}

.eqt-slib-card__titles {
    min-width: 0;
    flex: 1;
}

.eqt-slib-card__name {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0;
    line-height: 1.3;
}

.eqt-slib-card__fav {
    flex-shrink: 0;
    color: var(--eqt-accent);
    font-size: 14px;
    padding: 4px;
    line-height: 1;
}

.eqt-slib-card__sub {
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-top: 3px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.eqt-slib-card__sub i {
    color: var(--eqt-accent);
    font-size: 11px;
}

.eqt-slib-badges {
    display: flex;
    gap: 6px;
    margin-top: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.eqt-slib-badges > span {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 5px;
    background: #1a1a1c;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    color: var(--eqt-text-muted);
}

.eqt-slib-risk {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
    text-transform: lowercase;
}

.eqt-slib-risk.is-low,
.eqt-slib-badges .eqt-slib-risk.is-low {
    color: var(--eqt-positive);
    background: rgba(22, 199, 132, 0.14);
}

.eqt-slib-risk.is-medium,
.eqt-slib-badges .eqt-slib-risk.is-medium {
    color: #f5c16c;
    background: rgba(245, 193, 108, 0.14);
}

.eqt-slib-risk.is-high,
.eqt-slib-badges .eqt-slib-risk.is-high {
    color: #ff6b81;
    background: rgba(255, 107, 129, 0.14);
}

.eqt-slib-badges .is-community {
    color: var(--eqt-accent);
    background: var(--eqt-accent-soft);
}

.eqt-slib-card__blurb {
    margin: 12px 0 17px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--eqt-text-muted);
    min-height: 44px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.eqt-slib-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.eqt-slib-metric {
    border-radius: 7px;
    padding: 9px 10px;
    text-align: left;
    background: #0c0c0e;
    border: 1px solid #252528;
}

.eqt-slib-metric span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--eqt-text-dim);
    text-transform: none;
    letter-spacing: 0;
}

.eqt-slib-metric strong {
    display: block;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.eqt-slib-metric.is-risk-low strong,
.eqt-slib-metric.is-bal strong {
    color: var(--eqt-positive);
}

.eqt-slib-metric.is-risk-medium strong {
    color: #f5c16c;
}

.eqt-slib-metric.is-risk-high strong,
.eqt-slib-metric.is-access strong {
    color: #ff8aa0;
}

.eqt-slib-metric.is-bal strong {
    color: var(--eqt-positive);
}

.eqt-slib-metric.is-access strong {
    color: var(--eqt-accent);
}

.eqt-slib-spark {
    display: block;
    width: 100%;
    height: 43px;
    margin: 11px 0 7px;
}

.eqt-slib-spark polyline {
    fill: none;
    stroke: var(--eqt-accent);
    stroke-width: 1.6;
}

.eqt-slib-specs {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--eqt-text-muted);
    padding: 11px 0;
    border-top: 1px solid #252528;
}

.eqt-slib-specs strong {
    font-size: 12px;
    color: var(--eqt-text);
    font-weight: 600;
}

.eqt-slib-markets {
    display: flex;
    gap: 6px;
    font-size: 12px;
    margin: 4px 0 15px;
    flex-wrap: wrap;
}

.eqt-slib-markets span {
    border: 1px solid #252528;
    padding: 2px 7px;
    border-radius: 4px;
    color: var(--eqt-text-muted);
}

.eqt-slib-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 12px;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-slib-meta i {
    margin-right: 4px;
    color: var(--eqt-text-dim);
}

.eqt-slib-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}

.eqt-slib-tags span {
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
}

.eqt-slib-actions {
    display: grid;
    grid-template-columns: 0.85fr 1.25fr;
    gap: 6px;
    margin-top: auto;
}

.eqt-slib-btn {
    height: 38px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    background: transparent;
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text);
    cursor: pointer;
    font-family: inherit;
    transition: filter .18s ease, transform .18s ease, background .18s ease, border-color .18s ease;
}

.eqt-slib-btn.is-primary {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
    color: #fff;
}

.eqt-slib-btn:hover {
    filter: brightness(1.08);
    color: inherit;
    transform: translateY(-1px);
}

.eqt-slib-btn.is-primary:hover {
    color: #fff;
}

.eqt-slib-btn.is-disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
    transform: none;
    filter: none;
}

@media (prefers-reduced-motion: reduce) {
    .eqt-slib-card,
    .eqt-slib-btn {
        transition: none;
    }

    .eqt-slib-card:hover,
    .eqt-slib-btn:hover {
        transform: none;
    }
}

@media (min-width: 1600px) {
    .eqt-slib-grid { gap: 23px; }
    .eqt-slib-card { padding: 25px; }
}

@media (max-width: 1100px) {
    .eqt-slib-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .eqt-slib--desk {
        display: none;
    }

    .eqt-slib--mobi {
        display: block;
    }

    .eqt-slib-filter-btn {
        display: inline-grid;
        background: transparent;
        border-color: transparent;
        width: 40px;
        height: 40px;
    }

    .eqt-page--strategies .eqt-topbar__sub {
        display: none;
    }

    .eqt-page--strategies,
    .eqt-page--strategies .eqt-main,
    .eqt-page--strategies .eqt-content,
    .eqt-page--strategies .eqt-topbar {
        background: #000;
    }

    .eqt-page--strategies .eqt-topbar {
        display: flex;
        border-bottom: 0;
        height: 56px;
    }

    .eqt-page--strategies .eqt-topbar__title {
        font-size: 22px;
        font-weight: 750;
        letter-spacing: -0.03em;
    }

    .eqt-page--strategies .eqt-content {
        padding-top: 8px;
    }

    .eqt-slib--mobi .eqt-slib-filters {
        position: sticky;
        top: 56px;
        z-index: 50;
        gap: 12px;
        margin: 0 -16px 4px;
        padding: 0 16px 12px;
        background: var(--eqt-bg);
    }

    .eqt-slib--mobi .eqt-slib-search {
        height: 44px;
        border-radius: 999px;
        background: #151b27;
        border-color: transparent;
    }

    .eqt-slib--mobi .eqt-slib-chips {
        gap: 8px;
        padding-bottom: 2px;
    }

    .eqt-slib--mobi .eqt-slib-chips button {
        height: 36px;
        padding: 0 16px;
        font-size: 14px;
        border-radius: 999px;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.14);
        color: var(--eqt-text-muted);
    }

    .eqt-slib--mobi .eqt-slib-chips button.is-active {
        color: #fff;
        background: var(--eqt-accent);
        border-color: var(--eqt-accent);
    }
}

@media (max-width: 700px) {
    .eqt-slib-grid { grid-template-columns: 1fr; }
}

.eqt-slist {
    display: flex;
    flex-direction: column;
}

.eqt-slist__row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.eqt-slist__hit {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 0;
    color: inherit;
}

.eqt-slist__mark {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    flex-shrink: 0;
    display: block;
    margin-top: 2px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.eqt-slist__body {
    min-width: 0;
    flex: 1;
}

.eqt-slist__topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.eqt-slist__name {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.3;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eqt-slist__badge {
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 9px;
    border-radius: 7px;
    line-height: 1;
}

.eqt-slist__badge.is-approved,
.eqt-slist__badge.is-active {
    color: #fff;
    background: #16c784;
}

.eqt-slist__badge.is-pending {
    color: #f5c16c;
    background: rgba(245, 193, 108, 0.16);
}

.eqt-slist__badge.is-open,
.eqt-slist__badge.is-rejected,
.eqt-slist__badge.is-stopped {
    color: #d0d5dd;
    background: #2a3344;
}

.eqt-slist__meta {
    margin-top: 3px;
    font-size: 13px;
    color: var(--eqt-text-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eqt-slist__stats {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-top: 14px;
}

.eqt-slist__stats .k {
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-bottom: 4px;
}

.eqt-slist__stats .v {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.eqt-slist__stats .is-empty {
    font-size: 17px;
    font-weight: 700;
}

.eqt-slist__stats .is-risk-low {
    color: var(--eqt-positive);
}

.eqt-slist__stats .is-risk-medium {
    color: #f5c16c;
}

.eqt-slist__stats .is-risk-high {
    color: var(--eqt-accent);
}

.eqt-slist__ret {
    text-align: right;
}

.eqt-slist__empty {
    text-align: center;
    padding: 36px 12px;
    color: var(--eqt-text-dim);
    font-size: 14px;
}

.eqt-slist-requests {
    margin-top: 28px;
}

@media (max-width: 900px) {
    .eqt-slist-requests {
        display: none;
    }
}

.eqt-sview__hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.eqt-sview__kicker {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--eqt-positive);
    margin-bottom: 8px;
}

.eqt-sview__kicker span {
    opacity: 0.45;
    margin: 0 6px;
    color: var(--eqt-text-muted);
}

.eqt-sview__title {
    margin: 0;
    font-size: clamp(26px, 4vw, 34px);
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-sview__pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.eqt-sview__pills span {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
}

.eqt-sview__pills .is-risk-high {
    color: var(--eqt-accent);
    border-color: rgba(255, 106, 31, 0.35);
    background: rgba(255, 106, 31, 0.1);
}

.eqt-sview__pills .is-risk-medium {
    color: var(--eqt-warning);
    border-color: rgba(245, 166, 35, 0.3);
    background: rgba(245, 166, 35, 0.1);
}

.eqt-sview__pills .is-risk-low,
.eqt-sview__pills .is-status {
    color: var(--eqt-positive);
    border-color: rgba(22, 199, 132, 0.3);
    background: rgba(22, 199, 132, 0.12);
}

.eqt-sview__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.eqt-sview__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 35px;
    align-items: start;
}

.eqt-sview__tabs {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    border-bottom: 1px solid var(--eqt-border);
    margin: 4px 0 18px;
}

.eqt-sview__tabs button {
    position: relative;
    flex: 0 0 auto;
    padding: 10px 0 12px;
    border: 0;
    background: none;
    color: #9696a7;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.eqt-sview__tabs button.is-active {
    color: #f8f8fa;
    font-weight: 650;
}

.eqt-sview__tabs button.is-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 18px);
    height: 3px;
    width: 36px;
    background: #f4f4f8;
}

.eqt-sview__panel {
    display: none;
}

.eqt-sview__panel.is-active {
    display: block;
}

.eqt-sview__kpis {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 16px;
    margin: 22px 0 8px;
}

.eqt-sview__kpis .k {
    font-size: 12px;
    color: var(--eqt-text-muted);
    margin-bottom: 6px;
}

.eqt-sview__kpis .v {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-sview__kpis .is-pos {
    color: var(--eqt-positive);
}

.eqt-sview__kpis .is-warn {
    color: var(--eqt-warning);
}

.eqt-sview__kpis .is-na {
    color: var(--eqt-text-dim);
    font-weight: 700;
}

@media (min-width: 901px) {
    .eqt-sview__kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-bottom: 18px;
    }
}

.eqt-sview__chart {
    margin-bottom: 22px;
}

.eqt-sview__chart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
}

.eqt-sview__ranges {
    display: flex;
    gap: 6px;
}

.eqt-sview__ranges span {
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    color: var(--eqt-text-dim);
    border: 1px solid var(--eqt-border);
}

.eqt-sview__ranges .is-active {
    color: var(--eqt-text);
    background: var(--eqt-surface-3);
}

.eqt-sview__chart svg {
    width: 100%;
    height: 168px;
    display: block;
}

.eqt-sview__chart-axis {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--eqt-text-dim);
    margin-top: 4px;
}

.eqt-sview__chart-note,
.eqt-sview__muted {
    font-size: 12px;
    color: var(--eqt-text-muted);
    line-height: 1.45;
}

.eqt-sview__about h2,
.eqt-sview__h3,
.eqt-sview__card h3,
.eqt-sview__modal-head h2 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
}

.eqt-sview__about p,
.eqt-sview__faq p {
    font-size: 14px;
    line-height: 1.6;
    color: var(--eqt-text-muted);
    margin: 0 0 16px;
}

.eqt-sview__terms {
    margin-top: 8px;
}

.eqt-sview__terms > div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 14px 0;
    border-top: 1px solid var(--eqt-border);
    font-size: 14px;
}

.eqt-sview__terms span {
    color: var(--eqt-text-muted);
}

.eqt-sview__terms strong {
    font-weight: 700;
    text-align: right;
}

.eqt-sview__dock {
    display: none;
}

.eqt-sview__facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding-top: 16px;
    border-top: 1px solid var(--eqt-border);
}

.eqt-sview__facts .k {
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-bottom: 4px;
}

.eqt-sview__facts .v {
    font-size: 14px;
    font-weight: 600;
}

.eqt-sview__perf {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.eqt-sview__perf img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid var(--eqt-border);
}

.eqt-sview__perf figcaption {
    margin-top: 8px;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-sview__docs {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

.eqt-sview__docs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--eqt-text);
}

.eqt-sview__faq {
    padding: 12px 0;
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-sview__card,
.eqt-sview__warn {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    padding: 22px 20px;
    margin-bottom: 16px;
}

.eqt-sview__card dl {
    margin: 0;
}

.eqt-sview__card dl > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--eqt-border);
    font-size: 13px;
}

.eqt-sview__card dl > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.eqt-sview__card dt {
    color: var(--eqt-text-muted);
}

.eqt-sview__card dd {
    margin: 0;
    font-weight: 700;
    text-align: right;
}

.eqt-sview__warn {
    border-color: rgba(255, 106, 31, 0.35);
    background: rgba(255, 106, 31, 0.08);
}

.eqt-sview__warn strong {
    display: block;
    margin-bottom: 6px;
}

.eqt-sview__warn p {
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--eqt-text-muted);
    line-height: 1.5;
}

.eqt-sview__acct {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.eqt-sview__radio {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    border-radius: 50%;
    border: 2px solid var(--eqt-accent);
    box-shadow: inset 0 0 0 3px var(--eqt-surface);
    background: var(--eqt-accent);
    flex-shrink: 0;
}

.eqt-sview__acct-name {
    font-weight: 700;
    font-size: 14px;
}

.eqt-sview__acct-meta {
    margin-top: 3px;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-sview__modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.eqt-sview__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
}

.eqt-join-form {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.eqt-join-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.eqt-sview__form .full,
.eqt-sview__form .sj-submit-btn {
    grid-column: 1 / -1;
}

.eqt-sview__form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.eqt-sview__form small {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    color: var(--eqt-text-muted);
}

.eqt-sview__join-status p {
    font-size: 13px;
    color: var(--eqt-text-muted);
    margin: 0 0 10px;
}

@media (max-width: 980px) {
    .eqt-sview__layout,
    .eqt-sview__facts,
    .eqt-sview__perf,
    .eqt-sview__form {
        grid-template-columns: 1fr;
    }

    .eqt-sview__side {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
    }
}

@media (max-width: 900px) {
    .eqt-sview__hero {
        margin-bottom: 4px;
    }

    .eqt-sview__actions,
    .eqt-sview__side {
        display: none;
    }

    .eqt-sview__tabs {
        gap: 18px;
        margin: 4px -8px 16px;
        padding: 0 8px;
    }

    .eqt-sview__tabs button {
        font-size: 14px;
    }

    .eqt-sview__title {
        font-size: 28px;
    }

    .eqt-sview__dock {
        display: grid;
        gap: 8px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 90;
        padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
        background: linear-gradient(180deg, rgba(10, 14, 20, 0) 0%, var(--eqt-bg) 32%);
    }

    .eqt-sview__dock .eqt-btn {
        height: 48px;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 700;
    }

    body.eqt-page--sview .eqt-bottomnav {
        display: none;
    }
}

/* ---------- Arbitrage subscription ---------- */
.eqt-asub__hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.eqt-asub__badge {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 106, 31, 0.4);
    color: var(--eqt-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.eqt-asub__hero h1 {
    margin: 0 0 10px;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.eqt-asub__hero p {
    margin: 0;
    max-width: 560px;
    color: var(--eqt-text-muted);
    font-size: 15px;
    line-height: 1.55;
}

.eqt-asub__hero p strong {
    color: var(--eqt-text);
}

.eqt-asub__wallet {
    flex: 0 0 260px;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 16px;
    padding: 16px 18px;
}

.eqt-asub__wallet-k {
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-bottom: 6px;
}

.eqt-asub__wallet-v {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-asub__wallet-s {
    margin-top: 4px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-asub__banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 18px;
    border-radius: 14px;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
}

.eqt-asub__banner.is-warn {
    border-color: rgba(245, 166, 35, 0.35);
    background: rgba(245, 166, 35, 0.08);
}

.eqt-asub__banner span {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-asub__banner-links {
    display: flex;
    gap: 14px;
    font-size: 13px;
    font-weight: 700;
    color: var(--eqt-accent);
}

.eqt-asub-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.eqt-asub-pack {
    display: flex;
    flex-direction: column;
    background: #141416;
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    padding: 18px 16px 16px;
    min-height: 100%;
}

.eqt-asub-pack.is-selected {
    border-color: var(--eqt-accent);
    background: linear-gradient(180deg, #1a140e 0%, #141416 100%);
    box-shadow: 0 0 0 1px rgba(255, 106, 31, 0.25);
}

.eqt-asub-pack[data-selectable="1"] {
    cursor: pointer;
}

.eqt-asub-pack[data-selectable="1"]:hover {
    border-color: rgba(255, 106, 31, 0.45);
}

.eqt-asub-pack.is-disabled {
    opacity: 0.55;
    cursor: default;
}

.eqt-asub-pack__hit {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.eqt-asub-pack__hit:disabled {
    cursor: default;
}

.eqt-asub-pack__radio {
    display: none;
}

.eqt-asub-pack__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.eqt-asub-pack__title h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.eqt-asub-pack__pill {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 6px;
    color: var(--eqt-accent);
    background: rgba(255, 106, 31, 0.14);
}

.eqt-asub-pack.is-current .eqt-asub-pack__pill {
    color: var(--eqt-positive);
    background: rgba(22, 199, 132, 0.14);
}

.eqt-asub-pack__price {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.eqt-asub-pack__price strong {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.eqt-asub-pack__price span {
    color: var(--eqt-text-dim);
    font-size: 14px;
}

.eqt-asub-pack__dur {
    margin: 6px 0 0;
    font-size: 13px;
    color: var(--eqt-text-dim);
}

.eqt-asub-pack__ref {
    display: none;
}

.eqt-asub-pack__features {
    list-style: none;
    margin: 16px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid var(--eqt-border);
}

.eqt-asub-pack__features li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-asub-pack__features i {
    color: var(--eqt-positive);
    margin-top: 2px;
}

.eqt-asub-pack__features .is-off i {
    color: var(--eqt-text-dim);
}

.eqt-asub-pack__cta {
    margin-top: auto;
    padding-top: 16px;
}

.eqt-asub-pack__select {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 12px;
    border: 1px solid var(--eqt-border);
    background: #1a2233;
    font-size: 14px;
    font-weight: 700;
}

.eqt-asub-pack.is-selected .eqt-asub-pack__select {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
    color: #fff;
}

.eqt-asub-check {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 20px;
    margin-top: 18px;
    padding: 16px 18px;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 16px;
}

.eqt-asub-check__plan {
    min-width: 140px;
}

.eqt-asub-check .k {
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-bottom: 4px;
}

.eqt-asub-check .v {
    font-size: 16px;
    font-weight: 800;
}

.eqt-asub-check__course {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
    cursor: pointer;
}

.eqt-asub-check__course input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: var(--eqt-accent);
}

.eqt-asub-check__course strong {
    display: block;
    font-size: 14px;
}

.eqt-asub-check__course small {
    display: block;
    color: var(--eqt-text-dim);
    font-size: 12px;
}

.eqt-asub-check__course.is-owned {
    pointer-events: none;
    opacity: 0.85;
}

.eqt-asub-check__pay {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
}

.eqt-asub-check__sum .v {
    font-size: 22px;
}

.eqt-asub-check__after {
    display: block;
    font-size: 11px;
    color: var(--eqt-text-dim);
    text-align: center;
}

.eqt-asub__note {
    margin: 14px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--eqt-text-dim);
}

.eqt-asub-history {
    margin-top: 28px;
}

@media (max-width: 1100px) {
    .eqt-asub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .eqt-asub__hero {
        flex-direction: column;
        gap: 16px;
        text-align: center;
        align-items: stretch;
    }

    .eqt-asub__badge {
        margin-left: auto;
        margin-right: auto;
    }

    .eqt-asub__hero h1 {
        font-size: 28px;
    }

    .eqt-asub__hero p {
        max-width: none;
        font-size: 14px;
    }

    .eqt-asub__lead-extra {
        display: none;
    }

    .eqt-asub__wallet {
        flex: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px 14px;
        border-radius: 14px;
        text-align: left;
    }

    .eqt-asub__wallet-k {
        margin: 0;
        font-size: 14px;
        color: var(--eqt-text-muted);
    }

    .eqt-asub__wallet-v {
        font-size: 18px;
    }

    .eqt-asub__wallet-s {
        display: none;
    }

    .eqt-asub__banner {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    .eqt-asub-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .eqt-asub-pack {
        padding: 0;
        min-height: 0;
        overflow: hidden;
    }

    .eqt-asub-pack__hit {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 14px 12px;
    }

    .eqt-asub-pack__radio {
        display: block;
        width: 18px;
        height: 18px;
        margin-top: 4px;
        border-radius: 50%;
        border: 2px solid rgba(255, 255, 255, 0.28);
        flex-shrink: 0;
    }

    .eqt-asub-pack.is-selected .eqt-asub-pack__radio {
        border-color: var(--eqt-accent);
        box-shadow: inset 0 0 0 4px var(--eqt-accent);
        background: #fff;
    }

    .eqt-asub-pack__main {
        flex: 1;
        min-width: 0;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: start;
        column-gap: 10px;
    }

    .eqt-asub-pack__head {
        display: contents;
    }

    .eqt-asub-pack__title {
        margin: 0;
        flex-wrap: wrap;
        grid-column: 1;
    }

    .eqt-asub-pack__title h3 {
        font-size: 16px;
    }

    .eqt-asub-pack__price {
        grid-column: 2;
        grid-row: 1;
    }

    .eqt-asub-pack__price strong {
        font-size: 22px;
    }

    .eqt-asub-pack__price span {
        display: none;
    }

    .eqt-asub-pack__ref {
        display: block;
        grid-column: 2;
        margin: 4px 0 0;
        font-size: 12px;
        color: var(--eqt-text-dim);
        text-align: right;
    }

    .eqt-asub-pack__dur {
        grid-column: 1;
        margin-top: 4px;
        padding-right: 0;
    }

    .eqt-asub-pack:not(.is-selected) .eqt-asub-pack__features,
    .eqt-asub-pack__cta {
        display: none;
    }

    .eqt-asub-pack.is-selected .eqt-asub-pack__features {
        margin: 0 14px 14px;
        padding-top: 12px;
    }

    .eqt-asub-check {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(56px + env(safe-area-inset-bottom, 0px));
        z-index: 75;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: end;
        gap: 8px 12px;
        margin: 0;
        padding: 12px 16px 10px;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        background: linear-gradient(180deg, rgba(10, 14, 20, 0) 0%, var(--eqt-bg) 28%);
    }

    .eqt-page--asub:has(.eqt-asub-check) .eqt-content {
        padding-bottom: 220px;
    }

    .eqt-asub-check__plan .k,
    .eqt-asub-check__sum .k {
        display: none;
    }

    .eqt-asub-check__plan {
        grid-column: 1;
        grid-row: 1;
    }

    .eqt-asub-check__sum {
        grid-column: 2;
        grid-row: 1;
        text-align: right;
    }

    .eqt-asub-check__course {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .eqt-asub-check__pay {
        grid-column: 1 / -1;
        grid-row: 3;
        margin: 0;
    }

    .eqt-asub-check__plan .v {
        font-size: 14px;
        font-weight: 600;
        color: var(--eqt-text-muted);
    }

    .eqt-asub-check__sum .v {
        font-size: 22px;
        text-align: right;
    }

    .eqt-asub-check__pay .eqt-btn {
        width: 100%;
        height: 48px;
        border-radius: 12px;
        font-weight: 700;
    }

    .eqt-asub-check__after {
        display: block;
        margin-top: 2px;
        text-align: center;
        font-size: 12px;
        color: var(--eqt-text-dim);
    }

    .eqt-asub-history {
        display: none;
    }
}

/* ---------- Arbitrage dashboard ---------- */
.eqt-todo {
    background: var(--eqt-surface);
    border: 1px solid rgba(255, 106, 31, 0.28);
    border-radius: 16px;
    padding: 16px 16px 8px;
    margin-bottom: 20px;
}

.eqt-todo__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 800;
}

.eqt-todo__count {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    font-size: 12px;
    background: var(--eqt-accent);
    color: #fff;
}

.eqt-todo__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--eqt-border);
}

.eqt-todo__mark {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--eqt-accent);
    box-shadow: 0 0 0 4px rgba(255, 106, 31, 0.16);
    flex-shrink: 0;
}

.eqt-todo__body {
    min-width: 0;
    flex: 1;
}

.eqt-todo__title {
    font-size: 14px;
    font-weight: 700;
}

.eqt-todo__meta {
    margin-top: 2px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-adash__top {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.eqt-adash__plan {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.eqt-adash__plan-name {
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-adash__actions {
    margin-top: 14px;
}

.eqt-adash__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

#eqt-asub-upgrade {
    scroll-margin-top: 88px;
}

.eqt-adash__stats .eqt-kpi {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 14px;
    padding: 14px;
}

@media (max-width: 900px) {
    .eqt-adash__top,
    .eqt-page--adash .eqt-panels {
        grid-template-columns: 1fr;
    }
}

/* ---------- Tiers / schemas (pricing + simulator) ---------- */
.eqt-page--tiers .eqt-content {
    padding-top: 28px;
}

.eqt-sch-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.eqt-sch {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #0c1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 22px 20px 18px;
    min-height: 100%;
    min-width: 0;
    max-width: 100%;
}

.eqt-sch.is-popular {
    padding-top: 28px;
    border-color: var(--eqt-accent);
    box-shadow: 0 0 0 1px rgba(255, 106, 31, 0.35), 0 18px 40px rgba(255, 106, 31, 0.12);
}

.eqt-sch__popular {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    height: 22px;
    padding: 0 12px;
    border-radius: 999px;
    background: var(--eqt-accent);
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.eqt-sch h3 {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
    display: flex;
    align-items: center;
    gap: 8px;
}

.eqt-sch__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--eqt-accent);
    display: inline-block;
}

.eqt-sch.is-elite .eqt-sch__profit-row strong {
    color: #d4b46a;
}

.eqt-sch__desc {
    margin: 0 0 16px;
    min-height: 40px;
    color: var(--eqt-text-muted);
    font-size: 13px;
    line-height: 1.45;
}

.eqt-sch__profit {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 14px 14px 12px;
    margin-bottom: 16px;
}

.eqt-sch__profit-k {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
}

.eqt-sch__profit-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    min-width: 0;
}

.eqt-sch__profit-row strong {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
}

.eqt-sch__profit-row em {
    font-style: normal;
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-sch__profit-note {
    margin-top: 6px;
    font-size: 11px;
    color: var(--eqt-text-dim);
}

.eqt-sch__specs {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

.eqt-sch__specs li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 13px;
    min-width: 0;
}

.eqt-sch__specs span {
    color: var(--eqt-text-dim);
}

.eqt-sch__specs b {
    font-weight: 600;
    min-width: 0;
    text-align: end;
    overflow-wrap: anywhere;
}

.eqt-sch__priv {
    margin: 0 0 18px;
}

.eqt-sch__priv-k {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
    margin-bottom: 10px;
}

.eqt-sch__priv ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.eqt-sch__priv li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 13px;
    color: var(--eqt-text-muted);
    line-height: 1.4;
}

.eqt-sch__priv li i {
    color: #3dd68c;
    margin-top: 3px;
}

.eqt-sch__cta {
    margin-top: auto;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #1a1f2b;
    color: #fff;
    font: inherit;
    font-weight: 700;
    width: 100%;
    cursor: pointer;
}

.eqt-sch.is-popular .eqt-sch__cta {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
    color: #fff;
}

.eqt-sim {
    margin-top: 28px;
    background: #0c1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 22px 24px;
}

.eqt-sim__top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.eqt-sim__kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
    margin-bottom: 6px;
}

.eqt-sim h2 {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-sim__lead {
    margin: 0;
    color: var(--eqt-text-muted);
    font-size: 13px;
}

.eqt-sim__tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.eqt-sim__tabs button {
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 0;
    background: transparent;
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.eqt-sim__tabs button.is-active {
    background: var(--eqt-accent);
    color: #fff;
}

.eqt-sim__body {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 28px;
    align-items: end;
}

.eqt-sim__slider-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
    font-size: 12px;
    color: var(--eqt-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
}

.eqt-sim__amount {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
}

.eqt-sim__amount input {
    width: 110px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: #151a24;
    color: #fff;
    padding: 0 8px;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
}

.eqt-sim__amount em {
    font-style: normal;
    color: var(--eqt-text-dim);
    font-size: 12px;
    font-weight: 700;
}

.eqt-sim input[type="range"] {
    width: 100%;
    accent-color: var(--eqt-accent);
}

.eqt-sim__scale {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-size: 11px;
    color: var(--eqt-text-dim);
}

.eqt-sim__quicks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    align-items: center;
}

.eqt-sim__quicks span {
    font-size: 11px;
    color: var(--eqt-text-dim);
    margin-right: 4px;
}

.eqt-sim__quicks button {
    height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #151a24;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.eqt-sim__outs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.eqt-sim__out span {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
    margin-bottom: 6px;
}

.eqt-sim__out strong {
    display: block;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.eqt-sim__out em {
    display: block;
    margin-top: 4px;
    font-style: normal;
    font-size: 11px;
    color: var(--eqt-text-dim);
}

.eqt-sim__out.is-pos strong {
    color: #3dd68c;
}

.eqt-tier-loading {
    padding: 40px 16px;
    text-align: center;
    color: var(--eqt-text-muted);
}

.eqt-inv__schema .eqt-wf__dest-face {
    min-height: 64px;
}

.eqt-inv__elig {
    margin-left: auto;
    font-size: 12px;
    font-weight: 700;
    color: var(--eqt-text-dim);
    white-space: nowrap;
}

.eqt-inv__elig.is-ok {
    color: #3dd68c;
}

.eqt-inv__elig.is-bad {
    color: #ff5b7a;
}

.eqt-inv__step {
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.eqt-inv__step button {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #2a2a2a;
    color: #fff;
    font: inherit;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.eqt-wf__amt.is-ok {
    border-color: var(--eqt-accent);
}

.eqt-wf__amt.is-err {
    border-color: #ff4d6d;
}

.eqt-inv__err {
    margin: 8px 0 12px;
    font-size: 13px;
    color: #ff4d6d;
}

.eqt-inv__actions {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 10px;
}

.eqt-wf__cta.eqt-inv__cancel {
    background: #2a2a2a;
    color: #fff;
    cursor: pointer;
}

@media (max-width: 640px) {
    .eqt-inv__actions {
        grid-template-columns: 1fr 1fr;
    }
    .eqt-inv__desk {
        display: none;
    }
}

@media (max-width: 1100px) {
    .eqt-sch-grid,
    .eqt-sim__body {
        grid-template-columns: 1fr;
    }
}

/* ---------- App pages (settings, support, notifications, marketplace, IT, education, copier) ---------- */
.eqt-apphead {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.eqt-apphead h1 {
    margin: 0 0 6px;
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.eqt-apphead p {
    margin: 0;
    max-width: 560px;
    color: var(--eqt-text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.eqt-apphead__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.eqt-hubtabs {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    border-bottom: 1px solid var(--eqt-border);
    margin: -6px 0 22px;
    scrollbar-width: none;
}

.eqt-hubtabs a {
    flex: 0 0 auto;
    padding: 10px 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: var(--eqt-text-dim);
    border-bottom: 2px solid transparent;
}

.eqt-hubtabs a.is-active {
    color: var(--eqt-text);
    border-bottom-color: var(--eqt-accent);
}

.eqt-tree {
    margin-top: 4px;
}

.eqt-tree__node {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eqt-tree__node strong {
    display: block;
    font-size: 14px;
}

.eqt-tree__node small {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-tree__node.is-root {
    margin-bottom: 16px;
}

.eqt-tree__branches {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
    padding: 16px 0 0 18px;
    border-left: 1px solid var(--eqt-border);
    margin-left: 16px;
}

.eqt-tree__branches .eqt-tree__node {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--eqt-border);
    border-radius: 14px;
    padding: 12px;
}

.eqt-timeline {
    border-left: 1px solid var(--eqt-border);
    margin: 8px 0 0 7px;
    padding-left: 22px;
}

.eqt-timeline > div {
    position: relative;
    margin-bottom: 18px;
}

.eqt-timeline > div:last-child {
    margin-bottom: 0;
}

.eqt-timeline > div:before {
    content: '';
    position: absolute;
    left: -27px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--eqt-accent);
    box-shadow: 0 0 0 4px var(--eqt-surface);
}

.eqt-timeline h4 {
    margin: 0 0 4px;
    font-size: 14px;
}

.eqt-timeline p {
    margin: 0;
    font-size: 13px;
    color: var(--eqt-text-muted);
    line-height: 1.45;
}

.eqt-report-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.eqt-report-link {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    text-decoration: none;
    color: inherit;
}

.eqt-report-link span:nth-child(2) {
    flex: 1;
    min-width: 0;
}

.eqt-report-link strong {
    display: block;
    font-size: 14px;
}

.eqt-report-link small {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-report-link > i {
    color: var(--eqt-text-dim);
    font-size: 12px;
}

.eqt-report-tile {
    margin: 0;
}

@media (max-width: 900px) {
    .eqt-report-list {
        grid-template-columns: 1fr;
    }
}

.eqt-tnet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 22px;
    align-items: start;
}

.eqt-tnet__main {
    min-width: 0;
}

.eqt-tnet__toolbar {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
    flex-wrap: wrap;
    min-width: 0;
}

.eqt-tnet__search {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 42px;
    padding: 0 14px;
    border-radius: 999px;
    background: #141414;
    border: 1px solid var(--eqt-border);
    color: var(--eqt-text-muted);
}

.eqt-tnet__search input {
    flex: 1;
    border: 0;
    background: none;
    color: var(--eqt-text);
    font: inherit;
    outline: none;
}

.eqt-tnet__desk {
    overflow-x: auto;
    padding-bottom: 8px;
}

.eqt-tnet__rows {
    --eqt-tree: #3d3d44;
    --eqt-tree-gutter: 28px;
    display: inline-block;
    min-width: 100%;
    width: max-content;
    padding: 4px 8px 8px 4px;
}

.eqt-tnet__node,
.eqt-tnet__kids {
    position: relative;
    min-width: max-content;
}

.eqt-tnet__kids {
    margin-inline-start: 9px;
    padding-inline-start: var(--eqt-tree-gutter);
}

.eqt-tnet__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    width: 520px;
    max-width: 100%;
    flex-shrink: 0;
    min-height: 52px;
    padding: 6px 14px 6px 6px;
    padding-inline: 6px 14px;
    margin-inline-start: -6px;
    border: 1.5px solid transparent;
    border-radius: 14px;
    cursor: pointer;
}

.eqt-tnet__item.is-on {
    background: #16120e;
    border-color: rgba(255, 106, 31, 0.7);
}

.eqt-tnet__node:not(.is-root) > .eqt-tnet__item::before {
    content: "";
    position: absolute;
    left: calc(var(--eqt-tree-gutter) * -1 + 6px);
    top: 0;
    width: var(--eqt-tree-gutter);
    height: 50%;
    box-sizing: border-box;
    border-left: 1.5px solid var(--eqt-tree);
    border-bottom: 1.5px solid var(--eqt-tree);
    border-bottom-left-radius: 12px;
    pointer-events: none;
}

.eqt-tnet__node:not(.is-root):not(:last-child)::before {
    content: "";
    position: absolute;
    left: calc(var(--eqt-tree-gutter) * -1);
    top: 0;
    bottom: 0;
    width: 1.5px;
    background: var(--eqt-tree);
    pointer-events: none;
}

.eqt-tnet__tog {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border: 0;
    border-radius: 5px;
    background: #2a2a2e;
    color: #f4f4f8;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.eqt-tnet__tog.is-dot {
    width: 6px;
    height: 6px;
    margin: 0 7px;
    border-radius: 50%;
    background: #5c5c64;
    pointer-events: none;
}

.eqt-tnet__who {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.eqt-tnet__id {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 6px;
    min-width: 0;
    overflow: hidden;
}

.eqt-tnet__item .eqt-tnet__id {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 160px;
    min-width: 160px;
}

.eqt-tnet__item .eqt-tnet__id strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.eqt-tnet__meta {
    display: flex;
    flex-shrink: 0;
    gap: 14px;
    margin-left: auto;
}

.eqt-tnet__meta i {
    display: block;
    margin-bottom: 2px;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
}

.eqt-tnet__meta b {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.eqt-tnet__vols {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
}

.eqt-tnet__vols b {
    display: block;
    margin-left: 0;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.eqt-tnet__meta .eqt-tnet__vols {
    margin-left: 0;
}

.eqt-tnet__item.is-on .eqt-tnet__av {
    box-shadow: 0 0 0 2px var(--eqt-accent);
}

.eqt-tnet__av {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: #2b2b30;
    color: #f4f4f8;
    font-size: 11px;
    font-weight: 700;
}

.eqt-tnet__av.is-on {
    background: var(--eqt-accent);
    color: #12100d;
}

.eqt-tnet__av.is-lg {
    width: 48px;
    height: 48px;
    font-size: 14px;
}

.eqt-tnet__who strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.eqt-tnet__who em,
.eqt-tnet__item em,
.eqt-tnet__card-top em,
.eqt-tnet__pills em,
.eqt-tnet__mrow em {
    display: inline-flex;
    flex-shrink: 0;
    margin-left: 0;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    color: #9a9aa6;
    background: #232328;
    vertical-align: middle;
}

.eqt-tnet__item em,
.eqt-tnet__card-top em,
.eqt-tnet__pills em,
.eqt-tnet__mrow em {
    margin-left: 8px;
}

.eqt-tnet__who em.is-on,
.eqt-tnet__item em.is-on,
.eqt-tnet__card-top em.is-on,
.eqt-tnet__pills em.is-on,
.eqt-tnet__mrow em.is-on {
    color: #16c784;
    background: rgba(22, 199, 132, 0.12);
}

.eqt-tnet__who small,
.eqt-tnet__item .eqt-tnet__id small {
    flex-basis: 100%;
    display: block;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    color: var(--eqt-text-muted);
}

.eqt-tnet__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.eqt-tnet__stats i {
    display: block;
    margin-bottom: 3px;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
}

.eqt-tnet__stats b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
}

.eqt-tnet__foot {
    margin-top: 10px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-tnet__side {
    position: sticky;
    top: 20px;
}

.eqt-tnet__card {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    padding: 18px;
}

.eqt-tnet__card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.eqt-tnet__card-top h3 {
    margin: 0;
    font-size: 18px;
}

.eqt-tnet__card-top p {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-tnet__pills {
    display: flex;
    gap: 6px;
    margin-bottom: 14px;
}

.eqt-tnet__kv {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--eqt-border);
    font-size: 13px;
}

.eqt-tnet__kv span {
    color: var(--eqt-text-muted);
}

.eqt-tnet__up {
    margin-top: 16px;
}

.eqt-tnet__up span {
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
}

.eqt-tnet__up p {
    margin: 0 0 10px;
    font-size: 13px;
}

.eqt-tnet__mini {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-bottom: 8px;
    padding: 8px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.eqt-tnet__mini small {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: var(--eqt-text-muted);
}

.eqt-tnet__mini b {
    margin-left: auto;
    font-size: 13px;
}

.eqt-tnet__mobile {
    display: none;
}

@media (max-width: 980px) {
    .eqt-tnet {
        grid-template-columns: minmax(0, 1fr);
        min-width: 0;
    }

    .eqt-tnet__side,
    .eqt-tnet__desk,
    .eqt-tnet__desk-actions {
        display: none;
    }

    .eqt-tnet__search {
        flex: 1 1 100%;
        min-width: 0;
        width: 100%;
    }

    .eqt-tnet__toolbar .eqt-segment {
        flex: 1 1 100%;
        min-width: 0;
        width: 100%;
    }

    .eqt-tnet__toolbar .eqt-segment button {
        flex: 1 1 0;
        min-width: 0;
        min-height: 44px;
    }

    .eqt-tnet__item,
    .eqt-tnet__rows,
    .eqt-tnet__node,
    .eqt-tnet__kids {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .eqt-page--tnet .eqt-apphead__actions.eqt-tnet__desk-actions {
        display: none;
    }

    .eqt-tnet__mobile {
        display: block;
    }

    .eqt-tnet__crumbs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        margin-bottom: 14px;
        font-size: 13px;
    }

    .eqt-tnet__crumbs button {
        border: 0;
        background: #2b2b30;
        color: #fff;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer;
    }

    .eqt-tnet__crumbs i {
        width: 6px;
        height: 6px;
        border-right: 1.5px solid #888;
        border-top: 1.5px solid #888;
        transform: rotate(45deg);
    }

    .eqt-tnet__mstats {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin-top: 8px;
    }

    .eqt-tnet__mstats span {
        display: block;
        font-size: 11px;
        color: var(--eqt-text-muted);
        margin-bottom: 4px;
    }

    .eqt-tnet__under {
        margin: 18px 0 10px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--eqt-text-dim);
    }

    .eqt-tnet__mrow {
        margin-bottom: 10px;
    }

    .eqt-tnet__mhit {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 12px;
        border: 1px solid var(--eqt-border);
        border-radius: 16px;
        background: #121212;
        color: inherit;
        text-align: start;
        cursor: pointer;
    }

    .eqt-tnet__mhit small {
        display: block;
        margin-top: 3px;
        font-size: 11px;
        color: var(--eqt-text-muted);
    }

    .eqt-tnet__mhit b {
        margin-left: auto;
    }

    .eqt-tnet__mhit .eqt-tnet__vols {
        margin-left: auto;
        flex-shrink: 0;
    }

    .eqt-tnet__mhit .eqt-tnet__vols b {
        margin-left: 0;
    }

    .eqt-tnet__open {
        display: block;
        margin: 6px 4px 0;
        border: 0;
        background: none;
        color: var(--eqt-accent);
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
    }
}

.eqt-sec-title {
    margin: 28px 0 14px;
    font-size: 18px;
    font-weight: 700;
}

.eqt-trustgrid,
.eqt-it-tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 8px;
}

button.eqt-it-tile {
    width: 100%;
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

.eqt-it-earn {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 22px;
    align-items: center;
    background: #141414;
    border: 1px solid #353535;
    border-radius: 22px;
    padding: 22px 24px;
    margin-bottom: 22px;
}

.eqt-it-earn h2 {
    margin: 0 0 8px;
    font-size: 24px;
    letter-spacing: -0.03em;
}

.eqt-it-earn p {
    margin: 0;
    color: var(--eqt-text-muted);
    font-size: 14px;
    line-height: 1.55;
}

.eqt-it-earn__stat {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-top: 16px;
}

.eqt-it-earn__stat strong {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--eqt-accent);
}

.eqt-it-earn__stat span {
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-it-earn__share label {
    display: block;
    margin: 12px 0 6px;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-it-earn__share label:first-child {
    margin-top: 0;
}

.eqt-it-earn__share .eqt-mini {
    margin-top: 8px;
}

.eqt-it-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.eqt-wf-fields select.eqt-wf__plain {
    display: block;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239aa6b8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 36px;
}

.eqt-trust {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    padding: 18px;
}

.eqt-trust i,
.eqt-it-tile i {
    color: var(--eqt-accent);
    font-size: 20px;
    margin-bottom: 12px;
}

.eqt-trust h3,
.eqt-it-tile h3 {
    margin: 0 0 6px;
    font-size: 16px;
}

.eqt-trust p,
.eqt-it-tile p {
    margin: 0;
    color: var(--eqt-text-muted);
    font-size: 13px;
    line-height: 1.5;
}

.eqt-hero-panel {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    background: linear-gradient(115deg, #2c211b, #141414);
    border: 1px solid #4d3323;
    border-radius: 22px;
    padding: 22px 24px;
    margin-bottom: 22px;
}

.eqt-hero-panel .eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #ff9960;
    margin-bottom: 8px;
}

.eqt-hero-panel h2 {
    margin: 0 0 8px;
    font-size: 22px;
    letter-spacing: -0.03em;
}

.eqt-hero-panel p {
    margin: 0 0 14px;
    color: var(--eqt-text-muted);
    max-width: 640px;
}

.eqt-hero-panel__icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    background: rgba(255, 106, 31, 0.14);
    color: var(--eqt-accent);
    font-size: 26px;
}

.eqt-progress {
    height: 8px;
    max-width: 420px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
    margin: 10px 0 14px;
}

.eqt-progress > span {
    display: block;
    height: 100%;
    background: var(--eqt-accent);
}

.eqt-set {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 16px;
}

.eqt-set__stack {
    display: grid;
    gap: 16px;
}

.eqt-avatar-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.eqt-avatar-row img,
.eqt-avatar-row .eqt-avatar-fallback {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    object-fit: cover;
    background: #2b2b30;
}

.eqt-avatar-fallback {
    display: grid;
    place-items: center;
    font-weight: 800;
    color: #ff9760;
}

.eqt-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}

.eqt-field label {
    display: block;
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-bottom: 6px;
}

.eqt-field input,
.eqt-field select,
.eqt-field textarea {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid var(--eqt-border);
    background: var(--eqt-bg);
    color: var(--eqt-text);
    font: inherit;
}

.eqt-field textarea {
    height: auto;
    min-height: 110px;
    padding: 12px;
}

.eqt-field input:disabled,
.eqt-field select:disabled {
    opacity: 0.7;
}

.eqt-field input[type="file"] {
    height: auto;
    padding: 10px 12px;
}

.eqt-setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-setting-row:last-child {
    border-bottom: 0;
}

.eqt-setting-row h4 {
    margin: 0 0 4px;
    font-size: 14px;
}

.eqt-setting-row p {
    margin: 0;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-nlist {
    padding: 0;
    overflow: hidden;
}

.eqt-ntabs {
    display: flex;
    gap: 28px;
    margin: 0 0 18px;
    border-bottom: 1px solid #333337;
}

.eqt-ntabs a {
    position: relative;
    padding: 14px 0;
    color: #9999a6;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.eqt-ntabs a em {
    font-style: normal;
    margin-left: 6px;
    color: #8d8d96;
    font-size: 13px;
    font-weight: 650;
}

.eqt-ntabs a.is-active {
    color: #fff;
    font-weight: 650;
}

.eqt-ntabs a.is-active::after {
    content: "";
    position: absolute;
    left: calc(50% - 16px);
    bottom: 0;
    width: 32px;
    height: 3px;
    background: #f3f3f7;
    border-radius: 2px;
}

.eqt-nitem {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 20px;
    border-bottom: 1px solid #313136;
}

.eqt-nitem:last-child {
    border-bottom: 0;
}

.eqt-nitem__ico {
    width: 47px;
    height: 47px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: #33271d;
    color: #ff8c45;
    flex-shrink: 0;
}

.eqt-nitem.is-read .eqt-nitem__ico {
    background: #29292e;
    color: #9a9aa6;
}

.eqt-nitem h3 {
    margin: 0 0 6px;
    font-size: 16px;
    letter-spacing: -0.02em;
}

.eqt-nitem p {
    margin: 0;
    color: #a0a0aa;
    font-size: 14px;
    line-height: 1.5;
}

.eqt-nitem__body {
    min-width: 0;
    flex: 1;
}

.eqt-nitem__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    margin-top: 10px;
    font-size: 12px;
    color: #8d8d96;
}

.eqt-nitem__view {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ff9c65;
    font-size: 12px;
    font-weight: 600;
}

.eqt-nitem__view i {
    font-size: 10px;
}

.eqt-nitem__read {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #29292e;
    color: #c8c8d0;
    font-size: 11px;
    font-weight: 700;
}

.eqt-nitem__mark {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-left: auto;
    border-radius: 50%;
    color: #eeeeef;
    flex-shrink: 0;
}

.eqt-nitem__mark:hover {
    background: #28282b;
}

.eqt-nempty {
    padding: 48px 24px;
    text-align: center;
}

.eqt-nempty i {
    font-size: 28px;
    color: #8d8d96;
}

.eqt-nempty h3 {
    margin: 14px 0 6px;
    font-size: 18px;
}

.eqt-nempty p {
    margin: 0;
    color: #8d8d96;
    font-size: 14px;
}

.eqt-page--notifications .eqt-nlist .pagination-wrapper {
    padding: 16px 20px 20px;
}

.eqt-filters {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.eqt-chiprow {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.eqt-chiprow a,
.eqt-chiprow button {
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid var(--eqt-border);
    background: var(--eqt-surface);
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.eqt-chiprow a.is-active,
.eqt-chiprow button.is-active {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
    color: #fff;
}

.eqt-search {
    flex: 1;
    min-width: 180px;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid var(--eqt-border);
    background: var(--eqt-bg);
    color: var(--eqt-text);
    font: inherit;
}

.eqt-product-grid,
.eqt-it-tiles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.eqt-it-tiles {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.eqt-product {
    display: flex;
    flex-direction: column;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    overflow: hidden;
    min-height: 100%;
}

.eqt-product__cover {
    height: 110px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px;
    background: linear-gradient(160deg, #2a211c, #151820);
}

.eqt-product__cover i {
    font-size: 28px;
    color: var(--eqt-accent);
}

.eqt-product__body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.eqt-product__body h3 {
    margin: 6px 0 8px;
    font-size: 16px;
}

.eqt-product__body p {
    margin: 0 0 14px;
    color: var(--eqt-text-muted);
    font-size: 13px;
    flex: 1;
}

.eqt-product__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.eqt-product__bottom form {
    margin: 0;
}

.eqt-copy-flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin: 8px 0 16px;
}

.eqt-copy-node {
    flex: 1;
    min-width: 120px;
    text-align: center;
}

.eqt-copy-node h4 {
    margin: 8px 0 2px;
    font-size: 14px;
}

.eqt-copy-node p {
    margin: 0;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-copy-node__ico {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--eqt-accent-soft);
    color: var(--eqt-accent);
}

.eqt-faq details {
    border-bottom: 1px solid var(--eqt-border);
    padding: 14px 0;
}

.eqt-faq summary {
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
}

.eqt-faq p {
    margin: 8px 0 0;
    color: var(--eqt-text-muted);
    font-size: 13px;
    line-height: 1.55;
}

.eqt-table-card {
    overflow-x: auto;
}

.eqt-mini {
    display: block;
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-top: 2px;
}

@media (max-width: 1100px) {
    .eqt-set,
    .eqt-trustgrid,
    .eqt-product-grid {
        grid-template-columns: 1fr 1fr;
    }
    .eqt-it-tiles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ---------- Cart / IT detail / wallet modals ---------- */
.eqt-cart__item {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-cart__item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.eqt-cart__ico {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: var(--eqt-accent-soft);
    color: var(--eqt-accent);
}

.eqt-cart__body h3 {
    margin: 0 0 4px;
    font-size: 15px;
}

.eqt-cart__body p {
    margin: 0;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-cart__tag {
    display: inline-block;
    margin-top: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    color: #3dd68c;
    background: rgba(61, 214, 140, 0.12);
}

.eqt-cart__side {
    text-align: right;
}

.eqt-cart__side strong {
    display: block;
    font-size: 15px;
    margin-bottom: 8px;
}

.eqt-cart__remove {
    border: 0;
    background: none;
    color: #ff7a7a;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
}

.eqt-itsvc__list,
.eqt-itsvc__steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.eqt-itsvc__list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 14px;
    color: var(--eqt-text-muted);
    line-height: 1.45;
}

.eqt-itsvc__list i {
    color: #3dd68c;
    margin-top: 3px;
}

.eqt-itsvc__steps {
    counter-reset: itstep;
}

.eqt-itsvc__steps li {
    counter-increment: itstep;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    color: var(--eqt-text-muted);
}

.eqt-itsvc__steps li::before {
    content: counter(itstep);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--eqt-accent-soft);
    color: var(--eqt-accent);
    font-size: 11px;
    font-weight: 800;
    flex-shrink: 0;
}

.eqt-wmodal__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.eqt-wmodal__head h2 {
    margin: 0 0 4px;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.eqt-wmodal__head p {
    margin: 0;
    color: var(--eqt-text-muted);
    font-size: 13px;
}

.eqt-wmodal__form .eqt-field {
    margin-bottom: 14px;
}

.eqt-wmodal__review {
    margin: 4px 0 16px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--eqt-border);
}

.eqt-wmodal__review li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--eqt-border);
    font-size: 13px;
}

.eqt-wmodal__review li:last-child {
    border-bottom: 0;
}

.eqt-wmodal__review .title {
    color: var(--eqt-text-muted);
}

.eqt-wmodal__links {
    margin-bottom: 14px;
}

.eqt-wmodal__links a {
    font-size: 13px;
    color: var(--eqt-accent);
}

.eqt-wmodal__form .eqt-gateway img {
    max-width: 42px;
    max-height: 28px;
    object-fit: contain;
}

@media (max-width: 760px) {
    .eqt-set,
    .eqt-trustgrid,
    .eqt-product-grid,
    .eqt-form-grid,
    .eqt-it-tiles,
    .eqt-hero-panel,
    .eqt-it-earn,
    .eqt-it-grid {
        grid-template-columns: 1fr;
    }
    .eqt-hero-panel__icon {
        display: none;
    }
}

/* ---------- Wallet flow modals ---------- */
.eqt-modal__box.eqt-wf-box {
    width: min(440px, calc(100% - 32px));
    margin: 6vh auto 0;
    padding: 22px 22px 18px;
    border-radius: 24px;
    background: #121212;
    border-color: rgba(255, 255, 255, 0.06);
    max-height: min(90vh, 860px);
    overflow: auto;
}

.eqt-wf__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.eqt-wf__head h2 {
    margin: 0 0 4px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.eqt-wf__head p {
    margin: 0;
    color: var(--eqt-text-muted);
    font-size: 13px;
}

.eqt-wf__x {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

.eqt-wf__label,
.eqt-wf__row span:first-child {
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-wf__label {
    margin-bottom: 8px;
}

.eqt-wf__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 14px 0 8px;
}

.eqt-wf__row a,
.eqt-wf__meta {
    font-size: 12px;
    color: var(--eqt-accent);
    text-decoration: none;
}

.eqt-wf__meta {
    color: var(--eqt-text-dim);
}

.eqt-wf__pays {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.eqt-wf__pay,
.eqt-wf__dest-face,
.eqt-wf__found,
.eqt-wf__user,
.eqt-wf__amt,
.eqt-wf__plain,
.eqt-wf__swap-box {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 58px;
    padding: 10px 12px;
    border-radius: 16px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.eqt-wf__pay {
    cursor: pointer;
    position: relative;
}

.eqt-wf__pay input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.eqt-wf__pay:has(input:checked) {
    border-color: var(--eqt-accent);
}

.eqt-wf__tick {
    margin-left: auto;
    color: var(--eqt-accent);
    opacity: 0;
}

.eqt-wf__pay:has(input:checked) .eqt-wf__tick {
    opacity: 1;
}

.eqt-wf__coin {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #00c48c;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    flex-shrink: 0;
}

.eqt-wf__pay-txt {
    min-width: 0;
    display: grid;
}

.eqt-wf__pay-txt strong,
.eqt-wf__found strong {
    font-size: 13px;
}

.eqt-wf__pay-txt em,
.eqt-wf__found em {
    font-style: normal;
    font-size: 11px;
    color: var(--eqt-text-dim);
}

.eqt-wf__amt {
    min-height: 64px;
    padding: 0 16px;
}

.eqt-wf__amt:focus-within {
    border-color: var(--eqt-accent);
}

.eqt-wf__amt > span,
.eqt-wf__user > span {
    color: var(--eqt-text-dim);
    font-size: 22px;
    font-weight: 700;
}

.eqt-wf__amt input,
.eqt-wf__user input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
    outline: none;
}

.eqt-wf__amt em,
.eqt-wf__amt.is-out em {
    font-style: normal;
    color: var(--eqt-text-dim);
    font-size: 13px;
    font-weight: 700;
}

.eqt-wf__amt.is-bare {
    border: 0;
    background: transparent;
    padding: 0;
    min-height: 0;
}

.eqt-wf__amt.is-out strong {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.eqt-wf__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 8px;
}

.eqt-wf__chips button {
    height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 0;
    background: #242424;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.eqt-wf__note,
.eqt-wf__foot {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-wf__foot {
    margin: 12px 0 0;
    text-align: center;
    font-size: 12px;
}

.eqt-wf__review {
    border-radius: 16px;
    background: #171717;
    padding: 4px 14px;
    margin-bottom: 16px;
}

.eqt-wf__review > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 13px;
}

.eqt-wf__review > div:last-child {
    border-bottom: 0;
}

.eqt-wf__review span {
    color: var(--eqt-text-muted);
}

.eqt-wf__review b.is-pos,
.eqt-wf .is-pos {
    color: #3dd68c;
}

.eqt-wf__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 999px;
    background: #2a2a2a;
    color: #8a8a8a;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    cursor: not-allowed;
}

.eqt-wf__cta.is-on,
.eqt-wf__cta:not(:disabled):not([disabled]) {
    background: var(--eqt-accent);
    color: #111;
    cursor: pointer;
}

body.eqt-modal-open .notifications-container {
    z-index: 10050 !important;
}

.eqt-wf__flash {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(234, 57, 67, 0.14);
    border: 1px solid rgba(234, 57, 67, 0.32);
    color: #ff8a90;
    font-size: 13px;
    line-height: 1.45;
}

.eqt-wf__flash[hidden] {
    display: none !important;
}

.eqt-wf__otp {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    margin: 0 0 16px;
    padding: 0 8px 0 16px;
    border-radius: 16px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.eqt-wf__otp input {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.eqt-wf__otp input:focus {
    outline: none;
}

.eqt-wf__otp button {
    flex-shrink: 0;
    border: 0;
    background: none;
    color: var(--eqt-accent);
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    padding: 10px 12px;
    cursor: pointer;
}

.eqt-wf__otp button:disabled {
    color: var(--eqt-text-muted);
    cursor: not-allowed;
}

.eqt-wf__otp-error {
    margin: 0 0 12px;
    color: #ff8a90;
    font-size: 13px;
}

.eqt-wf__back {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    min-height: 44px;
    border: 0;
    background: transparent;
    color: var(--eqt-text-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.eqt-wf__back:hover {
    color: #fff;
}

a.eqt-wf__cta.is-on {
    cursor: pointer;
}

.eqt-wf__dest {
    position: relative;
}

.eqt-wf__dest select {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    cursor: pointer;
}

.eqt-wf__eta {
    margin-left: auto;
    font-style: normal;
    font-size: 11px;
    color: var(--eqt-text-dim);
    white-space: nowrap;
}

.eqt-wf__user {
    min-height: 54px;
}

.eqt-wf__user input {
    font-size: 16px;
    font-weight: 600;
}

.eqt-wf__found {
    margin-top: 8px;
}

.eqt-wf__found[hidden],
.eqt-wf__found-mark[hidden] {
    display: none !important;
}

.eqt-wf__found .eqt-wf__coin {
    background: #2a2118;
    color: var(--eqt-accent);
}

.eqt-wf__found .eqt-wf__pay-txt {
    flex: 1;
    min-width: 0;
}

.eqt-wf__found strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-weight: 600;
}

.eqt-wf__found em {
    color: var(--eqt-text-muted);
    font-size: 12px;
}

.eqt-wf__found.is-ok {
    border-color: rgba(22, 199, 132, 0.32);
}

.eqt-wf__found.is-miss {
    border-color: rgba(234, 57, 67, 0.32);
}

.eqt-wf__found-mark {
    margin-left: auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(22, 199, 132, 0.16);
    color: #3dd68c;
    font-size: 12px;
    flex-shrink: 0;
}

.eqt-wf__found.is-miss .eqt-wf__found-mark {
    background: rgba(234, 57, 67, 0.16);
    color: #ff8a90;
}

.eqt-wf__plain {
    width: 100%;
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: #1a1a1a;
    color: #fff;
    padding: 0 16px;
    font: inherit;
}

.eqt-wf__from select {
    border: 0;
    background: transparent;
    color: var(--eqt-text-dim);
    font: inherit;
    font-size: 12px;
    max-width: 220px;
    text-align: right;
}

.eqt-wf__swap {
    position: relative;
    display: grid;
    gap: 8px;
}

.eqt-wf__swap-box {
    display: block;
    padding: 12px 14px 10px;
}

.eqt-wf__swap-ico {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border-radius: 50%;
    background: #1c140e;
    color: var(--eqt-accent);
    display: grid;
    place-items: center;
    border: 4px solid #121212;
    z-index: 1;
}

.eqt-wf .manual-row {
    margin: 10px 0;
}

@media (max-width: 900px) {
    .eqt-modal--sheet .eqt-modal__box.eqt-wf-box {
        width: 100%;
        margin: 0;
        border-radius: 22px 22px 0 0;
        padding: 12px 18px calc(18px + env(safe-area-inset-bottom, 0px));
        max-height: min(94vh, 820px);
    }
}

@media (max-width: 520px) {
    .eqt-wf__pays {
        grid-template-columns: 1fr;
    }
    .eqt-wf__amt input,
    .eqt-wf__amt.is-out strong {
        font-size: 24px;
    }
}

.eqt-acc {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid var(--eqt-border);
}

.eqt-acc:last-child {
    border-bottom: 0;
}

.eqt-acc h3 {
    margin: 0 0 4px;
    font-size: 15px;
}

.eqt-acc p {
    margin: 0;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-wf-fields {
    display: grid;
    gap: 12px;
    margin: 16px 0;
}

.eqt-wf-fields .eqt-field label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--eqt-text-muted);
}

.eqt-wf-fields textarea.eqt-wf__plain {
    min-height: 88px;
    padding: 12px 16px;
    resize: vertical;
}

.eqt-ticket-file {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #1a1a1a;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    cursor: pointer;
    color: #fff;
}

.eqt-ticket-file input {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.eqt-ticket-file i {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #2a2118;
    color: var(--eqt-accent);
    flex-shrink: 0;
}

.eqt-ticket-file span {
    display: block;
    min-width: 0;
}

.eqt-ticket-file strong {
    display: block;
    font-size: 14px;
    font-weight: 650;
}

.eqt-ticket-file small {
    display: block;
    margin-top: 3px;
    color: var(--eqt-text-dim);
    font-size: 12px;
}

.eqt-ticket-actions {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 10px;
    margin-top: 8px;
}

.eqt-ticket-actions .eqt-wf__cta.is-on {
    color: #fff;
}

@media (max-width: 640px) {
    .eqt-ticket-actions {
        grid-template-columns: 1fr 1fr;
    }
}

.eqt-rankhero,
.eqt-leadhero {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 28px;
    align-items: center;
    background: #141414;
    border: 1px solid #353535;
    border-radius: 22px;
    padding: 22px 24px;
    margin-bottom: 22px;
}

.eqt-leadhero {
    grid-template-columns: minmax(240px, auto) minmax(0, 1fr) auto;
    gap: 36px;
    border: 0;
    border-radius: 28px;
    padding: 26px 30px;
}

.eqt-leadhero__now {
    display: flex;
    align-items: center;
    gap: 18px;
}

.eqt-leadhero .eqt-rankring {
    width: 108px;
    height: 108px;
}

.eqt-leadhero .eqt-rankring__track,
.eqt-leadhero .eqt-rankring__fill {
    stroke-width: 9;
}

.eqt-leadhero .eqt-rankring__label strong {
    font-size: 22px;
}

.eqt-leadhero .eqt-rankring__label span {
    font-size: 9px;
    letter-spacing: 0.08em;
}

.eqt-leadhero__current .eyebrow,
.eqt-leadhero__mid .eyebrow {
    margin-bottom: 6px;
}

.eqt-leadhero__current h2,
.eqt-leadhero__mid h3 {
    margin: 0 0 6px;
    font-size: 28px;
    letter-spacing: -0.04em;
    font-weight: 800;
}

.eqt-leadhero__sum-m { display: none; }

.eqt-leadhero__current p,
.eqt-leadhero__remain,
.eqt-leadhero__end p {
    margin: 0;
    color: #8d8d96;
    font-size: 13px;
}

.eqt-leadhero__mid .eqt-rankprog__bar {
    height: 7px;
    margin: 14px 0 12px;
    background: #2a2a2e;
}

.eqt-leadhero__end {
    text-align: right;
    min-width: 150px;
}

.eqt-leadhero__sum strong {
    display: block;
    font-size: 22px;
    letter-spacing: -0.04em;
    font-weight: 750;
}

.eqt-leadhero__sum span {
    display: block;
    margin: 4px 0 10px;
    color: #8d8d96;
    font-size: 13px;
}

.eqt-leadsteps {
    display: flex;
    gap: 0;
    margin: 8px 0 28px;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
}

.eqt-leadsteps::-webkit-scrollbar { display: none; }

.eqt-leadstep {
    position: relative;
    flex: 1 0 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 56px;
}

.eqt-leadstep:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 13px;
    left: calc(50% + 16px);
    width: calc(100% - 32px);
    height: 2px;
    background: #2f2f33;
    z-index: 0;
}

.eqt-leadstep.is-done:not(:last-child)::before,
.eqt-leadstep.is-current:not(:last-child)::before {
    background: var(--eqt-accent);
}

.eqt-leadstep__n {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #2a2a2e;
    color: #8d8d96;
    font-size: 12px;
    font-weight: 700;
}

.eqt-leadstep.is-done .eqt-leadstep__n,
.eqt-leadstep.is-current .eqt-leadstep__n {
    background: #3a3a3e;
    color: #fff;
}

.eqt-leadstep.is-next .eqt-leadstep__n {
    background: var(--eqt-accent);
    color: #fff;
}

.eqt-leadstep__name {
    font-size: 11px;
    color: #8d8d96;
    text-align: center;
    line-height: 1.2;
}

.eqt-leadstep.is-next .eqt-leadstep__name {
    color: var(--eqt-accent);
}

.eqt-vtiers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.eqt-vtier {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 78px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #1b1b1e;
    border: 1px solid transparent;
}

.eqt-vtier.is-next {
    border-color: var(--eqt-accent);
}

.eqt-vtier.is-current {
    border-color: rgba(255, 106, 31, 0.35);
}

.eqt-vtier.is-locked {
    background: #161618;
    border-color: #26262a;
}

.eqt-vtier.is-locked .eqt-vtier__main,
.eqt-vtier.is-locked .eqt-vtier__side {
    opacity: 0.55;
}

.eqt-vtier__mark {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.08);
    pointer-events: none;
    z-index: 1;
}

.eqt-vtier__main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.eqt-vtier__lvl {
    flex-shrink: 0;
    min-width: 32px;
    height: 22px;
    padding: 0 7px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    background: #2a2a2e;
    color: #c8c8d0;
    font-size: 11px;
    font-weight: 700;
}

.eqt-vtier.is-next .eqt-vtier__lvl {
    background: #2f241c;
    color: var(--eqt-accent);
}

.eqt-vtier h3 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.eqt-vtier__need,
.eqt-vtier__need-sm,
.eqt-vtier__go,
.eqt-vtier__lock {
    margin: 4px 0 0;
    font-size: 12px;
    color: #8d8d96;
}

.eqt-vtier__need-sm { display: none; }

.eqt-vtier__side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
    text-align: right;
}

.eqt-vtier__badge {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: #111;
    border: 1px solid #3a3a3e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.eqt-vtier__badge.is-now {
    border-color: var(--eqt-accent);
    color: var(--eqt-accent);
}

.eqt-vtier__badge.is-next {
    background: var(--eqt-accent);
    border-color: var(--eqt-accent);
    color: #fff;
}

.eqt-vtier__lock i {
    margin-right: 5px;
    font-size: 10px;
}

.eqt-vtier__reward {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.eqt-rankrules {
    display: grid;
    gap: 10px;
}

.eqt-rankrules p {
    margin: 0 0 6px;
    color: #8d8d96;
    font-size: 14px;
    line-height: 1.5;
}

.eqt-rankrules__row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #2a2a2e;
    font-size: 13px;
}

.eqt-page--ranks .eqt-ys__head span {
    color: #8d8d96;
    font-size: 13px;
}

@media (max-width: 1100px) {
    .eqt-leadhero {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .eqt-leadhero__end { display: none; }

    .eqt-leadhero__midtop {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }

    .eqt-leadhero__sum-m {
        display: block;
        text-align: right;
        line-height: 1.25;
    }

    .eqt-leadhero__sum-m strong {
        display: block;
        font-size: 16px;
    }

    .eqt-leadhero__sum-m span {
        color: #8d8d96;
        font-size: 13px;
    }
}

.eqt-rankring {
    position: relative;
    width: 132px;
    height: 132px;
    flex-shrink: 0;
}

.eqt-rankring svg {
    width: 100%;
    height: 100%;
}

.eqt-rankring__track {
    fill: none;
    stroke: rgba(255, 255, 255, 0.08);
    stroke-width: 8;
}

.eqt-rankring__fill {
    fill: none;
    stroke: var(--eqt-accent);
    stroke-width: 8;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.4s ease;
}

.eqt-rankring__label {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    text-align: center;
}

.eqt-rankring__label strong {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
}

.eqt-rankring__label span {
    margin-top: 4px;
    font-size: 11px;
    color: var(--eqt-text-dim);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.eqt-rankhero__copy h2 {
    margin: 0 0 6px;
    font-size: 28px;
    letter-spacing: -0.03em;
}

.eqt-rankhero__copy p {
    margin: 0;
    color: var(--eqt-text-muted);
    font-size: 14px;
}

.eqt-ranklist {
    display: grid;
    gap: 12px;
}

.eqt-rankcard {
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 14px;
    align-items: start;
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    padding: 16px;
}

.eqt-rankcard.is-current {
    border-color: rgba(255, 106, 31, 0.45);
    background: linear-gradient(180deg, rgba(255, 106, 31, 0.08), var(--eqt-surface));
}

.eqt-rankcard.is-next {
    border-color: rgba(255, 255, 255, 0.16);
}

.eqt-rankcard__ring {
    position: relative;
    width: 52px;
    height: 52px;
}

.eqt-rankcard__ring svg {
    width: 100%;
    height: 100%;
}

.eqt-rankcard__ring .eqt-rankring__track,
.eqt-rankcard__ring .eqt-rankring__fill {
    stroke-width: 4;
}

.eqt-rankcard__ring img,
.eqt-rankcard__ring i {
    position: absolute;
    inset: 10px;
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: grid;
    place-items: center;
    color: var(--eqt-accent);
    font-size: 15px;
}

.eqt-rankcard__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.eqt-rankcard h3 {
    margin: 0;
    font-size: 16px;
}

.eqt-rankcard p {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-rankcard__reward {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    font-size: 13px;
}

.eqt-ys__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 32px 0 14px;
}

.eqt-ys__head h2 {
    margin: 0;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.eqt-ys__head a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--eqt-text-dim);
}

.eqt-ys {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.eqt-ys__card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 22px;
    border-radius: 24px;
    background: #1b1b1e;
    color: inherit;
}

.eqt-ys__top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eqt-ys__ico {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: #252528;
    color: #dddde3;
    flex-shrink: 0;
}

.eqt-ys__top h3 {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.3;
}

.eqt-ys__top em {
    font-style: normal;
    font-size: 12px;
    color: #9696a2;
}

.eqt-ys__metric {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eqt-ys__metric span {
    font-size: 13px;
    color: #9696a2;
}

.eqt-ys__metric strong {
    font-size: 28px;
    letter-spacing: -0.04em;
    font-weight: 750;
}

.eqt-ys__metric strong.is-up { color: #3dd68c; }
.eqt-ys__metric strong.is-down { color: #ff6b7a; }

.eqt-yspark {
    display: block;
    width: 100%;
    height: 40px;
    margin: 16px 0 6px;
    opacity: 0.85;
}

.eqt-yspark path {
    fill: none;
    stroke: #3dd68c;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.eqt-yspark.is-empty {
    height: 24px;
    margin: 16px 0 6px;
}

.eqt-ys__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #303034;
    color: #a0a0aa;
    font-size: 12px;
}

.eqt-ys__foot i {
    font-size: 11px;
    color: #dddde3;
}

@media (max-width: 1100px) {
    .eqt-ys {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .eqt-ys {
        display: flex;
        gap: 13px;
        overflow-x: auto;
        margin-right: -16px;
        padding-right: 16px;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
    }

    .eqt-ys::-webkit-scrollbar { display: none; }

    .eqt-ys__card {
        flex: 0 0 78%;
        max-width: 330px;
        scroll-snap-align: start;
    }

    .eqt-rankhero,
    .eqt-leadhero {
        grid-template-columns: 1fr;
        justify-items: stretch;
        text-align: left;
        gap: 20px;
        padding: 20px;
    }

    .eqt-leadhero__now {
        align-items: center;
    }

    .eqt-leadhero__end {
        display: none;
    }

    .eqt-leadhero__midtop {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 16px;
    }

    .eqt-leadhero__mid h3 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .eqt-leadhero__sum-m {
        display: block;
        text-align: right;
        line-height: 1.25;
    }

    .eqt-leadhero__sum-m strong {
        display: block;
        font-size: 16px;
    }

    .eqt-leadhero__sum-m span {
        color: #8d8d96;
        font-size: 13px;
    }

    .eqt-leadsteps { display: none; }

    .eqt-vtiers {
        grid-template-columns: 1fr;
    }

    .eqt-vtier {
        min-height: 64px;
        padding: 14px 16px;
    }

    .eqt-vtier__need,
    .eqt-vtier__go { display: none; }

    .eqt-vtier__need-sm { display: block; }

    .eqt-rankhero .eqt-rankprog__head,
    .eqt-rankhero .eqt-rankprog__meta {
        justify-content: center;
    }

    .eqt-rankhero .eqt-rankprog {
        text-align: left;
        width: 100%;
    }
}

.eqt-inv__stats {
    margin-bottom: 18px;
}

.eqt-inv__stats .eqt-metric__value.is-accent {
    color: var(--eqt-accent);
}

.eqt-inv__k-m { display: none; }

.eqt-inv__bar {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.eqt-inv__search {
    position: relative;
    flex: 1;
    min-width: 220px;
}

.eqt-inv__search i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #8d8d96;
    font-size: 13px;
}

.eqt-inv__search input {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 38px;
    border: 1px solid #2a2a2e;
    border-radius: 999px;
    background: #141416;
    color: inherit;
    font: inherit;
}

.eqt-inv__pills {
    display: flex;
    gap: 6px;
}

.eqt-inv__pills a {
    height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    color: #a0a0aa;
    font-size: 13px;
    font-weight: 650;
}

.eqt-inv__pills a.is-active {
    background: #2b2b2e;
    color: #fff;
}

.eqt-inv__limit {
    height: 36px;
    padding: 0 10px;
    border-radius: 10px;
    border: 1px solid #2a2a2e;
    background: #141416;
    color: inherit;
    font: inherit;
    font-size: 13px;
}

.eqt-inv__tablewrap {
    padding: 0;
    overflow: auto;
}

.eqt-inv__table {
    width: 100%;
    border-collapse: collapse;
}

.eqt-inv__table th {
    padding: 14px 16px;
    text-align: left;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8d8d96;
    border-bottom: 1px solid #2a2a2e;
    font-weight: 650;
}

.eqt-inv__table td {
    padding: 16px;
    vertical-align: top;
    border-bottom: 1px solid #242428;
    font-size: 14px;
}

.eqt-inv__table td strong {
    display: block;
}

.eqt-inv__table td small,
.eqt-inv__schema small,
.eqt-inv__card-foot small {
    display: block;
    margin-top: 4px;
    color: #8d8d96;
    font-size: 12px;
}

.eqt-inv__schema {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eqt-inv__ico {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #2a2a2e;
    color: #c8c8d0;
    font-size: 13px;
    font-weight: 750;
    flex-shrink: 0;
}

.eqt-inv__st {
    margin-left: 8px;
    font-style: normal;
    font-size: 11px;
    font-weight: 700;
}

.eqt-inv__st.is-run { color: #3dd68c; }
.eqt-inv__st.is-done { color: #8d8d96; }
.eqt-inv__st.is-wait { color: #ffb020; }
.eqt-inv__st.is-off { color: #8d8d96; }

.eqt-inv__next {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 650;
}

.eqt-inv__next i {
    font-size: 8px;
    color: var(--eqt-accent);
}

.eqt-inv__view {
    color: #c8c8d0;
    font-size: 13px;
    font-weight: 650;
}

.eqt-inv__cards { display: none; }

.eqt-inv__pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    color: #8d8d96;
    font-size: 13px;
}

.eqt-inv__pager .pagination-wrapper {
    margin: 0;
}

.eqt-inv__note {
    margin: 18px 0 0;
    color: #8d8d96;
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 1100px) {
    .eqt-inv__tablewrap { display: none; }
    .eqt-inv__cards {
        display: grid;
        gap: 12px;
    }
    .eqt-inv__card {
        padding: 16px 16px 14px;
        border-radius: 20px;
        background: #1b1b1e;
    }
    .eqt-inv__card-top {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
    }
    .eqt-inv__card-top > strong {
        font-size: 18px;
        letter-spacing: -0.03em;
    }
    .eqt-inv__card-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding: 12px 0;
        border-top: 1px solid #2a2a2e;
        border-bottom: 1px solid #2a2a2e;
    }
    .eqt-inv__card-grid span {
        display: block;
        margin-bottom: 6px;
        color: #8d8d96;
        font-size: 12px;
    }
    .eqt-inv__card-foot {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 12px;
        margin-top: 12px;
    }
    .eqt-inv__limit { display: none; }
    .eqt-inv__stat-desk { display: none; }
    .eqt-inv__k-d { display: none; }
    .eqt-inv__k-m { display: inline; }
    .eqt-inv__stats {
        grid-template-columns: 1fr 1fr;
    }
    .eqt-inv__bar {
        flex-direction: column;
        align-items: stretch;
    }
    .eqt-inv__pills {
        justify-content: flex-start;
    }
    .eqt-inv__pager {
        flex-direction: column;
        align-items: stretch;
    }
    .eqt-page--invest .eqt-apphead__actions .eqt-btn--ghost {
        display: none;
    }
}

/* ---------- Strategy directory (mobile) + profile + provider ---------- */
.eqt-slib-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.eqt-slib-head .eqt-leader-chip {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.eqt-slib-cta {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    flex: 0 0 auto;
}

.eqt-slib-cta .eqt-btn {
    white-space: nowrap;
}

@media (max-width: 900px) {
    .eqt-slib-head {
        display: block;
        margin-bottom: 0;
    }

    .eqt-slib-head .eqt-leader-chip {
        margin: 0 0 14px;
    }

    .eqt-slib-head .eqt-slib-cta {
        display: none;
    }
}

.eqt-sdir-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.eqt-sdir-intro span {
    display: block;
    font-size: 12px;
    color: var(--eqt-text-dim);
    margin-bottom: 4px;
}

.eqt-sdir-intro strong {
    display: block;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.eqt-sdir-intro p {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-sdir-cta {
    width: 100%;
    margin-bottom: 16px;
}

.eqt-sdir-tabs {
    overflow-x: auto;
    scrollbar-width: none;
    margin-bottom: 12px;
}

.eqt-sdir-tabs button {
    position: relative;
    flex: 0 0 auto;
    padding: 14px 0;
    border: 0;
    background: none;
    color: #9999a6;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.eqt-sdir-tabs button.is-active {
    color: #fff;
    font-weight: 650;
}

.eqt-sdir-tabs button.is-active::after {
    content: "";
    position: absolute;
    left: calc(50% - 16px);
    bottom: 0;
    width: 32px;
    height: 3px;
    background: #f3f3f7;
    border-radius: 2px;
}

.eqt-sdir {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.eqt-sdir__card {
    background: var(--eqt-surface);
    border: 1px solid var(--eqt-border);
    border-radius: 18px;
    padding: 16px;
}

.eqt-sdir__id {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.eqt-sdir__id > div {
    min-width: 0;
    flex: 1;
}

.eqt-sdir__id h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -0.02em;
}

.eqt-sdir__id p {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--eqt-text-dim);
}

.eqt-sdir__id em {
    font-style: normal;
    margin-left: 6px;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--eqt-text-muted);
}

.eqt-sdir__ico {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
}

.eqt-sdir__ico.is-fallback {
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 14px;
}

.eqt-sdir__desc {
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--eqt-text-muted);
}

.eqt-sdir__data {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 12px;
    align-items: end;
    margin-top: 16px;
}

.eqt-sdir__data span,
.eqt-sdir__spark small {
    display: block;
    font-size: 11px;
    color: var(--eqt-text-dim);
}

.eqt-sdir__data strong {
    display: block;
    margin-top: 4px;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.eqt-sdir__data small {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: var(--eqt-text-muted);
}

.eqt-sdir__spark .eqt-yspark {
    height: 36px;
    margin: 0 0 4px;
}

.eqt-sdir__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--eqt-border);
}

.eqt-sdir__facts span {
    display: block;
    font-size: 11px;
    color: var(--eqt-text-dim);
    margin-bottom: 4px;
}

.eqt-sdir__facts strong {
    font-size: 13px;
    font-weight: 700;
}

@media (min-width: 901px) {
    .eqt-sview__summary .eqt-sview__actions {
        display: none;
    }
}

.eqt-sview__summary {
    margin-bottom: 22px;
}

.eqt-sview__id {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 14px;
}

.eqt-sview__id h1 {
    margin: 0 0 8px;
    font-size: clamp(22px, 3vw, 27px);
    font-weight: 750;
    letter-spacing: -0.03em;
}

.eqt-sview__id p {
    margin: 6px 0 0;
    font-size: 14px;
    color: var(--eqt-text-muted);
}

.eqt-sview__id p strong {
    color: #dddde4;
    font-weight: 400;
}

.eqt-sview__id em {
    font-style: normal;
    font-weight: 700;
    color: var(--eqt-text);
}

.eqt-sview__id em.is-approved,
.eqt-sview__id em.is-active {
    color: var(--eqt-positive);
}

.eqt-sview__id em.is-pending {
    color: #f5c16c;
}

.eqt-sview__ico {
    width: 67px;
    height: 67px;
    border-radius: 19px;
    object-fit: cover;
    flex-shrink: 0;
}

.eqt-sview__ico.is-fallback {
    display: grid;
    place-items: center;
    background: #2b2b30;
    color: var(--eqt-accent);
    font-size: 20px;
}

.eqt-sview__lead {
    margin: 8px 0 28px;
    max-width: 900px;
    font-size: 15px;
    line-height: 1.75;
    color: var(--eqt-text-muted);
}

.eqt-sview__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 0 0 4px;
    margin-bottom: 0;
}

.eqt-sview__stats span {
    display: block;
    font-size: 12px;
    color: #a0a0ad;
    margin-bottom: 6px;
}

.eqt-sview__stats strong {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.eqt-sview__stats .is-pos {
    color: var(--eqt-positive);
}

.eqt-sview__stats .is-neg {
    color: var(--eqt-negative);
}

.eqt-sview__split {
    margin: 8px 0 16px;
}

.eqt-sview__split-bar {
    display: flex;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: #2b2b30;
}

.eqt-sview__split-bar span:first-child {
    background: #16c784;
}

.eqt-sview__split-bar span:last-child {
    background: var(--eqt-accent);
}

.eqt-sview__split-keys {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 10px;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-sview__split-keys i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
}

.eqt-sview__split-keys i.is-investor { background: #16c784; }
.eqt-sview__split-keys i.is-company { background: var(--eqt-accent); }

.eqt-sview__steps,
.eqt-sview__reqs {
    margin: 0 0 16px;
    padding-left: 18px;
    color: var(--eqt-text-muted);
    font-size: 14px;
    line-height: 1.6;
}

.eqt-sview__reqs {
    list-style: disc;
}

.eqt-sview__steps li,
.eqt-sview__reqs li {
    margin-bottom: 8px;
}

.eqt-sview__reqs strong {
    color: var(--eqt-text);
}

.eqt-sview__side-cta {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.eqt-sview__risknote {
    padding: 20px 4px 0;
}

.eqt-sview__risknote h3 {
    margin: 0 0 12px;
    font-size: 20px;
}

.eqt-sview__risknote p {
    margin: 0;
    font-size: 13px;
    color: var(--eqt-text-muted);
    line-height: 1.5;
}

.eqt-sview__h2,
.eqt-sview__perfhead h2,
.eqt-sview__riskhead {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.eqt-sview__perfhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.eqt-sview__source {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    border-radius: 99px;
    background: #16161a;
}

.eqt-sview__source button {
    border: 0;
    background: transparent;
    color: #9999a7;
    border-radius: 99px;
    padding: 6px 12px;
    font-size: 13px;
    cursor: pointer;
}

.eqt-sview__source button.is-active {
    background: #29292e;
    color: #f7f7fa;
}

.eqt-sview__equity-panel[hidden],
.eqt-sview__bars[hidden],
#eqtReturnEmpty[hidden] {
    display: none !important;
}

.eqt-sview__tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 5px;
    border: 1px solid rgba(138, 157, 181, 0.18);
    background: rgba(162, 177, 196, 0.05);
    color: var(--eqt-text-muted);
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    white-space: nowrap;
}

.eqt-sview__tag.is-approved,
.eqt-sview__tag.is-active {
    color: var(--eqt-positive);
    background: rgba(22, 199, 132, 0.1);
    border-color: rgba(22, 199, 132, 0.22);
}

.eqt-sview__tag.is-pending {
    color: #f5c16c;
    background: rgba(245, 193, 108, 0.1);
    border-color: rgba(245, 193, 108, 0.22);
}

.eqt-sview__periods {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 12px 0 6px;
}

.eqt-sview__periods button {
    border: 0;
    background: transparent;
    color: #9999a7;
    border-radius: 99px;
    padding: 6px 12px;
    font-size: 13px;
    cursor: pointer;
}

.eqt-sview__periods button.is-active {
    background: #29292e;
    color: #f7f7fa;
}

.eqt-sview__bars {
    width: 100%;
    margin: 4px 0 8px;
}

.eqt-sview__bars svg {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 640 / 180;
}

.eqt-sview__bars line {
    stroke: #2a2a32;
    stroke-width: 1;
}

.eqt-sview__bars text {
    fill: #7e8aa0;
    font-size: 11px;
}

.eqt-sview__riskhead {
    margin: 22px 0 14px;
}

.eqt-sview__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.eqt-sview__card-head h3 {
    margin: 0;
    font-size: 18px;
}

.eqt-sview__card-head i {
    color: var(--eqt-text-dim);
}

.eqt-sview__risk-row {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    margin: 8px 0 16px;
}

.eqt-sview__risk-row > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eqt-sview__risk-row span {
    color: #9c9cab;
    font-size: 13px;
}

.eqt-sview__risk-row strong {
    font-size: 22px;
    font-weight: 500;
}

.eqt-sview__equity {
    background: #101012;
}

.eqt-sview__equity-svg {
    display: block;
    width: 100%;
    height: 210px;
}

.eqt-sview__equity-svg text {
    fill: #7e8aa0;
    font-size: 12px;
}

.eqt-sview__grid {
    stroke: #25252b;
    stroke-width: 1;
    stroke-dasharray: 3 5;
}

.eqt-sview__equity-axis {
    display: flex;
    justify-content: space-between;
    color: #7e8aa0;
    font-size: 11px;
    padding: 0 44px 0 3px;
    margin-top: 2px;
}

.eqt-sview__alloc-bar {
    display: flex;
    height: 8px;
    border-radius: 6px;
    overflow: hidden;
    gap: 3px;
    margin: 6px 0 20px;
}

.eqt-sview__alloc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.eqt-sview__alloc-grid span {
    display: block;
    font-size: 12px;
    color: var(--eqt-text-muted);
}

.eqt-sview__alloc-grid strong {
    display: block;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 650;
    color: #f0f3f8;
}

.eqt-sview__alloc-grid > div {
    border-left: 2px solid #16c784;
    padding-left: 12px;
}

.eqt-sview__alloc-grid > div:nth-child(2) {
    border-color: #5b91ff;
}

.eqt-sview__alloc-grid > div:nth-child(3) {
    border-color: #ff6a1f;
}

.eqt-sview__alloc-grid > div:nth-child(4) {
    border-color: #b4a2f5;
}

.eqt-sview__notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 18px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(255, 106, 31, 0.08);
    border: 1px solid rgba(255, 106, 31, 0.28);
    font-size: 13px;
    line-height: 1.5;
    color: var(--eqt-text);
}

.eqt-sview__notice i {
    color: var(--eqt-accent);
    margin-top: 2px;
}

.eqt-sview__timeline {
    border-left: 1px solid var(--eqt-border);
    margin: 18px 0 6px 7px;
    padding-left: 22px;
}

.eqt-sview__timeline > div {
    position: relative;
    margin-bottom: 22px;
}

.eqt-sview__timeline > div:last-child {
    margin-bottom: 0;
}

.eqt-sview__timeline > div:before {
    content: '';
    position: absolute;
    left: -27px;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--eqt-accent);
    box-shadow: 0 0 0 4px var(--eqt-surface);
}

.eqt-sview__timeline h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.eqt-sview__faqbox {
    margin-top: 24px;
}

.eqt-sview__faqbox details {
    border-bottom: 1px solid var(--eqt-border);
    padding: 16px 0;
}

.eqt-sview__faqbox details:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.eqt-sview__faqbox summary {
    cursor: pointer;
    color: #d9dfeb;
    font-size: 14px;
    font-weight: 600;
    list-style: none;
}

.eqt-sview__faqbox summary::-webkit-details-marker {
    display: none;
}

.eqt-sview__faqbox p {
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--eqt-text-muted);
}

.eqt-sview__card > h3 {
    font-size: 18px;
    margin: 0 0 14px;
}

@media (min-width: 981px) {
    .eqt-sview__side > .eqt-sview__card:first-child {
        position: sticky;
        top: 24px;
    }
}

@media (max-width: 390px) {
    .eqt-sview__stats {
        gap: 9px;
    }

    .eqt-sview__stats span {
        font-size: 11px;
    }

    .eqt-sview__stats strong,
    .eqt-sview__stats > div:first-child strong {
        font-size: 14px;
    }

    .eqt-sview__risk-row span {
        font-size: 11px;
    }

    .eqt-sview__risk-row strong {
        font-size: 18px;
    }
}

.eqt-field--full {
    grid-column: 1 / -1;
}

.eqt-prov-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.eqt-prov-info .eqt-panel i {
    color: var(--eqt-accent);
    margin-bottom: 10px;
}

.eqt-prov-info h3 {
    margin: 0 0 6px;
    font-size: 15px;
}

.eqt-prov-info p {
    margin: 0;
    font-size: 13px;
    color: var(--eqt-text-muted);
    line-height: 1.5;
}

.eqt-prov-form .eqt-panel {
    margin-bottom: 16px;
}

.eqt-wiz__step[hidden] {
    display: none !important;
}

.eqt-prov-form[data-step="1"] #eqtProvPrev,
.eqt-prov-form[data-step="3"] #eqtProvNext {
    display: none !important;
}

#eqtProvSubmit {
    margin-top: 8px;
}

.eqt-wiz__nav {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
}

.eqt-wiz__nav .eqt-btn {
    min-width: 120px;
}

.eqt-wiz__nav .eqt-btn--ghost {
    margin-right: auto;
}

@media (max-width: 700px) {
    .eqt-wiz__nav {
        flex-wrap: wrap;
    }

    .eqt-wiz__nav .eqt-btn {
        min-width: 0;
        flex: 1;
    }

    .eqt-wiz__nav .eqt-btn--ghost {
        margin-right: 0;
        flex: 0 0 100%;
        order: 2;
    }
}

.eqt-prov-form .eqt-mini {
    margin: 6px 0 16px;
}

.eqt-prov-status {
    text-align: center;
    padding: 36px 20px;
}

.eqt-prov-status__icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 24px;
    margin-bottom: 14px;
}

.eqt-prov-status__icon.is-ok {
    background: rgba(22, 199, 132, 0.14);
    color: #16c784;
}

.eqt-prov-status__icon.is-pending {
    background: rgba(245, 193, 108, 0.14);
    color: #f5c16c;
}

.eqt-prov-status__pill {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

.eqt-prov-status__pill.is-ok {
    background: rgba(22, 199, 132, 0.14);
    color: #16c784;
}

.eqt-prov-status__pill.is-pending {
    background: rgba(245, 193, 108, 0.14);
    color: #f5c16c;
}

.eqt-prov-status h2 {
    margin: 0 0 8px;
    font-size: 22px;
}

.eqt-prov-status p {
    margin: 0 auto 18px;
    max-width: 480px;
    color: var(--eqt-text-muted);
}

@media (max-width: 900px) {
    .eqt-prov-info {
        grid-template-columns: 1fr 1fr;
    }

    .eqt-sview__stats {
        grid-template-columns: 1.15fr 1fr 1fr 1fr;
        gap: 13px;
    }

    .eqt-sview__stats span {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .eqt-sview__stats strong,
    .eqt-sview__stats > div:first-child strong {
        font-size: 15px;
    }

    .eqt-page--sview .eqt-topbar__sub,
    .eqt-page--sview .eqt-topbar__actions a:not(.eqt-sview-help) {
        display: none;
    }

    .eqt-page--sview .eqt-topbar__title {
        font-size: 18px;
        font-weight: 700;
    }

    .eqt-sview__actions {
        display: none;
    }

    .eqt-sdir__facts {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .eqt-prov-info,
    .eqt-form-grid {
        grid-template-columns: 1fr;
    }

    .eqt-sview__id {
        align-items: center;
        gap: 15px;
    }

    .eqt-sview__ico {
        width: 52px;
        height: 62px;
        border-radius: 15px;
    }

    .eqt-sview__lead {
        font-size: 14px;
        margin: 20px 0 24px;
    }

    .eqt-sview__h2,
    .eqt-sview__perfhead h2,
    .eqt-sview__riskhead {
        font-size: 17px;
    }

    .eqt-sview__risk-row {
        gap: 12px;
    }

    .eqt-sview__risk-row strong {
        font-size: 20px;
    }

    .eqt-sview__risk-row > div:last-child {
        text-align: right;
    }

    .eqt-sview__bars svg {
        height: auto;
    }
}

.eqt-disc {
    color: #fff;
}

.eqt-disc__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.eqt-disc__head strong {
    display: block;
    font-size: 34px;
    font-weight: 650;
    letter-spacing: -0.04em;
    line-height: 1.05;
}

.eqt-disc__head span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #8e8e93;
}

.eqt-disc__funds {
    flex-shrink: 0;
    height: 36px;
    padding: 0 16px;
    border-radius: 999px;
    background: #ff6a1f;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.eqt-disc__nav {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.eqt-disc__tabs {
    display: flex;
    flex: 1;
    gap: 24px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    border-bottom: 1px solid #2c2c2e;
}

.eqt-disc__tabs button {
    position: relative;
    flex: 0 0 auto;
    padding: 10px 0 12px;
    border: 0;
    background: none;
    color: #8e8e93;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.eqt-disc__tabs button.is-active {
    color: #fff;
    font-weight: 600;
}

.eqt-disc__tabs button.is-active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #fff;
}

.eqt-disc__find {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-bottom: 2px;
    color: #fff;
    background: transparent;
}

.eqt-disc__search {
    margin: 12px 0 0;
    background: #1c1c1e !important;
    border-color: transparent !important;
}

.eqt-disc__sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 28px 0 16px;
    color: #fff;
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -0.03em;
}

.eqt-disc__sec i {
    font-size: 12px;
    color: #636366;
}

.eqt-disc__feat {
    background: #1c1c1e;
    border: 0;
    border-radius: 20px;
    padding: 18px 16px 20px;
}

.eqt-disc__feat-top {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eqt-disc__feat-top > div {
    min-width: 0;
    flex: 1;
}

.eqt-disc__feat-top h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
    letter-spacing: -0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eqt-disc__feat-top p {
    margin: 2px 0 0;
    font-size: 13px;
    color: #8e8e93;
}

.eqt-disc__avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.eqt-disc__avatar.is-sm {
    width: 34px;
    height: 34px;
}

.eqt-disc__avatar.is-fallback {
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 13px;
}

.eqt-disc__copy {
    margin-left: auto;
    height: 32px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #111 !important;
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.eqt-disc__copy.is-disabled {
    opacity: 0.45;
    pointer-events: none;
}

.eqt-disc__feat-metrics {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 28px;
}

.eqt-disc__feat-metrics span {
    display: block;
    font-size: 13px;
    color: #8e8e93;
    margin-bottom: 8px;
}

.eqt-disc__feat-metrics strong {
    font-size: 26px;
    font-weight: 650;
    letter-spacing: -0.03em;
}

.eqt-disc__pct.is-up {
    color: #16c784;
}

.eqt-disc__pct.is-down {
    color: #ea3943;
}

.eqt-disc__feat-metrics .is-end {
    text-align: right;
}

.eqt-disc__pills {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 2px 0 16px;
}

.eqt-disc__pills button {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: none;
    color: #8e8e93;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

.eqt-disc__pills button.is-active {
    color: #fff;
    font-weight: 600;
}

.eqt-disc__board.is-copy .eqt-disc__pills,
.eqt-disc__board.is-copy .eqt-disc__cols {
    display: none;
}

.eqt-disc__cols {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 13px;
    color: #8e8e93;
}

.eqt-disc__row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 0;
    color: inherit;
    border: 0;
}

.eqt-disc__row-body {
    min-width: 0;
    flex: 1;
}

.eqt-disc__row-body strong {
    display: block;
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eqt-disc__row-body span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: 12px;
    color: #8e8e93;
}

.eqt-disc__row-stats {
    text-align: right;
    flex-shrink: 0;
}

.eqt-disc__row-stats b {
    display: block;
    font-size: 15px;
    font-weight: 650;
}

.eqt-disc__row-stats em {
    display: block;
    margin-top: 4px;
    font-style: normal;
    font-size: 13px;
    font-weight: 650;
    color: #8e8e93;
}

.eqt-disc__provider {
    display: block;
    margin: 28px 0 4px;
    text-align: center;
    color: #8e8e93;
    font-size: 13px;
}

@media (max-width: 900px) {
    .eqt-disc__nav {
        position: sticky;
        top: 56px;
        z-index: 50;
        margin: 0 -16px 6px;
        padding: 0 16px;
        background: #000;
    }

    .eqt-slib-filter-btn {
        display: none;
    }
}

/* ---------- Marketplace sell ---------- */
.eqt-sell .eqt-form-grid {
    margin-bottom: 0;
}

.eqt-sell__aside {
    position: sticky;
    top: 84px;
    height: fit-content;
}

.eqt-sell__aside .eqt-field {
    margin-bottom: 12px;
}

.eqt-sell__split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 4px 0 16px;
}

.eqt-sell__split > div {
    background: var(--eqt-bg);
    border: 1px solid var(--eqt-border);
    border-radius: 16px;
    padding: 14px 12px;
}

.eqt-sell__split span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--eqt-text-dim);
}

.eqt-sell__split strong {
    display: block;
    margin-top: 6px;
    font-size: 22px;
    letter-spacing: -0.03em;
}

.eqt-sell__split .is-you {
    border-color: #4d3323;
    background: #1c1612;
}

.eqt-sell__split .is-you strong {
    color: var(--eqt-accent);
}

@media (max-width: 760px) {
    .eqt-sell__aside {
        position: static;
    }
}

/* Transfer OTP + success receipt */
.eqt-otp {
    max-width: 420px;
    margin: 36px auto 0;
    padding: 8px 4px 40px;
}

.eqt-otp__title {
    margin: 0 0 10px;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.eqt-otp__lead {
    margin: 0 0 28px;
    color: var(--eqt-text-muted);
    font-size: 15px;
    line-height: 1.55;
}

.eqt-otp__lead span {
    display: block;
    margin-top: 8px;
}

.eqt-otp__boxes {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.eqt-otp__box {
    aspect-ratio: 1;
    width: 100%;
    min-height: 52px;
    border: 0;
    border-radius: 10px;
    background: #d8d8d8;
    color: #111;
    font: inherit;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    caret-color: var(--eqt-accent);
}

.eqt-otp__box:focus {
    outline: 2px solid var(--eqt-accent);
    outline-offset: 2px;
}

.eqt-otp__verify {
    width: 100%;
    margin-top: 18px;
    min-height: 52px;
    border: 0;
    border-radius: 12px;
    background: #2a2a2a;
    color: #8a8a8a;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    cursor: not-allowed;
}

.eqt-otp__verify.is-ready {
    background: var(--eqt-accent);
    color: #fff;
    cursor: pointer;
}

.eqt-otp__resend {
    margin-top: 28px;
    text-align: center;
    color: var(--eqt-text-muted);
    font-size: 14px;
    line-height: 1.6;
}

[data-xfer-otp] .eqt-otp__lead {
    margin: 0 0 18px;
    font-size: 14px;
}

[data-xfer-otp] .eqt-otp__boxes {
    margin-bottom: 4px;
}

[data-xfer-otp] .eqt-otp__verify {
    border-radius: 14px;
}

#eqtXferSendCode,
.eqt-otp__resend button {
    display: inline;
    border: 0;
    padding: 0;
    background: none;
    color: #6ea8ff;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

#eqtXferSendCode:disabled,
.eqt-otp__resend button:disabled {
    color: var(--eqt-text-muted);
    text-decoration: none;
    cursor: not-allowed;
}

.eqt-otp__resend-form {
    display: inline;
}

.eqt-otp__resend-form button {
    border: 0;
    padding: 0;
    background: none;
    color: var(--eqt-accent);
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

body.eqt-page--otp .eqt-bottomnav,
body.eqt-page--done .eqt-bottomnav {
    display: none;
}

.eqt-done {
    max-width: 440px;
    margin: 48px auto 24px;
    padding: 48px 28px 32px;
    text-align: center;
    background: #141416;
    border: 1px solid #252528;
    border-radius: 20px;
}

.eqt-done .eqt-status {
    margin: 0 auto 10px;
}

.eqt-done__icon {
    width: 112px;
    height: 112px;
    margin: 0 auto 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(22, 199, 132, 0.14);
    color: #16c784;
    font-size: 64px;
    box-shadow: 0 0 0 14px rgba(22, 199, 132, 0.08);
}

.eqt-done__title {
    margin: 12px 0 8px;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.25;
}

.eqt-done__lead {
    margin: 0 0 16px;
    color: var(--eqt-text-muted);
    font-size: 15px;
}

.eqt-done__ref {
    margin: 0 auto 22px;
    padding: 10px 14px;
    border-radius: 10px;
    background: #0c0c0e;
    border: 1px solid #252528;
    color: var(--eqt-text-muted);
    font-size: 13px;
    word-break: break-all;
}

.eqt-done__cta {
    margin-top: 4px;
}

.eqt-welcome {
    z-index: 120;
}

.eqt-welcome .eqt-modal__scrim {
    background: rgba(0, 0, 0, 0.72);
}

.eqt-welcome__box {
    width: min(720px, calc(100% - 24px));
    max-height: min(90vh, 880px);
    margin: 5vh auto 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.eqt-welcome__form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: min(90vh, 880px);
}

.eqt-welcome__scroll {
    overflow: auto;
    padding: 28px 28px 12px;
    color: var(--eqt-text-muted);
    font-size: 14.5px;
    line-height: 1.6;
}

.eqt-welcome__scroll h2 {
    margin: 0 0 10px;
    color: var(--eqt-text);
    font-size: 26px;
    line-height: 1.2;
}

.eqt-welcome__scroll h3 {
    margin: 22px 0 8px;
    color: var(--eqt-text);
    font-size: 16px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.eqt-welcome__scroll p {
    margin: 0 0 12px;
}

.eqt-welcome__kicker {
    margin: 0 0 8px;
    color: var(--eqt-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.eqt-welcome__lead {
    color: var(--eqt-text);
    font-weight: 650;
}

.eqt-welcome__markets {
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 106, 31, 0.08);
    border: 1px solid rgba(255, 106, 31, 0.18);
    color: #ffb088;
    font-weight: 600;
}

.eqt-welcome__list {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
}

.eqt-welcome__list li {
    margin: 0 0 10px;
    padding-inline-start: 14px;
    position: relative;
}

.eqt-welcome__list li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--eqt-accent);
}

.eqt-welcome__list strong {
    display: block;
    color: var(--eqt-text);
    margin-bottom: 2px;
}

.eqt-welcome__phase {
    color: var(--eqt-text);
    font-weight: 650;
}

.eqt-welcome__warn {
    margin: 18px 0 8px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(245, 166, 35, 0.1);
    border: 1px solid rgba(245, 166, 35, 0.22);
}

.eqt-welcome__warn strong {
    display: block;
    margin-bottom: 6px;
    color: var(--eqt-warning);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.eqt-welcome__warn p {
    margin: 0;
    color: var(--eqt-text);
}

.eqt-welcome__foot {
    flex-shrink: 0;
    padding: 16px 28px 22px;
    border-top: 1px solid var(--eqt-border);
    background: var(--eqt-surface);
}

.eqt-welcome__check {
    align-items: flex-start;
    margin-bottom: 14px;
    color: var(--eqt-text);
}

.eqt-welcome__check input {
    margin-top: 2px;
    flex-shrink: 0;
}

.eqt-welcome__error {
    margin: -6px 0 12px;
    color: var(--eqt-negative);
    font-size: 13px;
}

.eqt-welcome__foot .eqt-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .eqt-welcome__box,
    .eqt-welcome__form {
        max-height: none;
    }

    .eqt-modal--sheet.eqt-welcome .eqt-welcome__box {
        left: 0;
        right: 0;
        inset-inline: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;
        border-start-start-radius: 22px;
        border-start-end-radius: 22px;
        border-end-start-radius: 0;
        border-end-end-radius: 0;
    }

    .eqt-welcome__scroll,
    .eqt-welcome__foot {
        padding-left: 18px;
        padding-right: 18px;
    }

    .eqt-welcome__scroll h2 {
        font-size: 22px;
    }
}