@import '_content/Blazicons/Blazicons.886t4n1lry.bundle.scp.css';

/* /Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
.twofa-login-shell[b-e5rrcw05ge] {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 84px);
    align-items: center;
    justify-content: center;
    padding: 56px 24px 80px;
}

.twofa-login-card[b-e5rrcw05ge] {
    width: 100%;
    max-width: 470px;
    padding: 34px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 22px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.98), rgba(12, 23, 41, 0.98) );
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
}

.twofa-login-icon[b-e5rrcw05ge] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid rgba(96, 165, 250, 0.15);
    border-radius: 12px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.08);
}

.twofa-login-eyebrow[b-e5rrcw05ge] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.twofa-login-card h1[b-e5rrcw05ge] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 30px;
    font-weight: 950;
    letter-spacing: -0.4px;
}

.twofa-login-description[b-e5rrcw05ge] {
    margin: 10px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.6;
}

.twofa-login-message[b-e5rrcw05ge] {
    margin-top: 20px;
    padding: 12px 14px;
    border: 1px solid rgba(248, 113, 113, 0.14);
    border-radius: 11px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.05);
    font-size: 12px;
}

.twofa-login-field[b-e5rrcw05ge] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

    .twofa-login-field label[b-e5rrcw05ge] {
        color: #8395ad;
        font-size: 11px;
        font-weight: 800;
    }

[b-e5rrcw05ge] .twofa-login-input {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid rgba(96, 165, 250, 0.15);
    border-radius: 11px;
    outline: none;
    color: #f8fafc;
    background: rgba(7, 18, 35, 0.78);
    font-family: inherit;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 5px;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

    [b-e5rrcw05ge] .twofa-login-input::placeholder {
        color: #536681;
    }

    [b-e5rrcw05ge] .twofa-login-input:focus {
        border-color: rgba(96, 165, 250, 0.50);
        background: rgba(7, 18, 35, 0.95);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

[b-e5rrcw05ge] .twofa-login-validation {
    color: #f87171;
    font-size: 10px;
    font-weight: 750;
}

.twofa-login-remember[b-e5rrcw05ge] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 15px;
    color: #8294ad;
    font-size: 12px;
    cursor: pointer;
}

.twofa-login-button[b-e5rrcw05ge] {
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.twofa-login-recovery[b-e5rrcw05ge] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 22px;
    color: #71839c;
    font-size: 11px;
}

.twofa-login-recovery-link[b-e5rrcw05ge] {
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

    .twofa-login-recovery-link:hover[b-e5rrcw05ge] {
        text-decoration: underline;
    }

@media (max-width: 600px) {

    .twofa-login-shell[b-e5rrcw05ge] {
        align-items: flex-start;
        padding-top: 32px;
    }

    .twofa-login-card[b-e5rrcw05ge] {
        padding: 26px 22px;
    }

        .twofa-login-card h1[b-e5rrcw05ge] {
            font-size: 26px;
        }

    .twofa-login-recovery[b-e5rrcw05ge] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Account/Pages/LoginWithRecoveryCode.razor.rz.scp.css */
.recovery-login-shell[b-3rgo32xqg9] {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 84px);
    align-items: center;
    justify-content: center;
    padding: 56px 24px 80px;
}

.recovery-login-card[b-3rgo32xqg9] {
    width: 100%;
    max-width: 470px;
    padding: 34px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 22px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.98), rgba(12, 23, 41, 0.98) );
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
}

.recovery-login-icon[b-3rgo32xqg9] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid rgba(96, 165, 250, 0.15);
    border-radius: 12px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.08);
}

.recovery-login-eyebrow[b-3rgo32xqg9] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.recovery-login-card h1[b-3rgo32xqg9] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 30px;
    font-weight: 950;
}

.recovery-login-description[b-3rgo32xqg9] {
    margin: 10px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.6;
}

.recovery-login-message[b-3rgo32xqg9] {
    margin-top: 20px;
    padding: 12px 14px;
    border: 1px solid rgba(248, 113, 113, 0.14);
    border-radius: 11px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.05);
    font-size: 12px;
}

.recovery-login-field[b-3rgo32xqg9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

    .recovery-login-field label[b-3rgo32xqg9] {
        color: #8395ad;
        font-size: 11px;
        font-weight: 800;
    }

[b-3rgo32xqg9] .recovery-login-input {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border: 1px solid rgba(96, 165, 250, 0.15);
    border-radius: 11px;
    outline: none;
    color: #f8fafc;
    background: rgba(7, 18, 35, 0.78);
    font-family: inherit;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    [b-3rgo32xqg9] .recovery-login-input:focus {
        border-color: rgba(96, 165, 250, 0.50);
        background: rgba(7, 18, 35, 0.95);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

[b-3rgo32xqg9] .recovery-login-validation {
    color: #f87171;
    font-size: 10px;
    font-weight: 750;
}

.recovery-login-button[b-3rgo32xqg9] {
    display: inline-flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.recovery-login-footer[b-3rgo32xqg9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 22px;
    color: #71839c;
    font-size: 11px;
}

.recovery-login-link[b-3rgo32xqg9] {
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

    .recovery-login-link:hover[b-3rgo32xqg9] {
        text-decoration: underline;
    }

@media (max-width: 600px) {

    .recovery-login-shell[b-3rgo32xqg9] {
        align-items: flex-start;
        padding-top: 32px;
    }

    .recovery-login-card[b-3rgo32xqg9] {
        padding: 26px 22px;
    }

    .recovery-login-footer[b-3rgo32xqg9] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.account-manage-card[b-0epql6cgrb] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-0epql6cgrb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-0epql6cgrb] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-0epql6cgrb] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-0epql6cgrb] {
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.5;
}

.account-password-message[b-0epql6cgrb] {
    margin-top: 20px;
    padding: 12px 14px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 11px;
    color: #a7b6ca;
    background: rgba(59, 130, 246, 0.05);
    font-size: 12px;
    line-height: 1.5;
}

.account-password-grid[b-0epql6cgrb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

    .account-password-grid .account-form-field:last-child[b-0epql6cgrb] {
        grid-column: 1 / -1;
        max-width: 50%;
    }

.account-form-field[b-0epql6cgrb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .account-form-field label[b-0epql6cgrb] {
        color: #8395ad;
        font-size: 11px;
        font-weight: 800;
    }

[b-0epql6cgrb] .account-form-input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 15px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 11px;
    outline: none;
    color: #eaf1fb;
    background: rgba(7, 18, 35, 0.72);
    font-family: inherit;
    font-size: 14px;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

    [b-0epql6cgrb] .account-form-input::placeholder {
        color: #566a86;
    }

    [b-0epql6cgrb] .account-form-input:focus {
        border-color: rgba(96, 165, 250, 0.50);
        background: rgba(7, 18, 35, 0.92);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

[b-0epql6cgrb] .account-form-validation {
    color: #f87171;
    font-size: 10px;
    font-weight: 750;
}

.account-password-hint[b-0epql6cgrb] {
    margin-top: 14px;
    color: #657790;
    font-size: 11px;
    line-height: 1.5;
}

.account-form-save-button[b-0epql6cgrb] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 760px) {

    .account-password-grid[b-0epql6cgrb] {
        grid-template-columns: 1fr;
    }

        .account-password-grid .account-form-field:last-child[b-0epql6cgrb] {
            grid-column: auto;
            max-width: none;
        }
}
/* /Components/Account/Pages/Manage/Disable2fa.razor.rz.scp.css */
.account-manage-card[b-z31s6pf521] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-z31s6pf521] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-z31s6pf521] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-z31s6pf521] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-z31s6pf521] {
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.55;
}

.disable-2fa-warning[b-z31s6pf521] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    margin-top: 24px;
    padding: 18px;
    border: 1px solid rgba(248, 113, 113, 0.14);
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.045);
}

.disable-2fa-icon[b-z31s6pf521] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #f87171;
    background: rgba(239, 68, 68, 0.09);
}

.disable-2fa-warning strong[b-z31s6pf521] {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
}

.disable-2fa-warning p[b-z31s6pf521] {
    max-width: 680px;
    margin: 6px 0 0;
    color: #8d939e;
    font-size: 12px;
    line-height: 1.6;
}

.disable-2fa-info[b-z31s6pf521] {
    margin-top: 14px;
    padding: 16px;
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 11px;
    background: rgba(7, 18, 35, 0.50);
}

    .disable-2fa-info > span[b-z31s6pf521] {
        color: #60a5fa;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 1px;
    }

    .disable-2fa-info ul[b-z31s6pf521] {
        margin: 10px 0 0;
        padding-left: 20px;
        color: #8294ad;
        font-size: 12px;
        line-height: 1.8;
    }

.disable-2fa-actions[b-z31s6pf521] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.disable-2fa-secondary-button[b-z31s6pf521],
.disable-2fa-danger-button[b-z31s6pf521] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}

.disable-2fa-secondary-button[b-z31s6pf521] {
    border: 1px solid rgba(96, 165, 250, 0.13);
    color: #a9bad0 !important;
    background: rgba(59, 130, 246, 0.045);
}

.disable-2fa-danger-button[b-z31s6pf521] {
    border: 1px solid rgba(248, 113, 113, 0.22);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.08);
}

    .disable-2fa-danger-button:hover[b-z31s6pf521] {
        color: #ffffff;
        border-color: rgba(248, 113, 113, 0.32);
        background: rgba(239, 68, 68, 0.13);
    }

@media (max-width: 700px) {

    .disable-2fa-warning[b-z31s6pf521] {
        grid-template-columns: 1fr;
    }

    .disable-2fa-actions[b-z31s6pf521] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
.account-manage-card[b-do7cadj91c] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-do7cadj91c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-do7cadj91c],
.authenticator-step-label[b-do7cadj91c] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-do7cadj91c] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-do7cadj91c] {
    max-width: 680px;
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.55;
}

.authenticator-message[b-do7cadj91c] {
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 11px;
    color: #a9b9ce;
    background: rgba(59, 130, 246, 0.05);
    font-size: 12px;
}

.authenticator-steps[b-do7cadj91c] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 26px;
}

.authenticator-step[b-do7cadj91c] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.018);
}

.authenticator-step-number[b-do7cadj91c] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 10px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.08);
    font-size: 13px;
    font-weight: 950;
}

.authenticator-step-content h2[b-do7cadj91c] {
    margin: 7px 0 0;
    color: #f8fafc;
    font-size: 18px;
    font-weight: 900;
}

.authenticator-step-content > p[b-do7cadj91c] {
    max-width: 660px;
    margin: 7px 0 0;
    color: #7f91aa;
    font-size: 12px;
    line-height: 1.6;
}

.authenticator-secret[b-do7cadj91c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding: 15px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 11px;
    background: rgba(7, 18, 35, 0.60);
}

    .authenticator-secret span[b-do7cadj91c] {
        color: #71839c;
        font-size: 11px;
        font-weight: 800;
    }

    .authenticator-secret code[b-do7cadj91c] {
        color: #dbeafe;
        font-size: 14px;
        font-weight: 850;
        letter-spacing: 1.5px;
    }

.account-form-field[b-do7cadj91c] {
    display: flex;
    max-width: 340px;
    flex-direction: column;
    gap: 8px;
    margin-top: 18px;
}

    .account-form-field label[b-do7cadj91c] {
        color: #8395ad;
        font-size: 11px;
        font-weight: 800;
    }

[b-do7cadj91c] .account-form-input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 15px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 11px;
    outline: none;
    color: #eaf1fb;
    background: rgba(7, 18, 35, 0.72);
    font-family: inherit;
    font-size: 14px;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

[b-do7cadj91c] .authenticator-code-input {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 5px;
}

[b-do7cadj91c] .account-form-input::placeholder {
    color: #52647d;
}

[b-do7cadj91c] .account-form-input:focus {
    border-color: rgba(96, 165, 250, 0.50);
    background: rgba(7, 18, 35, 0.92);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
}

[b-do7cadj91c] .account-form-validation {
    color: #f87171;
    font-size: 10px;
    font-weight: 750;
}

.authenticator-primary-button[b-do7cadj91c] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}

.authenticator-recovery-card[b-do7cadj91c] {
    margin-top: 26px;
    padding: 20px;
    border: 1px solid rgba(34, 197, 94, 0.14);
    border-radius: 15px;
    background: rgba(34, 197, 94, 0.035);
}

    .authenticator-recovery-card h2[b-do7cadj91c] {
        margin: 7px 0 0;
        color: #f8fafc;
        font-size: 20px;
        font-weight: 900;
    }

    .authenticator-recovery-card p[b-do7cadj91c] {
        max-width: 650px;
        margin: 8px 0 0;
        color: #8294ad;
        font-size: 12px;
        line-height: 1.6;
    }

.recovery-codes-grid[b-do7cadj91c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-width: 520px;
    margin-top: 18px;
}

    .recovery-codes-grid code[b-do7cadj91c] {
        padding: 10px 12px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 9px;
        color: #dbeafe;
        background: rgba(7, 18, 35, 0.65);
        font-size: 12px;
        text-align: center;
    }

@media (max-width: 700px) {

    .authenticator-step[b-do7cadj91c] {
        grid-template-columns: 1fr;
    }

    .authenticator-secret[b-do7cadj91c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .recovery-codes-grid[b-do7cadj91c] {
        grid-template-columns: 1fr;
    }
}

.authenticator-secret[b-do7cadj91c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 14px;
    padding: 15px 16px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 11px;
    background: rgba(7, 18, 35, 0.60);
}

    .authenticator-secret > div[b-do7cadj91c] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .authenticator-secret span[b-do7cadj91c] {
        color: #f8fafc;
        font-size: 12px;
        font-weight: 850;
    }

    .authenticator-secret small[b-do7cadj91c] {
        color: #71839c;
        font-size: 10px;
        line-height: 1.5;
    }

    .authenticator-secret code[b-do7cadj91c] {
        color: #dbeafe;
        font-size: 14px;
        font-weight: 850;
        letter-spacing: 1.5px;
        white-space: nowrap;
    }


.authenticator-qr[b-do7cadj91c] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 20px;
    padding: 18px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 12px;
    background: rgba(7, 18, 35, 0.55);
}

.authenticator-qr-image[b-do7cadj91c] {
    width: 160px;
    height: 160px;
    min-width: 160px;
    max-width: 160px;
    padding: 8px;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

    .authenticator-qr-image img[b-do7cadj91c] {
        display: block;
        width: 144px !important;
        height: 144px !important;
        max-width: 144px !important;
        max-height: 144px !important;
        object-fit: contain;
    }

.authenticator-qr-copy[b-do7cadj91c] {
    min-width: 0;
}

    .authenticator-qr-copy strong[b-do7cadj91c] {
        display: block;
        margin-bottom: 6px;
        color: #f8fafc;
        font-size: 14px;
        font-weight: 800;
    }

    .authenticator-qr-copy p[b-do7cadj91c] {
        max-width: 460px;
        margin: 0;
        color: #8294ad;
        font-size: 12px;
        line-height: 1.6;
    }

.authenticator-secret[b-do7cadj91c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 10px;
    background: rgba(7, 18, 35, 0.60);
}

    .authenticator-secret code[b-do7cadj91c] {
        color: #dbeafe;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.2px;
        overflow-wrap: anywhere;
    }
/* /Components/Account/Pages/Manage/GenerateRecoveryCodes.razor.rz.scp.css */
.account-manage-card[b-ndgryqx8ao] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-ndgryqx8ao] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-ndgryqx8ao],
.recovery-label[b-ndgryqx8ao] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-ndgryqx8ao] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-ndgryqx8ao] {
    max-width: 680px;
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.55;
}

.recovery-message[b-ndgryqx8ao] {
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 11px;
    color: #a9b9ce;
    background: rgba(59, 130, 246, 0.05);
    font-size: 12px;
}

.recovery-warning[b-ndgryqx8ao] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    margin-top: 24px;
    padding: 17px;
    border: 1px solid rgba(245, 158, 11, 0.14);
    border-radius: 12px;
    background: rgba(245, 158, 11, 0.045);
}

.recovery-warning-icon[b-ndgryqx8ao] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.09);
}

.recovery-warning strong[b-ndgryqx8ao] {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
}

.recovery-warning p[b-ndgryqx8ao] {
    margin: 5px 0 0;
    color: #8c8d86;
    font-size: 12px;
    line-height: 1.6;
}

.recovery-info[b-ndgryqx8ao] {
    margin-top: 14px;
    padding: 15px 16px;
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 11px;
    background: rgba(7, 18, 35, 0.50);
}

    .recovery-info span[b-ndgryqx8ao] {
        color: #60a5fa;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 1px;
    }

    .recovery-info p[b-ndgryqx8ao] {
        margin: 6px 0 0;
        color: #7689a3;
        font-size: 12px;
        line-height: 1.6;
    }

.recovery-result[b-ndgryqx8ao] {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid rgba(34, 197, 94, 0.14);
    border-radius: 14px;
    background: rgba(34, 197, 94, 0.035);
}

    .recovery-result h2[b-ndgryqx8ao] {
        margin: 7px 0 0;
        color: #f8fafc;
        font-size: 20px;
        font-weight: 900;
    }

    .recovery-result p[b-ndgryqx8ao] {
        max-width: 650px;
        margin: 8px 0 0;
        color: #8294ad;
        font-size: 12px;
        line-height: 1.6;
    }

.recovery-codes-grid[b-ndgryqx8ao] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-width: 520px;
    margin-top: 18px;
}

    .recovery-codes-grid code[b-ndgryqx8ao] {
        padding: 11px 12px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 9px;
        color: #dbeafe;
        background: rgba(7, 18, 35, 0.65);
        font-size: 13px;
        font-weight: 750;
        text-align: center;
    }

.recovery-primary-button[b-ndgryqx8ao] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}

.recovery-actions[b-ndgryqx8ao] {
    display: flex;
    gap: 10px;
}

@media (max-width: 700px) {

    .recovery-warning[b-ndgryqx8ao] {
        grid-template-columns: 1fr;
    }

    .recovery-codes-grid[b-ndgryqx8ao] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
.account-manage-page[b-z9lhomqurp] {
    display: grid;
    max-width: 1180px;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 24px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}

.account-manage-nav[b-z9lhomqurp],
.account-manage-card[b-z9lhomqurp],
.account-subscription-card[b-z9lhomqurp] {
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.account-manage-nav[b-z9lhomqurp] {
    align-self: start;
    padding: 24px;
}

.account-manage-eyebrow[b-z9lhomqurp],
.account-manage-card-eyebrow[b-z9lhomqurp],
.account-subscription-eyebrow[b-z9lhomqurp] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-nav h2[b-z9lhomqurp] {
    margin: 10px 0 0;
    color: #f8fafc;
    font-size: 26px;
    font-weight: 950;
}

.account-manage-nav > p[b-z9lhomqurp] {
    margin: 8px 0 0;
    color: #7f91aa;
    font-size: 13px;
    line-height: 1.6;
}

.account-manage-links[b-z9lhomqurp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 24px;
}

    .account-manage-links a[b-z9lhomqurp] {
        display: flex;
        min-height: 40px;
        align-items: center;
        padding: 0 12px;
        border-radius: 10px;
        color: #91a3bd;
        font-size: 11px;
        font-weight: 780;
        text-decoration: none;
        transition: color 160ms ease, background 160ms ease;
    }

        .account-manage-links a:hover[b-z9lhomqurp],
        .account-manage-links a.active[b-z9lhomqurp] {
            color: #ffffff;
            background: rgba(59, 130, 246, 0.08);
        }

.account-manage-content[b-z9lhomqurp] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.account-manage-card[b-z9lhomqurp],
.account-subscription-card[b-z9lhomqurp] {
    padding: 28px;
}

.account-manage-card-header[b-z9lhomqurp],
.account-subscription-header[b-z9lhomqurp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card h1[b-z9lhomqurp],
.account-subscription-card h2[b-z9lhomqurp] {
    margin: 7px 0 0;
    color: #f8fafc;
    font-size: 24px;
    font-weight: 950;
}

.account-manage-card-header p[b-z9lhomqurp],
.account-subscription-header p[b-z9lhomqurp] {
    margin: 8px 0 0;
    color: #8294ad;
    font-size: 11px;
}

.account-subscription-status[b-z9lhomqurp] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.08);
    font-size: 9px;
    font-weight: 900;
}

.account-subscription-status-active[b-z9lhomqurp] {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.09);
}

.account-subscription-plan[b-z9lhomqurp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

    .account-subscription-plan > div[b-z9lhomqurp] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 15px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.022);
    }

    .account-subscription-plan span[b-z9lhomqurp] {
        color: #6f819a;
        font-size: 11px;
        font-weight: 800;
    }

    .account-subscription-plan strong[b-z9lhomqurp] {
        color: #f8fafc;
        font-size: 12px;
        font-weight: 900;
    }

.account-subscription-button[b-z9lhomqurp] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
    padding: 0 16px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}

.account-subscription-free[b-z9lhomqurp] {
    margin-top: 20px;
}

    .account-subscription-free p[b-z9lhomqurp] {
        max-width: 540px;
        color: #8799b1;
        font-size: 11px;
        line-height: 1.65;
    }

@media (max-width: 820px) {

    .account-manage-page[b-z9lhomqurp] {
        grid-template-columns: 1fr;
    }

    .account-manage-nav[b-z9lhomqurp] {
        position: static;
    }

    .account-subscription-plan[b-z9lhomqurp] {
        grid-template-columns: 1fr;
    }
}

.account-form-grid[b-z9lhomqurp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.account-form-field[b-z9lhomqurp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .account-form-field label[b-z9lhomqurp] {
        color: #8395ad;
        font-size: 10px;
        font-weight: 800;
    }

.account-form-input[b-z9lhomqurp] {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 11px;
    outline: none;
    color: #f8fafc;
    background: rgba(4, 14, 29, 0.55);
    font-size: 12px;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

    .account-form-input:focus[b-z9lhomqurp] {
        border-color: rgba(96, 165, 250, 0.42);
        background: rgba(4, 14, 29, 0.72);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

.account-form-input-disabled[b-z9lhomqurp] {
    color: #7184a0;
    cursor: not-allowed;
    background: rgba(255, 255, 255, 0.025);
}

.account-form-validation[b-z9lhomqurp] {
    color: #f87171;
    font-size: 9px;
    font-weight: 750;
}

.account-form-save-button[b-z9lhomqurp] {
    min-height: 44px;
    margin-top: 20px;
    padding: 0 17px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

@media (max-width: 700px) {
    .account-form-grid[b-z9lhomqurp] {
        grid-template-columns: 1fr;
    }
}
.account-manage-card .account-form-input[b-z9lhomqurp] {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(96, 165, 250, 0.14) !important;
    border-radius: 11px !important;
    outline: none;
    color: #f8fafc !important;
    background: rgba(5, 16, 32, 0.72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
    font-family: inherit;
    font-size: 12px;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

    .account-manage-card .account-form-input[b-z9lhomqurp]::placeholder {
        color: #5f718a;
    }

    .account-manage-card .account-form-input:hover[b-z9lhomqurp] {
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    .account-manage-card .account-form-input:focus[b-z9lhomqurp] {
        border-color: rgba(96, 165, 250, 0.48) !important;
        background: rgba(5, 16, 32, 0.90) !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

    .account-manage-card .account-form-input:disabled[b-z9lhomqurp] {
        color: #72849c !important;
        background: rgba(255, 255, 255, 0.025) !important;
        cursor: not-allowed;
    }

.account-manage-card input.account-form-input[b-z9lhomqurp],
.account-manage-card .account-form-input[b-z9lhomqurp] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-radius: 11px !important;
    outline: none !important;
    color: #f8fafc !important;
    background: rgba(7, 18, 35, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
    font-family: inherit !important;
    font-size: 12px !important;
}

    .account-manage-card input.account-form-input[b-z9lhomqurp]::placeholder {
        color: #64748b !important;
    }

    .account-manage-card input.account-form-input:focus[b-z9lhomqurp] {
        border-color: rgba(96, 165, 250, 0.50) !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08) !important;
    }
.account-manage-card input.account-form-input[b-z9lhomqurp],
.account-manage-card .account-form-input[b-z9lhomqurp] {
    width: 100%;
    min-height: 46px;

    padding: 0 14px;

    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-radius: 11px !important;

    outline: none !important;

    color: #f8fafc !important;

    background:
        rgba(7, 18, 35, 0.92) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;

    font-family: inherit !important;
    font-size: 12px !important;
}

.account-manage-card input.account-form-input[b-z9lhomqurp]::placeholder {
    color: #64748b !important;
}

.account-manage-card input.account-form-input:focus[b-z9lhomqurp] {
    border-color:
        rgba(96, 165, 250, 0.50) !important;

    box-shadow:
        0 0 0 3px rgba(59, 130, 246, 0.08) !important;
}

.account-manage-card input.account-form-input[b-z9lhomqurp],
.account-manage-card .account-form-input[b-z9lhomqurp] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-radius: 11px !important;
    outline: none !important;
    color: #f8fafc !important;
    background: rgba(7, 18, 35, 0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
    font-family: inherit !important;
    font-size: 12px !important;
}

    .account-manage-card input.account-form-input[b-z9lhomqurp]::placeholder {
        color: #64748b !important;
    }

    .account-manage-card input.account-form-input:focus[b-z9lhomqurp] {
        border-color: rgba(96, 165, 250, 0.50) !important;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08) !important;
    }

[b-z9lhomqurp] .account-form-input {
    display: block;
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 11px;
    outline: none;
    color: #eaf1fb;
    background: rgba(7, 18, 35, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
    font-family: inherit;
    font-size: 12px;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

    [b-z9lhomqurp] .account-form-input::placeholder {
        color: #566a86;
    }

    [b-z9lhomqurp] .account-form-input:hover {
        border-color: rgba(96, 165, 250, 0.24);
    }

    [b-z9lhomqurp] .account-form-input:focus {
        border-color: rgba(96, 165, 250, 0.50);
        background: rgba(7, 18, 35, 0.92);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

    [b-z9lhomqurp] .account-form-input:disabled {
        color: #7184a0;
        border-color: rgba(96, 165, 250, 0.10);
        background: rgba(255, 255, 255, 0.018);
        cursor: not-allowed;
    }

.account-manage-eyebrow[b-z9lhomqurp] {
    font-size: 12px;
}

.account-privacy-card[b-z9lhomqurp] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-privacy-eyebrow[b-z9lhomqurp] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-privacy-header h2[b-z9lhomqurp] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 24px;
    font-weight: 950;
}

.account-privacy-header p[b-z9lhomqurp] {
    margin: 8px 0 0;
    color: #8294ad;
    font-size: 13px;
}

.account-privacy-item[b-z9lhomqurp] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    margin-top: 22px;
    padding: 16px;
    border: 1px solid rgba(248, 113, 113, 0.10);
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.025);
}

.account-privacy-icon[b-z9lhomqurp] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #f87171;
    background: rgba(239, 68, 68, 0.08);
}

.account-privacy-content strong[b-z9lhomqurp] {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
}

.account-privacy-content p[b-z9lhomqurp] {
    margin: 6px 0 0;
    color: #7689a3;
    font-size: 12px;
    line-height: 1.6;
}

.account-privacy-content a[b-z9lhomqurp] {
    color: #60a5fa;
    font-weight: 800;
    text-decoration: none;
}

    .account-privacy-content a:hover[b-z9lhomqurp] {
        text-decoration: underline;
    }
/* /Components/Account/Pages/Manage/Passkeys.razor.rz.scp.css */
.account-manage-card[b-4n9tbm7jdo] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-4n9tbm7jdo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-4n9tbm7jdo] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-4n9tbm7jdo] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-4n9tbm7jdo] {
    max-width: 680px;
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.55;
}

.passkeys-section[b-4n9tbm7jdo] {
    margin-top: 24px;
}

.passkeys-section-header[b-4n9tbm7jdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

    .passkeys-section-header h2[b-4n9tbm7jdo] {
        margin: 0;
        color: #f8fafc;
        font-size: 18px;
        font-weight: 900;
    }

    .passkeys-section-header p[b-4n9tbm7jdo] {
        margin: 6px 0 0;
        color: #7f91aa;
        font-size: 12px;
        line-height: 1.55;
    }

.passkeys-list[b-4n9tbm7jdo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
}

.passkey-item[b-4n9tbm7jdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 16px;
    border: 1px solid rgba(96, 165, 250, 0.09);
    border-radius: 12px;
    background: rgba(7, 18, 35, 0.52);
}

.passkey-item-main[b-4n9tbm7jdo] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.passkey-item-icon[b-4n9tbm7jdo] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 10px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.09);
}

.passkey-item-copy[b-4n9tbm7jdo] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

    .passkey-item-copy strong[b-4n9tbm7jdo] {
        color: #f8fafc;
        font-size: 13px;
        font-weight: 900;
    }

    .passkey-item-copy span[b-4n9tbm7jdo] {
        color: #71839c;
        font-size: 10px;
        line-height: 1.4;
    }

.passkeys-empty[b-4n9tbm7jdo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 12px;
    background: rgba(7, 18, 35, 0.50);
}

    .passkeys-empty strong[b-4n9tbm7jdo] {
        display: block;
        color: #f8fafc;
        font-size: 14px;
        font-weight: 900;
    }

    .passkeys-empty p[b-4n9tbm7jdo] {
        max-width: 580px;
        margin: 6px 0 0;
        color: #7689a3;
        font-size: 12px;
        line-height: 1.55;
    }

.passkeys-primary-button[b-4n9tbm7jdo],
.passkeys-secondary-button[b-4n9tbm7jdo],
.passkeys-danger-button[b-4n9tbm7jdo] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}


.passkeys-secondary-button[b-4n9tbm7jdo] {
    border: 1px solid rgba(96, 165, 250, 0.13);
    color: #a9bad0 !important;
    background: rgba(59, 130, 246, 0.045);
}

    .passkeys-secondary-button:hover[b-4n9tbm7jdo] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.24);
    }

.passkeys-danger-button[b-4n9tbm7jdo] {
    border: 1px solid rgba(248, 113, 113, 0.18);
    color: #fca5a5 !important;
    background: rgba(239, 68, 68, 0.06);
}

    .passkeys-danger-button:hover[b-4n9tbm7jdo] {
        color: #ffffff !important;
        border-color: rgba(248, 113, 113, 0.30);
        background: rgba(239, 68, 68, 0.10);
    }

.passkeys-actions[b-4n9tbm7jdo] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.passkeys-message[b-4n9tbm7jdo] {
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 11px;
    color: #a9b9ce;
    background: rgba(59, 130, 246, 0.05);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 760px) {

    .account-manage-card-header[b-4n9tbm7jdo],
    .passkeys-empty[b-4n9tbm7jdo],
    .passkey-item[b-4n9tbm7jdo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .passkey-item[b-4n9tbm7jdo] {
        justify-content: flex-start;
    }
}

.passkeys-primary-button[b-4n9tbm7jdo] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.15);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

    .passkeys-primary-button:hover[b-4n9tbm7jdo] {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.40);
        box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22);
    }

    .passkeys-primary-button:active[b-4n9tbm7jdo] {
        transform: translateY(0);
    }

    .passkeys-primary-button:focus-visible[b-4n9tbm7jdo] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16), 0 8px 22px rgba(37, 99, 235, 0.15);
    }
/* /Components/Account/Pages/Manage/PortfolioHub.razor.rz.scp.css */
/* =========================================
   PORTFOLIO
   ========================================= */

.account-portfolio[b-f7ek1ynrwd] {
    width: 100%;
    max-width: 920px;
}


/* =========================================
   HEADER
   ========================================= */

.account-portfolio-header[b-f7ek1ynrwd] {
    margin-bottom: 28px;
}

.account-portfolio-eyebrow[b-f7ek1ynrwd] {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent, #8b5cf6);
}

.account-portfolio-header h1[b-f7ek1ynrwd] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    font-weight: 700;
    line-height: 1.15;
}

.account-portfolio-header p[b-f7ek1ynrwd] {
    max-width: 680px;
    margin: 10px 0 0;
    line-height: 1.65;
    opacity: 0.68;
}


/* =========================================
   LOADING
   ========================================= */

.account-portfolio-loading[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 120px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

    .account-portfolio-loading svg[b-f7ek1ynrwd] {
        animation: portfolio-spin-b-f7ek1ynrwd 0.8s linear infinite;
    }


/* =========================================
   CONNECT CARD
   ========================================= */

.portfolio-connect-card[b-f7ek1ynrwd] {
    position: relative;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    background: radial-gradient( circle at top right, rgba(139, 92, 246, 0.10), transparent 35% ), rgba(255, 255, 255, 0.025);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}


/* =========================================
   PROVIDER ICON
   ========================================= */

.portfolio-connect-icon[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    border: 1px solid rgba(139, 92, 246, 0.24);
    border-radius: 14px;
    color: #a78bfa;
    background: rgba(139, 92, 246, 0.10);
}


/* =========================================
   CONNECT COPY
   ========================================= */

.portfolio-connect-copy[b-f7ek1ynrwd] {
    margin-bottom: 24px;
}

.portfolio-connect-provider[b-f7ek1ynrwd] {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #a78bfa;
}

.portfolio-connect-copy h2[b-f7ek1ynrwd] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 650;
}

.portfolio-connect-copy p[b-f7ek1ynrwd] {
    max-width: 620px;
    margin: 8px 0 0;
    line-height: 1.6;
    opacity: 0.68;
}


/* =========================================
   SECURITY NOTE
   ========================================= */

.portfolio-security-note[b-f7ek1ynrwd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 26px;
    padding: 15px 17px;
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: 14px;
    background: rgba(34, 197, 94, 0.055);
}

    .portfolio-security-note > svg[b-f7ek1ynrwd] {
        flex: 0 0 auto;
        margin-top: 2px;
        color: #4ade80;
    }

    .portfolio-security-note div[b-f7ek1ynrwd] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .portfolio-security-note strong[b-f7ek1ynrwd] {
        font-size: 0.88rem;
        font-weight: 650;
    }

    .portfolio-security-note span[b-f7ek1ynrwd] {
        font-size: 0.82rem;
        line-height: 1.5;
        opacity: 0.7;
    }


/* =========================================
   FORM
   ========================================= */

.portfolio-connect-form[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.portfolio-field[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .portfolio-field label[b-f7ek1ynrwd] {
        font-size: 0.82rem;
        font-weight: 600;
        opacity: 0.82;
    }

    .portfolio-field input[b-f7ek1ynrwd] {
        width: 100%;
        min-height: 46px;
        padding: 0 14px;
        border: 1px solid rgba(255, 255, 255, 0.10);
        border-radius: 11px;
        outline: none;
        color: inherit;
        background: rgba(0, 0, 0, 0.16);
        font: inherit;
        transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
    }

        .portfolio-field input[b-f7ek1ynrwd]::placeholder {
            color: inherit;
            opacity: 0.32;
        }

        .portfolio-field input:hover[b-f7ek1ynrwd] {
            border-color: rgba(255, 255, 255, 0.17);
        }

        .portfolio-field input:focus[b-f7ek1ynrwd] {
            border-color: rgba(139, 92, 246, 0.72);
            box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);
            background: rgba(0, 0, 0, 0.22);
        }


/* =========================================
   ERROR
   ========================================= */

.portfolio-error[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid rgba(239, 68, 68, 0.20);
    border-radius: 11px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.07);
    font-size: 0.84rem;
}


/* =========================================
   CONNECT BUTTON
   ========================================= */

.portfolio-connect-button[b-f7ek1ynrwd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    margin-top: 2px;
    padding: 0 20px;
    border: 0;
    border-radius: 11px;
    cursor: pointer;
    color: #ffffff;
    background: linear-gradient( 135deg, #7c3aed, #9333ea );
    font: inherit;
    font-size: 0.9rem;
    font-weight: 650;
    box-shadow: 0 10px 30px rgba(124, 58, 237, 0.20);
    transition: transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

    .portfolio-connect-button:hover:not(:disabled)[b-f7ek1ynrwd] {
        transform: translateY(-1px);
        box-shadow: 0 14px 34px rgba(124, 58, 237, 0.28);
    }

    .portfolio-connect-button:active:not(:disabled)[b-f7ek1ynrwd] {
        transform: translateY(0);
    }

    .portfolio-connect-button:disabled[b-f7ek1ynrwd] {
        cursor: not-allowed;
        opacity: 0.55;
    }

        .portfolio-connect-button:disabled svg[b-f7ek1ynrwd] {
            animation: portfolio-spin-b-f7ek1ynrwd 0.8s linear infinite;
        }


/* =========================================
   CONNECTED CARD
   ========================================= */

.portfolio-connected-card[b-f7ek1ynrwd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 26px;
    border: 1px solid rgba(34, 197, 94, 0.16);
    border-radius: 20px;
    background: radial-gradient( circle at top right, rgba(34, 197, 94, 0.07), transparent 38% ), rgba(255, 255, 255, 0.025);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.16);
}

.portfolio-connected-main[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.portfolio-connected-icon[b-f7ek1ynrwd] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(34, 197, 94, 0.20);
    border-radius: 50%;
    color: #4ade80;
    background: rgba(34, 197, 94, 0.08);
}

.portfolio-connected-status[b-f7ek1ynrwd] {
    display: inline-block;
    margin-bottom: 3px;
    color: #4ade80;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portfolio-connected-main h2[b-f7ek1ynrwd] {
    margin: 0;
    font-size: 1.25rem;
}

.portfolio-connected-main p[b-f7ek1ynrwd] {
    margin: 5px 0 0;
    font-size: 0.85rem;
    opacity: 0.65;
}


/* =========================================
   SYNC INFORMATION
   ========================================= */

.portfolio-connected-meta[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 150px;
}

    .portfolio-connected-meta span[b-f7ek1ynrwd] {
        font-size: 0.72rem;
        opacity: 0.52;
    }

    .portfolio-connected-meta strong[b-f7ek1ynrwd] {
        font-size: 0.84rem;
        font-weight: 600;
    }


/* =========================================
   DISCONNECT
   ========================================= */

.portfolio-disconnect-button[b-f7ek1ynrwd] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    justify-self: flex-start;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid rgba(239, 68, 68, 0.20);
    border-radius: 10px;
    cursor: pointer;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.055);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

    .portfolio-disconnect-button:hover:not(:disabled)[b-f7ek1ynrwd] {
        border-color: rgba(239, 68, 68, 0.34);
        background: rgba(239, 68, 68, 0.10);
        transform: translateY(-1px);
    }

    .portfolio-disconnect-button:disabled[b-f7ek1ynrwd] {
        cursor: not-allowed;
        opacity: 0.5;
    }


/* =========================================
   ANIMATION
   ========================================= */

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


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 720px) {

    .portfolio-connect-card[b-f7ek1ynrwd] {
        padding: 21px;
        border-radius: 17px;
    }

    .portfolio-connected-card[b-f7ek1ynrwd] {
        grid-template-columns: 1fr;
        padding: 21px;
    }

    .portfolio-connected-meta[b-f7ek1ynrwd] {
        padding-top: 4px;
    }

    .portfolio-disconnect-button[b-f7ek1ynrwd] {
        grid-column: auto;
        justify-self: stretch;
    }

    .portfolio-connect-button[b-f7ek1ynrwd] {
        width: 100%;
    }
}


/* =========================================
   PORTFOLIO DASHBOARD
   ========================================= */

.portfolio-dashboard[b-f7ek1ynrwd] {
    margin-top: 26px;
}


/* =========================================
   SUMMARY
   ========================================= */

.portfolio-summary-grid[b-f7ek1ynrwd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top:20px;
}

.portfolio-summary-card[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
}

.portfolio-summary-label[b-f7ek1ynrwd] {
    margin-bottom: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.55;
}

.portfolio-summary-value[b-f7ek1ynrwd],
.portfolio-summary-card > strong[b-f7ek1ynrwd] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
}

.portfolio-summary-card small[b-f7ek1ynrwd] {
    margin-top: 7px;
    font-size: 0.72rem;
    line-height: 1.4;
    opacity: 0.52;
}


/* =========================================
   P/L
   ========================================= */

.portfolio-profit[b-f7ek1ynrwd] {
    color: #4ade80;
}

.portfolio-loss[b-f7ek1ynrwd] {
    color: #fb7185;
}

.portfolio-neutral[b-f7ek1ynrwd] {
    color: inherit;
}


/* =========================================
   ASSETS HEADER
   ========================================= */

.portfolio-assets-header[b-f7ek1ynrwd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: 34px;
    margin-bottom: 15px;
}

    .portfolio-assets-header h2[b-f7ek1ynrwd] {
        margin: 2px 0 0;
        font-size: 1.3rem;
    }

.portfolio-assets-count[b-f7ek1ynrwd] {
    padding-bottom: 3px;
    font-size: 0.76rem;
    opacity: 0.5;
}


/* =========================================
   ASSET LIST
   ========================================= */

.portfolio-assets-list[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.portfolio-asset-card[b-f7ek1ynrwd] {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.022);
    transition: border-color 150ms ease, background 150ms ease;
}

    .portfolio-asset-card:hover[b-f7ek1ynrwd] {
        border-color: rgba(139, 92, 246, 0.22);
        background: rgba(255, 255, 255, 0.032);
    }


/* =========================================
   ASSET MAIN
   ========================================= */

.portfolio-asset-main[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.portfolio-asset-symbol[b-f7ek1ynrwd] {
    display: flex;
    align-items: baseline;
}

    .portfolio-asset-symbol strong[b-f7ek1ynrwd] {
        font-size: 1.1rem;
        font-weight: 700;
    }

    .portfolio-asset-symbol span[b-f7ek1ynrwd] {
        margin-left: 2px;
        font-size: 0.75rem;
        opacity: 0.42;
    }

.portfolio-asset-quantity[b-f7ek1ynrwd] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    text-align: right;
}

    .portfolio-asset-quantity strong[b-f7ek1ynrwd] {
        font-size: 0.92rem;
    }

    .portfolio-asset-quantity span[b-f7ek1ynrwd] {
        font-size: 0.7rem;
        opacity: 0.45;
    }


/* =========================================
   ASSET METRICS
   ========================================= */

.portfolio-asset-metrics[b-f7ek1ynrwd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
}

.portfolio-asset-metric[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

    .portfolio-asset-metric > span[b-f7ek1ynrwd] {
        font-size: 0.7rem;
        opacity: 0.48;
    }

    .portfolio-asset-metric > strong[b-f7ek1ynrwd] {
        overflow: hidden;
        font-size: 0.86rem;
        font-weight: 650;
        text-overflow: ellipsis;
    }

    .portfolio-asset-metric > small[b-f7ek1ynrwd] {
        font-size: 0.7rem;
        font-weight: 600;
    }


/* =========================================
   COST BASIS WARNING
   ========================================= */

.portfolio-cost-warning[b-f7ek1ynrwd] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 17px;
    padding: 10px 12px;
    border: 1px solid rgba(245, 158, 11, 0.16);
    border-radius: 10px;
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.055);
    font-size: 0.72rem;
    line-height: 1.5;
}

    .portfolio-cost-warning svg[b-f7ek1ynrwd] {
        flex: 0 0 auto;
        margin-top: 1px;
    }


/* =========================================
   EMPTY
   ========================================= */

.portfolio-empty[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    padding: 30px;
    border: 1px dashed rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    text-align: center;
    background: rgba(255, 255, 255, 0.015);
}

    .portfolio-empty svg[b-f7ek1ynrwd] {
        margin-bottom: 12px;
        opacity: 0.55;
    }

    .portfolio-empty strong[b-f7ek1ynrwd] {
        margin-bottom: 5px;
    }

    .portfolio-empty span[b-f7ek1ynrwd] {
        max-width: 420px;
        font-size: 0.8rem;
        line-height: 1.5;
        opacity: 0.55;
    }


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 950px) {

    .portfolio-summary-grid[b-f7ek1ynrwd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .portfolio-asset-metrics[b-f7ek1ynrwd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media (max-width: 620px) {

    .portfolio-summary-grid[b-f7ek1ynrwd] {
        grid-template-columns: 1fr;
    }

    .portfolio-assets-header[b-f7ek1ynrwd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .portfolio-asset-main[b-f7ek1ynrwd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .portfolio-asset-quantity[b-f7ek1ynrwd] {
        text-align: left;
    }

    .portfolio-asset-metrics[b-f7ek1ynrwd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* =========================================
   BINANCE API HELP
   ========================================= */

.portfolio-api-help[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 4px;
    padding: 12px 14px;
    border: 1px solid rgba(139, 92, 246, 0.14);
    border-radius: 10px;
    background: rgba(139, 92, 246, 0.045);
}

    .portfolio-api-help strong[b-f7ek1ynrwd] {
        font-size: 0.78rem;
        font-weight: 650;
    }

    .portfolio-api-help > span[b-f7ek1ynrwd] {
        font-size: 0.7rem;
        line-height: 1.5;
        opacity: 0.6;
    }

    .portfolio-api-help a[b-f7ek1ynrwd] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        width: fit-content;
        margin-top: 3px;
        font-size: 0.72rem;
        font-weight: 600;
        color: #a78bfa;
        text-decoration: none;
        transition: color 0.15s ease, opacity 0.15s ease;
    }

        .portfolio-api-help a:hover[b-f7ek1ynrwd] {
            color: #c4b5fd;
        }


/* =========================================
   SECURITY NOTE
   ========================================= */

.portfolio-api-security[b-f7ek1ynrwd] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-top: 10px;
    font-size: 0.68rem;
    line-height: 1.45;
    opacity: 0.65;
}

    .portfolio-api-security > svg[b-f7ek1ynrwd] {
        flex: 0 0 auto;
        margin-top: 1px;
        color: #a78bfa;
    }

/* =========================================
   MANUAL PORTFOLIO
   ========================================= */

.portfolio-manual-card[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 26px;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38% ), rgba(255, 255, 255, 0.025);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.16);
}

.portfolio-manual-header[b-f7ek1ynrwd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

    .portfolio-manual-header h2[b-f7ek1ynrwd] {
        margin: 6px 0 8px;
        font-size: 1.3rem;
        font-weight: 650;
    }

    .portfolio-manual-header p[b-f7ek1ynrwd] {
        max-width: 620px;
        margin: 0;
        color: #8294ad;
        font-size: 0.86rem;
        line-height: 1.6;
    }

.portfolio-manual-icon[b-f7ek1ynrwd] {
    display: flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 13px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.09);
}

.portfolio-manual-form[b-f7ek1ynrwd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.portfolio-manual-card .portfolio-connect-button[b-f7ek1ynrwd] {
    align-self: flex-start;
}

.portfolio-manual-positions[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 4px;
}

.portfolio-manual-position[b-f7ek1ynrwd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.02);
    transition: border-color 150ms ease, background 150ms ease;
}

    .portfolio-manual-position:hover[b-f7ek1ynrwd] {
        border-color: rgba(96, 165, 250, 0.18);
        background: rgba(255, 255, 255, 0.03);
    }

    .portfolio-manual-position > div[b-f7ek1ynrwd] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 4px;
    }

        .portfolio-manual-position > div:last-child[b-f7ek1ynrwd] {
            align-items: flex-end;
            text-align: right;
        }

    .portfolio-manual-position strong[b-f7ek1ynrwd] {
        overflow: hidden;
        font-size: 0.9rem;
        font-weight: 650;
        text-overflow: ellipsis;
    }

    .portfolio-manual-position span[b-f7ek1ynrwd] {
        color: #8294ad;
        font-size: 0.76rem;
    }


/* =========================================
   RESPONSIVE - MANUAL PORTFOLIO
   ========================================= */

@media (max-width: 720px) {

    .portfolio-manual-card[b-f7ek1ynrwd] {
        gap: 20px;
        margin-top: 20px;
        padding: 21px;
        border-radius: 17px;
    }

    .portfolio-manual-header[b-f7ek1ynrwd] {
        gap: 14px;
    }

        .portfolio-manual-header h2[b-f7ek1ynrwd] {
            font-size: 1.15rem;
        }

    .portfolio-manual-icon[b-f7ek1ynrwd] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .portfolio-manual-form[b-f7ek1ynrwd] {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .portfolio-manual-card .portfolio-connect-button[b-f7ek1ynrwd] {
        width: 100%;
        align-self: stretch;
    }
}

@media (max-width: 520px) {

    .account-portfolio[b-f7ek1ynrwd] {
        min-width: 0;
    }

    .portfolio-connect-card[b-f7ek1ynrwd],
    .portfolio-connected-card[b-f7ek1ynrwd],
    .portfolio-manual-card[b-f7ek1ynrwd],
    .portfolio-asset-card[b-f7ek1ynrwd],
    .portfolio-summary-card[b-f7ek1ynrwd] {
        min-width: 0;
    }

    .portfolio-manual-header[b-f7ek1ynrwd] {
        align-items: flex-start;
    }

    .portfolio-manual-position[b-f7ek1ynrwd] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

        .portfolio-manual-position > div:last-child[b-f7ek1ynrwd] {
            align-items: flex-start;
            text-align: left;
        }

    .portfolio-field input[b-f7ek1ynrwd] {
        min-width: 0;
    }
}


/* =========================================
   PORTFOLIO SOURCE HUB
   ========================================= */

.portfolio-source-grid[b-f7ek1ynrwd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.portfolio-source-card[b-f7ek1ynrwd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 20px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

    .portfolio-source-card:hover[b-f7ek1ynrwd] {
        border-color: rgba(139, 92, 246, 0.20);
        background: rgba(255, 255, 255, 0.035);
        transform: translateY(-1px);
    }

.portfolio-source-card-top[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.portfolio-source-icon[b-f7ek1ynrwd] {
    display: flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
}

.portfolio-source-icon-binance[b-f7ek1ynrwd] {
    color: #facc15;
    border: 1px solid rgba(250, 204, 21, 0.18);
    background: rgba(250, 204, 21, 0.08);
}

.portfolio-source-icon-coinbase[b-f7ek1ynrwd] {
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.18);
    background: rgba(59, 130, 246, 0.09);
}

.portfolio-source-icon-manual[b-f7ek1ynrwd] {
    color: #a78bfa;
    border: 1px solid rgba(167, 139, 250, 0.18);
    background: rgba(139, 92, 246, 0.09);
}

.portfolio-source-status[b-f7ek1ynrwd] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.portfolio-source-status-connected[b-f7ek1ynrwd] {
    color: #4ade80;
    border: 1px solid rgba(34, 197, 94, 0.16);
    background: rgba(34, 197, 94, 0.07);
}

.portfolio-source-status-disconnected[b-f7ek1ynrwd],
.portfolio-source-status-neutral[b-f7ek1ynrwd] {
    color: #94a3b8;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(148, 163, 184, 0.05);
}

.portfolio-source-status-soon[b-f7ek1ynrwd] {
    color: #c4b5fd;
    border: 1px solid rgba(139, 92, 246, 0.16);
    background: rgba(139, 92, 246, 0.06);
}

.portfolio-source-copy[b-f7ek1ynrwd] {
    flex: 1 1 auto;
}

.portfolio-source-provider[b-f7ek1ynrwd] {
    display: inline-block;
    margin-bottom: 6px;
    color: #8294ad;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.10em;
}

.portfolio-source-copy h2[b-f7ek1ynrwd] {
    margin: 0;
    font-size: 1.18rem;
}

.portfolio-source-copy p[b-f7ek1ynrwd] {
    margin: 8px 0 0;
    color: #8294ad;
    font-size: 0.8rem;
    line-height: 1.55;
}

.portfolio-source-meta[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 2px;
}

    .portfolio-source-meta span[b-f7ek1ynrwd] {
        color: #8294ad;
        font-size: 0.7rem;
    }

    .portfolio-source-meta strong[b-f7ek1ynrwd] {
        font-size: 0.8rem;
        font-weight: 650;
    }

.portfolio-source-action[b-f7ek1ynrwd] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 42px;
    margin-top: auto;
    padding: 0 13px;
    border: 1px solid rgba(139, 92, 246, 0.18);
    border-radius: 10px;
    color: #ffffff;
    background: rgba(139, 92, 246, 0.07);
    font-size: 0.8rem;
    font-weight: 650;
    text-decoration: none;
    transition: border-color 150ms ease, background 150ms ease;
}

    .portfolio-source-action:hover[b-f7ek1ynrwd] {
        border-color: rgba(139, 92, 246, 0.34);
        background: rgba(139, 92, 246, 0.12);
    }

.portfolio-source-action-disabled[b-f7ek1ynrwd] {
    cursor: default;
    color: #8294ad;
    border-color: rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
}

.portfolio-hub-summary[b-f7ek1ynrwd] {
    margin-top: 34px;
}

.portfolio-hub-assets[b-f7ek1ynrwd] {
    margin-top: 14px;
}

.portfolio-source-badge[b-f7ek1ynrwd] {
    display: inline-flex;
    width: fit-content;
    margin-top: 7px;
    padding: 3px 8px;
    border: 1px solid rgba(139, 92, 246, 0.14);
    border-radius: 999px;
    color: #a78bfa;
    background: rgba(139, 92, 246, 0.055);
    font-size: 0.65rem;
    font-weight: 700;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 900px) {

    .portfolio-source-grid[b-f7ek1ynrwd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {

    .portfolio-source-card[b-f7ek1ynrwd] {
        padding: 18px;
    }
}

.portfolio-assets-header-actions[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.portfolio-currency-dropdown[b-f7ek1ynrwd] {
    position: relative;
    min-width: 82px;
}

.portfolio-currency-trigger[b-f7ek1ynrwd] {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 12px;
    border: 1px solid rgba(96, 165, 250, 0.55);
    border-radius: 9px;
    background: #0f1b2d;
    color: #ffffff;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 150ms ease, background 150ms ease;
}

    .portfolio-currency-trigger:hover[b-f7ek1ynrwd] {
        border-color: rgba(96, 165, 250, 0.85);
        background: #132238;
    }

    .portfolio-currency-trigger:disabled[b-f7ek1ynrwd] {
        cursor: wait;
        opacity: 0.6;
    }

.portfolio-currency-chevron[b-f7ek1ynrwd] {
    color: #94a3b8;
    font-size: 0.6rem;
}

.portfolio-currency-menu[b-f7ek1ynrwd] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 110px;
    padding: 5px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    background: #0f1b2d;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

.portfolio-currency-option[b-f7ek1ynrwd] {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #cbd5e1;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

    .portfolio-currency-option:hover[b-f7ek1ynrwd] {
        background: rgba(96, 165, 250, 0.10);
        color: #ffffff;
    }

    .portfolio-currency-option.is-selected[b-f7ek1ynrwd] {
        background: rgba(96, 165, 250, 0.14);
        color: #ffffff;
    }

.portfolio-currency-check[b-f7ek1ynrwd] {
    color: #60a5fa;
    font-size: 0.72rem;
}

@media (max-width: 640px) {
    .portfolio-assets-header-actions[b-f7ek1ynrwd] {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .portfolio-currency-control[b-f7ek1ynrwd] {
        order: 2;
    }

    .portfolio-assets-count[b-f7ek1ynrwd] {
        order: 1;
    }

    .portfolio-allocation-card[b-f7ek1ynrwd] {
        padding: 20px;
        margin-bottom: 20px;
    }

    .portfolio-allocation-values[b-f7ek1ynrwd] {
        gap: 8px;
    }

        .portfolio-allocation-values span[b-f7ek1ynrwd] {
            min-width: auto;
        }

    .portfolio-allocation-asset span[b-f7ek1ynrwd] {
        display: none;
    }
}

.portfolio-currency-control[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.portfolio-currency-loading[b-f7ek1ynrwd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #60a5fa;
}

.portfolio-currency-loading[b-f7ek1ynrwd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #60a5fa;
    animation: portfolio-currency-spin-b-f7ek1ynrwd 0.8s linear infinite;
}

@keyframes portfolio-currency-spin-b-f7ek1ynrwd {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes portfolio-currency-spin-b-f7ek1ynrwd {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.portfolio-allocation-card[b-f7ek1ynrwd] {
    padding: 24px 30px;
    margin-top: 24px;
    margin-bottom: 30px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.55);
}

.portfolio-allocation-header[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

    .portfolio-allocation-header h3[b-f7ek1ynrwd] {
        margin: 4px 0 0;
        font-size: 1rem;
        font-weight: 700;
    }

.portfolio-allocation-list[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.portfolio-allocation-item[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.portfolio-allocation-row[b-f7ek1ynrwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.portfolio-allocation-asset[b-f7ek1ynrwd] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

    .portfolio-allocation-asset strong[b-f7ek1ynrwd] {
        color: #f8fafc;
        font-size: 0.88rem;
    }

    .portfolio-allocation-asset span[b-f7ek1ynrwd] {
        color: #64748b;
        font-size: 0.72rem;
    }

.portfolio-allocation-values[b-f7ek1ynrwd] {
    display: flex;
    align-items: baseline;
    gap: 14px;
}

    .portfolio-allocation-values strong[b-f7ek1ynrwd] {
        color: #f8fafc;
        font-size: 0.82rem;
    }

    .portfolio-allocation-values span[b-f7ek1ynrwd] {
        min-width: 92px;
        color: #94a3b8;
        font-size: 0.76rem;
        text-align: right;
    }

.portfolio-allocation-track[b-f7ek1ynrwd] {
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.10);
}

.portfolio-allocation-fill[b-f7ek1ynrwd] {
    height: 100%;
    min-width: 2px;
    border-radius: inherit;
    background: #3b82f6;
    transition: width 300ms ease;
}

.portfolio-allocation-header h3[b-f7ek1ynrwd] {
    margin: 0;
    color: #f8fafc;
    font-size: 1rem;
    font-weight: 700;
}

.portfolio-allocation-header p[b-f7ek1ynrwd] {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 0.76rem;
}

.portfolio-allocation-header[b-f7ek1ynrwd] {
    margin-bottom: 24px;
}

.portfolio-concentration[b-f7ek1ynrwd] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(148, 163, 184, 0.10);
}

.portfolio-concentration-indicator[b-f7ek1ynrwd] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    margin-top: 6px;
    border-radius: 50%;
}

.portfolio-concentration-content[b-f7ek1ynrwd] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .portfolio-concentration-content strong[b-f7ek1ynrwd] {
        color: #f8fafc;
        font-size: 0.78rem;
        font-weight: 700;
    }

    .portfolio-concentration-content span[b-f7ek1ynrwd] {
        color: #8291a8;
        font-size: 0.74rem;
        line-height: 1.5;
    }

.portfolio-concentration.is-high
.portfolio-concentration-indicator[b-f7ek1ynrwd] {
    background: #f59e0b;
}

.portfolio-concentration.is-moderate
.portfolio-concentration-indicator[b-f7ek1ynrwd] {
    background: #60a5fa;
}

.portfolio-concentration.is-balanced
.portfolio-concentration-indicator[b-f7ek1ynrwd] {
    background: #34d399;
}
/* /Components/Account/Pages/Manage/Portfolios/Binance.razor.rz.scp.css */
/* =========================================
   BINANCE PORTFOLIO PROVIDER
   ========================================= */

.account-portfolio[b-lzy4vfhuk1] {
    width: 100%;
    max-width: 920px;
}

.account-portfolio-header[b-lzy4vfhuk1] {
    margin-bottom: 28px;
}

.account-portfolio-eyebrow[b-lzy4vfhuk1] {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--accent, #8b5cf6);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.account-portfolio-header h1[b-lzy4vfhuk1] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    font-weight: 700;
    line-height: 1.15;
}

.account-portfolio-header p[b-lzy4vfhuk1] {
    max-width: 680px;
    margin: 10px 0 0;
    line-height: 1.65;
    opacity: 0.68;
}

.account-back-link[b-lzy4vfhuk1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    color: #8294ad;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.account-back-link:hover[b-lzy4vfhuk1] {
    color: #ffffff;
}

.account-portfolio-loading[b-lzy4vfhuk1] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 120px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.account-portfolio-loading svg[b-lzy4vfhuk1] {
    animation: portfolio-spin-b-lzy4vfhuk1 0.8s linear infinite;
}

.portfolio-connect-card[b-lzy4vfhuk1],
.portfolio-connected-card[b-lzy4vfhuk1] {
    position: relative;
    padding: 28px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.portfolio-connect-card[b-lzy4vfhuk1] {
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: radial-gradient(circle at top right, rgba(139, 92, 246, 0.10), transparent 35%),
                rgba(255, 255, 255, 0.025);
}

.portfolio-connect-icon[b-lzy4vfhuk1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    border: 1px solid rgba(139, 92, 246, 0.24);
    border-radius: 14px;
    color: #a78bfa;
    background: rgba(139, 92, 246, 0.10);
}

.portfolio-connect-copy[b-lzy4vfhuk1] {
    margin-bottom: 24px;
}

.portfolio-connect-provider[b-lzy4vfhuk1] {
    display: inline-block;
    margin-bottom: 6px;
    color: #a78bfa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portfolio-connect-copy h2[b-lzy4vfhuk1] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 650;
}

.portfolio-connect-copy p[b-lzy4vfhuk1] {
    max-width: 620px;
    margin: 8px 0 0;
    line-height: 1.6;
    opacity: 0.68;
}

.portfolio-security-note[b-lzy4vfhuk1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 26px;
    padding: 15px 17px;
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: 14px;
    background: rgba(34, 197, 94, 0.055);
}

.portfolio-security-note > svg[b-lzy4vfhuk1] {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #4ade80;
}

.portfolio-security-note div[b-lzy4vfhuk1] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.portfolio-security-note strong[b-lzy4vfhuk1] {
    font-size: 0.88rem;
    font-weight: 650;
}

.portfolio-security-note span[b-lzy4vfhuk1] {
    font-size: 0.82rem;
    line-height: 1.5;
    opacity: 0.7;
}

.portfolio-connect-form[b-lzy4vfhuk1],
.portfolio-field[b-lzy4vfhuk1] {
    display: flex;
    flex-direction: column;
}

.portfolio-connect-form[b-lzy4vfhuk1] {
    gap: 18px;
}

.portfolio-field[b-lzy4vfhuk1] {
    gap: 7px;
}

.portfolio-field label[b-lzy4vfhuk1] {
    font-size: 0.82rem;
    font-weight: 600;
    opacity: 0.82;
}

.portfolio-field input[b-lzy4vfhuk1] {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 11px;
    outline: none;
    color: inherit;
    background: rgba(0, 0, 0, 0.16);
    font: inherit;
}

.portfolio-field input:focus[b-lzy4vfhuk1] {
    border-color: rgba(139, 92, 246, 0.72);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);
}

.portfolio-error[b-lzy4vfhuk1] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid rgba(239, 68, 68, 0.20);
    border-radius: 11px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.07);
    font-size: 0.84rem;
}

.portfolio-connect-button[b-lzy4vfhuk1],
.portfolio-disconnect-button[b-lzy4vfhuk1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 11px;
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 650;
}

.portfolio-connect-button[b-lzy4vfhuk1] {
    border: 0;
    color: #ffffff;
    background: linear-gradient(135deg, #7c3aed, #9333ea);
}

.portfolio-disconnect-button[b-lzy4vfhuk1] {
    border: 1px solid rgba(239, 68, 68, 0.20);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.055);
}

.portfolio-connect-button:disabled[b-lzy4vfhuk1],
.portfolio-disconnect-button:disabled[b-lzy4vfhuk1] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portfolio-connect-button:disabled svg[b-lzy4vfhuk1] {
    animation: portfolio-spin-b-lzy4vfhuk1 0.8s linear infinite;
}

.portfolio-connected-card[b-lzy4vfhuk1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    border: 1px solid rgba(34, 197, 94, 0.16);
    background: radial-gradient(circle at top right, rgba(34, 197, 94, 0.07), transparent 38%),
                rgba(255, 255, 255, 0.025);
}

.portfolio-connected-main[b-lzy4vfhuk1] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.portfolio-connected-icon[b-lzy4vfhuk1] {
    display: flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 197, 94, 0.20);
    border-radius: 50%;
    color: #4ade80;
    background: rgba(34, 197, 94, 0.08);
}

.portfolio-connected-status[b-lzy4vfhuk1] {
    color: #4ade80;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portfolio-connected-main h2[b-lzy4vfhuk1] {
    margin: 3px 0 0;
    font-size: 1.25rem;
}

.portfolio-connected-main p[b-lzy4vfhuk1] {
    margin: 5px 0 0;
    font-size: 0.85rem;
    opacity: 0.65;
}

.portfolio-connected-meta[b-lzy4vfhuk1] {
    display: flex;
    min-width: 150px;
    flex-direction: column;
    gap: 4px;
}

.portfolio-connected-meta span[b-lzy4vfhuk1] {
    font-size: 0.72rem;
    opacity: 0.52;
}

.portfolio-connected-meta strong[b-lzy4vfhuk1] {
    font-size: 0.84rem;
}

.portfolio-disconnect-button[b-lzy4vfhuk1] {
    grid-column: 1 / -1;
    justify-self: flex-start;
}

.portfolio-api-help[b-lzy4vfhuk1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border: 1px solid rgba(139, 92, 246, 0.14);
    border-radius: 10px;
    background: rgba(139, 92, 246, 0.045);
}

.portfolio-api-help strong[b-lzy4vfhuk1] {
    font-size: 0.78rem;
}

.portfolio-api-help > span[b-lzy4vfhuk1],
.portfolio-api-security[b-lzy4vfhuk1] {
    font-size: 0.7rem;
    line-height: 1.5;
    opacity: 0.65;
}

.portfolio-api-help a[b-lzy4vfhuk1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin-top: 3px;
    color: #a78bfa;
    font-size: 0.72rem;
    font-weight: 600;
    text-decoration: none;
}

.portfolio-api-security[b-lzy4vfhuk1] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.portfolio-api-security > svg[b-lzy4vfhuk1] {
    flex: 0 0 auto;
    color: #a78bfa;
}

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

@media (max-width: 720px) {
    .portfolio-connect-card[b-lzy4vfhuk1],
    .portfolio-connected-card[b-lzy4vfhuk1] {
        padding: 21px;
        border-radius: 17px;
    }

    .portfolio-connected-card[b-lzy4vfhuk1] {
        grid-template-columns: 1fr;
    }

    .portfolio-connect-button[b-lzy4vfhuk1],
    .portfolio-disconnect-button[b-lzy4vfhuk1] {
        width: 100%;
    }

    .portfolio-disconnect-button[b-lzy4vfhuk1] {
        grid-column: auto;
        justify-self: stretch;
    }
}
/* /Components/Account/Pages/Manage/Portfolios/Coinbase.razor.rz.scp.css */
/* =========================================
   COINBASE PORTFOLIO PROVIDER
   ========================================= */

.account-portfolio[b-jpm5d0rv72] {
    width: 100%;
    max-width: 920px;
}

.account-portfolio-header[b-jpm5d0rv72] {
    margin-bottom: 28px;
}

.account-portfolio-header h1[b-jpm5d0rv72] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    font-weight: 700;
    line-height: 1.15;
}

.account-portfolio-header p[b-jpm5d0rv72] {
    max-width: 680px;
    margin: 10px 0 0;
    line-height: 1.65;
    opacity: 0.68;
}

.account-back-link[b-jpm5d0rv72] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    color: #8294ad;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 150ms ease, transform 150ms ease;
}

.account-back-link:hover[b-jpm5d0rv72] {
    color: #ffffff;
    transform: translateX(-2px);
}

.account-portfolio-loading[b-jpm5d0rv72] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 120px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.account-portfolio-loading svg[b-jpm5d0rv72] {
    animation: portfolio-spin-b-jpm5d0rv72 0.8s linear infinite;
}


/* =========================================
   CONNECT CARD
   ========================================= */

.portfolio-connect-card[b-jpm5d0rv72],
.portfolio-connected-card[b-jpm5d0rv72] {
    position: relative;
    padding: 28px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.portfolio-connect-card[b-jpm5d0rv72] {
    border: 1px solid rgba(59, 130, 246, 0.16);
    background:
        radial-gradient(
            circle at top right,
            rgba(59, 130, 246, 0.12),
            transparent 36%),
        rgba(255, 255, 255, 0.025);
}

.portfolio-connect-icon[b-jpm5d0rv72] {
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border: 1px solid rgba(96, 165, 250, 0.26);
    border-radius: 14px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.10);
}

.portfolio-connect-copy[b-jpm5d0rv72] {
    margin-bottom: 24px;
}

.portfolio-connect-provider[b-jpm5d0rv72] {
    display: inline-block;
    margin-bottom: 6px;
    color: #60a5fa;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portfolio-connect-copy h2[b-jpm5d0rv72] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 650;
}

.portfolio-connect-copy p[b-jpm5d0rv72] {
    max-width: 620px;
    margin: 8px 0 0;
    line-height: 1.6;
    opacity: 0.68;
}


/* =========================================
   SECURITY
   ========================================= */

.portfolio-security-note[b-jpm5d0rv72] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 26px;
    padding: 15px 17px;
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: 14px;
    background: rgba(34, 197, 94, 0.055);
}

.portfolio-security-note > svg[b-jpm5d0rv72] {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #4ade80;
}

.portfolio-security-note div[b-jpm5d0rv72] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.portfolio-security-note strong[b-jpm5d0rv72] {
    font-size: 0.88rem;
    font-weight: 650;
}

.portfolio-security-note span[b-jpm5d0rv72] {
    font-size: 0.82rem;
    line-height: 1.5;
    opacity: 0.7;
}


/* =========================================
   FORM
   ========================================= */

.portfolio-connect-form[b-jpm5d0rv72],
.portfolio-field[b-jpm5d0rv72] {
    display: flex;
    flex-direction: column;
}

.portfolio-connect-form[b-jpm5d0rv72] {
    gap: 18px;
}

.portfolio-field[b-jpm5d0rv72] {
    gap: 7px;
}

.portfolio-field label[b-jpm5d0rv72] {
    font-size: 0.82rem;
    font-weight: 600;
    opacity: 0.82;
}

.portfolio-field input[b-jpm5d0rv72],
.portfolio-field textarea[b-jpm5d0rv72] {
    width: 100%;
    min-width: 0;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 11px;
    outline: none;
    color: inherit;
    background: rgba(0, 0, 0, 0.16);
    font: inherit;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.portfolio-field input[b-jpm5d0rv72] {
    min-height: 46px;
}

.portfolio-field textarea[b-jpm5d0rv72] {
    min-height: 168px;
    padding-top: 13px;
    padding-bottom: 13px;
    resize: vertical;
    line-height: 1.45;
    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace;
    font-size: 0.78rem;
}

.portfolio-field input:focus[b-jpm5d0rv72],
.portfolio-field textarea:focus[b-jpm5d0rv72] {
    border-color: rgba(59, 130, 246, 0.72);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.portfolio-api-help[b-jpm5d0rv72] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px 14px;
    border: 1px solid rgba(59, 130, 246, 0.15);
    border-radius: 10px;
    background: rgba(59, 130, 246, 0.045);
}

.portfolio-api-help strong[b-jpm5d0rv72] {
    font-size: 0.78rem;
}

.portfolio-api-help > span[b-jpm5d0rv72],
.portfolio-api-security[b-jpm5d0rv72] {
    font-size: 0.7rem;
    line-height: 1.5;
    opacity: 0.65;
}

.portfolio-api-help a[b-jpm5d0rv72] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin-top: 3px;
    color: #60a5fa;
    font-size: 0.72rem;
    font-weight: 600;
    text-decoration: none;
}

.portfolio-api-help a:hover[b-jpm5d0rv72] {
    color: #93c5fd;
}

.portfolio-api-security[b-jpm5d0rv72] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.portfolio-api-security > svg[b-jpm5d0rv72] {
    flex: 0 0 auto;
    color: #60a5fa;
}


/* =========================================
   ERROR
   ========================================= */

.portfolio-error[b-jpm5d0rv72] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid rgba(239, 68, 68, 0.20);
    border-radius: 11px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.07);
    font-size: 0.84rem;
}


/* =========================================
   BUTTONS
   ========================================= */

.portfolio-connect-button[b-jpm5d0rv72],
.portfolio-disconnect-button[b-jpm5d0rv72] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 11px;
    cursor: pointer;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 650;
    transition:
        transform 150ms ease,
        border-color 150ms ease,
        background 150ms ease,
        opacity 150ms ease;
}

.portfolio-connect-button[b-jpm5d0rv72] {
    border: 0;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #2563eb,
            #3b82f6);
    box-shadow:
        0 10px 28px rgba(37, 99, 235, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.portfolio-connect-button:hover:not(:disabled)[b-jpm5d0rv72] {
    transform: translateY(-1px);
}

.portfolio-disconnect-button[b-jpm5d0rv72] {
    border: 1px solid rgba(239, 68, 68, 0.20);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.055);
}

.portfolio-connect-button:disabled[b-jpm5d0rv72],
.portfolio-disconnect-button:disabled[b-jpm5d0rv72] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portfolio-connect-button:disabled svg[b-jpm5d0rv72] {
    animation: portfolio-spin-b-jpm5d0rv72 0.8s linear infinite;
}


/* =========================================
   CONNECTED STATE
   ========================================= */

.portfolio-connected-card[b-jpm5d0rv72] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    border: 1px solid rgba(34, 197, 94, 0.16);
    background:
        radial-gradient(
            circle at top right,
            rgba(34, 197, 94, 0.07),
            transparent 38%),
        rgba(255, 255, 255, 0.025);
}

.portfolio-connected-main[b-jpm5d0rv72] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.portfolio-connected-icon[b-jpm5d0rv72] {
    display: flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(34, 197, 94, 0.20);
    border-radius: 50%;
    color: #4ade80;
    background: rgba(34, 197, 94, 0.08);
}

.portfolio-connected-status[b-jpm5d0rv72] {
    color: #4ade80;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.portfolio-connected-main h2[b-jpm5d0rv72] {
    margin: 3px 0 0;
    font-size: 1.25rem;
}

.portfolio-connected-main p[b-jpm5d0rv72] {
    margin: 5px 0 0;
    font-size: 0.85rem;
    opacity: 0.65;
}

.portfolio-connected-meta[b-jpm5d0rv72] {
    display: flex;
    min-width: 150px;
    flex-direction: column;
    gap: 4px;
}

.portfolio-connected-meta span[b-jpm5d0rv72] {
    font-size: 0.72rem;
    opacity: 0.52;
}

.portfolio-connected-meta strong[b-jpm5d0rv72] {
    font-size: 0.84rem;
}

.portfolio-disconnect-button[b-jpm5d0rv72] {
    grid-column: 1 / -1;
    justify-self: flex-start;
}


/* =========================================
   ANIMATION
   ========================================= */

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


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 720px) {

    .portfolio-connect-card[b-jpm5d0rv72],
    .portfolio-connected-card[b-jpm5d0rv72] {
        padding: 21px;
        border-radius: 17px;
    }

    .portfolio-connected-card[b-jpm5d0rv72] {
        grid-template-columns: 1fr;
    }

    .portfolio-connect-button[b-jpm5d0rv72],
    .portfolio-disconnect-button[b-jpm5d0rv72] {
        width: 100%;
    }

    .portfolio-disconnect-button[b-jpm5d0rv72] {
        grid-column: auto;
        justify-self: stretch;
    }

    .portfolio-field textarea[b-jpm5d0rv72] {
        min-height: 190px;
    }
}

@media (max-width: 520px) {

    .account-portfolio[b-jpm5d0rv72] {
        min-width: 0;
    }

    .portfolio-connect-card[b-jpm5d0rv72],
    .portfolio-connected-card[b-jpm5d0rv72] {
        min-width: 0;
    }
}
/* /Components/Account/Pages/Manage/Portfolios/Manual.razor.rz.scp.css */
/* =========================================
   MANUAL PORTFOLIO
   ========================================= */

.account-portfolio[b-96x4z9ta4i] {
    width: 100%;
    max-width: 920px;
}

.account-portfolio-header[b-96x4z9ta4i] {
    margin-bottom: 28px;
}

.account-portfolio-eyebrow[b-96x4z9ta4i] {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--accent, #8b5cf6);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.account-portfolio-header h1[b-96x4z9ta4i] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.35rem);
    line-height: 1.15;
}

.account-portfolio-header p[b-96x4z9ta4i] {
    max-width: 680px;
    margin: 10px 0 0;
    line-height: 1.65;
    opacity: 0.68;
}

.account-back-link[b-96x4z9ta4i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
    color: #8294ad;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.account-back-link:hover[b-96x4z9ta4i] {
    color: #ffffff;
}

.account-portfolio-loading[b-96x4z9ta4i] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 120px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.account-portfolio-loading svg[b-96x4z9ta4i] {
    animation: portfolio-spin-b-96x4z9ta4i 0.8s linear infinite;
}

.portfolio-manual-card[b-96x4z9ta4i] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 38%),
                rgba(255, 255, 255, 0.025);
}

.portfolio-manual-header[b-96x4z9ta4i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.portfolio-manual-header h2[b-96x4z9ta4i] {
    margin: 6px 0 8px;
    font-size: 1.3rem;
}

.portfolio-manual-header p[b-96x4z9ta4i] {
    max-width: 620px;
    margin: 0;
    color: #8294ad;
    font-size: 0.86rem;
    line-height: 1.6;
}

.portfolio-manual-icon[b-96x4z9ta4i] {
    display: flex;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 13px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.09);
}

.portfolio-manual-form[b-96x4z9ta4i],
.portfolio-manual-edit-grid[b-96x4z9ta4i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.portfolio-field[b-96x4z9ta4i] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
}

.portfolio-field label[b-96x4z9ta4i] {
    font-size: 0.82rem;
    font-weight: 600;
    opacity: 0.82;
}

.portfolio-field input[b-96x4z9ta4i] {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 11px;
    outline: none;
    color: inherit;
    background: rgba(0, 0, 0, 0.16);
    font: inherit;
}

.portfolio-field input:focus[b-96x4z9ta4i] {
    border-color: rgba(139, 92, 246, 0.72);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);
}

.portfolio-error[b-96x4z9ta4i] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid rgba(239, 68, 68, 0.20);
    border-radius: 11px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.07);
    font-size: 0.84rem;
}

.portfolio-connect-button[b-96x4z9ta4i],
.portfolio-secondary-button[b-96x4z9ta4i],
.portfolio-delete-button[b-96x4z9ta4i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 15px;
    border-radius: 10px;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 650;
}

.portfolio-connect-button[b-96x4z9ta4i] {
    align-self: flex-start;
    border: 0;
    color: #ffffff;
    background: linear-gradient(135deg, #7c3aed, #9333ea);
}

.portfolio-secondary-button[b-96x4z9ta4i] {
    border: 1px solid rgba(255, 255, 255, 0.10);
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.035);
}

.portfolio-delete-button[b-96x4z9ta4i] {
    border: 1px solid rgba(239, 68, 68, 0.20);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.055);
}

.portfolio-connect-button:disabled[b-96x4z9ta4i],
.portfolio-secondary-button:disabled[b-96x4z9ta4i],
.portfolio-delete-button:disabled[b-96x4z9ta4i] {
    cursor: not-allowed;
    opacity: 0.55;
}

.portfolio-manual-list-section[b-96x4z9ta4i] {
    margin-top: 34px;
}

.portfolio-assets-header[b-96x4z9ta4i] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.portfolio-assets-header h2[b-96x4z9ta4i] {
    margin: 2px 0 0;
    font-size: 1.3rem;
}

.portfolio-assets-count[b-96x4z9ta4i] {
    font-size: 0.76rem;
    opacity: 0.5;
}

.portfolio-empty[b-96x4z9ta4i] {
    display: flex;
    min-height: 190px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border: 1px dashed rgba(255, 255, 255, 0.10);
    border-radius: 16px;
    text-align: center;
    background: rgba(255, 255, 255, 0.015);
}

.portfolio-empty svg[b-96x4z9ta4i] {
    margin-bottom: 12px;
    opacity: 0.55;
}

.portfolio-empty span[b-96x4z9ta4i] {
    max-width: 420px;
    margin-top: 5px;
    font-size: 0.8rem;
    line-height: 1.5;
    opacity: 0.55;
}

.portfolio-manual-positions[b-96x4z9ta4i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.portfolio-manual-position-card[b-96x4z9ta4i] {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.022);
}

.portfolio-manual-position-main[b-96x4z9ta4i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(2, auto);
    align-items: center;
    gap: 24px;
}

.portfolio-asset-symbol[b-96x4z9ta4i] {
    display: flex;
    align-items: baseline;
}

.portfolio-asset-symbol strong[b-96x4z9ta4i] {
    font-size: 1.05rem;
}

.portfolio-asset-symbol span[b-96x4z9ta4i] {
    margin-left: 2px;
    font-size: 0.75rem;
    opacity: 0.42;
}

.portfolio-source-badge[b-96x4z9ta4i] {
    display: inline-flex;
    width: fit-content;
    margin-top: 7px;
    padding: 3px 8px;
    border: 1px solid rgba(139, 92, 246, 0.14);
    border-radius: 999px;
    color: #a78bfa;
    background: rgba(139, 92, 246, 0.055);
    font-size: 0.65rem;
    font-weight: 700;
}

.portfolio-manual-position-value[b-96x4z9ta4i] {
    display: flex;
    min-width: 120px;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}

.portfolio-manual-position-value span[b-96x4z9ta4i] {
    color: #8294ad;
    font-size: 0.7rem;
}

.portfolio-manual-position-value strong[b-96x4z9ta4i] {
    font-size: 0.86rem;
}

.portfolio-manual-actions[b-96x4z9ta4i] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

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

@media (max-width: 720px) {
    .portfolio-manual-card[b-96x4z9ta4i] {
        padding: 21px;
        border-radius: 17px;
    }

    .portfolio-manual-form[b-96x4z9ta4i],
    .portfolio-manual-edit-grid[b-96x4z9ta4i] {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .portfolio-connect-button[b-96x4z9ta4i] {
        width: 100%;
        align-self: stretch;
    }

    .portfolio-manual-position-main[b-96x4z9ta4i] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .portfolio-manual-position-value[b-96x4z9ta4i] {
        min-width: 0;
        text-align: left;
    }

    .portfolio-manual-actions > button[b-96x4z9ta4i] {
        flex: 1 1 140px;
    }
}

@media (max-width: 520px) {
    .portfolio-assets-header[b-96x4z9ta4i] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
}
/* /Components/Account/Pages/Manage/ResetAuthenticator.razor.rz.scp.css */
.account-manage-card[b-kvrgw6si54] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-kvrgw6si54] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-kvrgw6si54] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-kvrgw6si54] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-kvrgw6si54] {
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.55;
}

.reset-authenticator-warning[b-kvrgw6si54] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    margin-top: 24px;
    padding: 18px;
    border: 1px solid rgba(248, 113, 113, 0.14);
    border-radius: 12px;
    background: rgba(239, 68, 68, 0.045);
}

.reset-authenticator-icon[b-kvrgw6si54] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #f87171;
    background: rgba(239, 68, 68, 0.09);
}

.reset-authenticator-warning strong[b-kvrgw6si54] {
    color: #f8fafc;
    font-size: 14px;
    font-weight: 900;
}

.reset-authenticator-warning p[b-kvrgw6si54] {
    max-width: 680px;
    margin: 6px 0 0;
    color: #8d939e;
    font-size: 12px;
    line-height: 1.6;
}

.reset-authenticator-info[b-kvrgw6si54] {
    margin-top: 14px;
    padding: 16px;
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 11px;
    background: rgba(7, 18, 35, 0.50);
}

    .reset-authenticator-info > span[b-kvrgw6si54] {
        color: #60a5fa;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 1px;
    }

    .reset-authenticator-info ul[b-kvrgw6si54] {
        margin: 10px 0 0;
        padding-left: 20px;
        color: #8294ad;
        font-size: 12px;
        line-height: 1.8;
    }

.reset-authenticator-actions[b-kvrgw6si54] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.reset-authenticator-secondary-button[b-kvrgw6si54],
.reset-authenticator-danger-button[b-kvrgw6si54] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}

.reset-authenticator-secondary-button[b-kvrgw6si54] {
    border: 1px solid rgba(96, 165, 250, 0.13);
    color: #a9bad0 !important;
    background: rgba(59, 130, 246, 0.045);
}

.reset-authenticator-danger-button[b-kvrgw6si54] {
    border: 1px solid rgba(248, 113, 113, 0.22);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.08);
}

    .reset-authenticator-danger-button:hover[b-kvrgw6si54] {
        color: #ffffff;
        border-color: rgba(248, 113, 113, 0.32);
        background: rgba(239, 68, 68, 0.13);
    }

@media (max-width: 700px) {

    .reset-authenticator-warning[b-kvrgw6si54] {
        grid-template-columns: 1fr;
    }

    .reset-authenticator-actions[b-kvrgw6si54] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
.account-manage-card[b-zx9czfwolq] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-manage-card-header[b-zx9czfwolq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.account-manage-card-eyebrow[b-zx9czfwolq],
.two-factor-section-eyebrow[b-zx9czfwolq] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.account-manage-card h1[b-zx9czfwolq] {
    margin: 8px 0 0;
    color: #f8fafc;
    font-size: 28px;
    font-weight: 950;
}

.account-manage-card-header p[b-zx9czfwolq] {
    margin: 9px 0 0;
    color: #8294ad;
    font-size: 13px;
    line-height: 1.5;
}

.two-factor-status[b-zx9czfwolq] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.08);
    font-size: 11px;
    font-weight: 900;
}

.two-factor-status-active[b-zx9czfwolq] {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.09);
}

.two-factor-section[b-zx9czfwolq] {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.018);
}

.two-factor-section-header h2[b-zx9czfwolq] {
    margin: 7px 0 0;
    color: #f8fafc;
    font-size: 18px;
    font-weight: 900;
}

.two-factor-section-header p[b-zx9czfwolq] {
    max-width: 620px;
    margin: 7px 0 0;
    color: #7f91aa;
    font-size: 12px;
    line-height: 1.6;
}

.two-factor-info-grid[b-zx9czfwolq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.two-factor-info-item[b-zx9czfwolq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px;
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 11px;
    background: rgba(7, 18, 35, 0.52);
}

    .two-factor-info-item span[b-zx9czfwolq] {
        color: #71839c;
        font-size: 10px;
        font-weight: 800;
    }

    .two-factor-info-item strong[b-zx9czfwolq] {
        color: #f8fafc;
        font-size: 14px;
        font-weight: 900;
    }

.two-factor-actions[b-zx9czfwolq] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.account-security-primary-button[b-zx9czfwolq],
.account-security-secondary-button[b-zx9czfwolq],
.account-security-danger-button[b-zx9czfwolq] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none !important;
    cursor: pointer;
}

.account-security-primary-button[b-zx9czfwolq] {
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
}

.account-security-secondary-button[b-zx9czfwolq] {
    border: 1px solid rgba(96, 165, 250, 0.13);
    color: #a9bad0 !important;
    background: rgba(59, 130, 246, 0.045);
}

    .account-security-secondary-button:hover[b-zx9czfwolq] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.24);
    }

.account-security-danger-button[b-zx9czfwolq] {
    border: 1px solid rgba(248, 113, 113, 0.18);
    color: #fca5a5 !important;
    background: rgba(239, 68, 68, 0.06);
}

    .account-security-danger-button:hover[b-zx9czfwolq] {
        color: #ffffff !important;
        border-color: rgba(248, 113, 113, 0.30);
        background: rgba(239, 68, 68, 0.10);
    }

.two-factor-empty[b-zx9czfwolq],
.two-factor-authenticator-active[b-zx9czfwolq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 15px;
    border: 1px solid rgba(96, 165, 250, 0.08);
    border-radius: 12px;
    background: rgba(7, 18, 35, 0.50);
}

    .two-factor-empty strong[b-zx9czfwolq],
    .two-factor-authenticator-active strong[b-zx9czfwolq] {
        color: #f8fafc;
        font-size: 13px;
        font-weight: 900;
    }

    .two-factor-empty p[b-zx9czfwolq],
    .two-factor-authenticator-active p[b-zx9czfwolq] {
        margin: 5px 0 0;
        color: #7689a3;
        font-size: 11px;
        line-height: 1.5;
    }

    .two-factor-authenticator-active > div:first-child[b-zx9czfwolq] {
        display: flex;
        align-items: center;
        gap: 11px;
    }

.two-factor-authenticator-dot[b-zx9czfwolq] {
    display: block;
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.45);
}

.two-factor-consent-warning[b-zx9czfwolq] {
    margin-top: 24px;
    padding: 16px;
    border: 1px solid rgba(245, 158, 11, 0.18);
    border-radius: 12px;
    background: rgba(245, 158, 11, 0.05);
}

    .two-factor-consent-warning strong[b-zx9czfwolq] {
        color: #fbbf24;
        font-size: 13px;
    }

    .two-factor-consent-warning p[b-zx9czfwolq] {
        margin: 6px 0 0;
        color: #9b8b68;
        font-size: 11px;
        line-height: 1.6;
    }

@media (max-width: 760px) {

    .account-manage-card-header[b-zx9czfwolq],
    .two-factor-empty[b-zx9czfwolq],
    .two-factor-authenticator-active[b-zx9czfwolq] {
        align-items: flex-start;
        flex-direction: column;
    }

    .two-factor-info-grid[b-zx9czfwolq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* ==========================================================
   REGISTER CARD
   ========================================================== */

.register-card[b-mid7tmtqk6] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 24px;
}

/* ==========================================================
   HEADER
   ========================================================== */

.register-header[b-mid7tmtqk6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.register-eyebrow[b-mid7tmtqk6] {
    color: #60a5fa;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.register-header h1[b-mid7tmtqk6] {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -1.1px;
}

.register-header p[b-mid7tmtqk6] {
    margin: 0;
    color: #7c8aa0;
    font-size: 13px;
    line-height: 1.65;
}

/* ==========================================================
   FORM
   ========================================================== */

.register-form[b-mid7tmtqk6] {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.register-field[b-mid7tmtqk6] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

    .register-field > label[b-mid7tmtqk6] {
        color: #94a3b8;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }

/* ==========================================================
   INPUT WRAPPER
   ========================================================== */

.register-input-wrapper[b-mid7tmtqk6] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.78);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

    .register-input-wrapper:hover[b-mid7tmtqk6] {
        border-color: rgba(96, 165, 250, 0.24);
    }

    .register-input-wrapper:focus-within[b-mid7tmtqk6] {
        border-color: #3b82f6;
        background: rgba(15, 23, 42, 0.96);
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
    }

/* ==========================================================
   INPUT ICON
   ========================================================== */

.register-input-icon[b-mid7tmtqk6] {
    display: grid;
    width: 44px;
    height: 48px;
    place-items: center;
    border-right: 1px solid rgba(148, 163, 184, 0.10);
    color: #64748b;
    background: rgba(59, 130, 246, 0.035);
    font-size: 13px;
    transition: color 0.2s ease, background 0.2s ease;
}

.register-input-wrapper:focus-within .register-input-icon[b-mid7tmtqk6] {
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.06);
}

/* ==========================================================
   INPUT
   ========================================================== */

.register-input-wrapper input.register-input[b-mid7tmtqk6] {
    display: block;
    width: 100%;
    min-width: 0;
    height: 48px;
    margin: 0;
    padding: 0 15px;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    color: #f8fafc !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    font: inherit;
    font-size: 13px;
    line-height: normal;
    appearance: none;
    -webkit-appearance: none;
}

    .register-input-wrapper input.register-input[b-mid7tmtqk6]::placeholder {
        color: #475569 !important;
        opacity: 1;
    }

    .register-input-wrapper input.register-input:focus[b-mid7tmtqk6] {
        border: 0 !important;
        outline: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .register-input-wrapper input.register-input:disabled[b-mid7tmtqk6] {
        color: #64748b !important;
        cursor: not-allowed;
        opacity: 0.7;
    }

    /* ==========================================================
   AUTOFILL
   ========================================================== */

    .register-input-wrapper input.register-input:-webkit-autofill[b-mid7tmtqk6],
    .register-input-wrapper input.register-input:-webkit-autofill:hover[b-mid7tmtqk6],
    .register-input-wrapper input.register-input:-webkit-autofill:focus[b-mid7tmtqk6],
    .register-input-wrapper input.register-input:-webkit-autofill:active[b-mid7tmtqk6] {
        -webkit-text-fill-color: #f8fafc !important;
        caret-color: #f8fafc;
        transition: background-color 9999s ease-in-out 0s;
        box-shadow: 0 0 0 1000px #0f172a inset !important;
    }

/* ==========================================================
   VALIDATION
   ========================================================== */

.register-validation[b-mid7tmtqk6] {
    color: #ef4444;
    font-size: 10px;
    line-height: 1.4;
}

[b-mid7tmtqk6] .validation-message {
    color: #ef4444;
    font-size: 10px;
    line-height: 1.4;
}

[b-mid7tmtqk6] input.invalid {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.register-input-wrapper:has(input.invalid)[b-mid7tmtqk6] {
    border-color: rgba(239, 68, 68, 0.65);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.10);
}

.register-input-wrapper:has(input.valid.modified)[b-mid7tmtqk6] {
    border-color: rgba(34, 197, 94, 0.45);
}

/* ==========================================================
   PASSWORD RULES
   ========================================================== */

.register-password-rules[b-mid7tmtqk6] {
    display: flex;
    padding: 12px 14px;
    flex-direction: column;
    gap: 5px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 11px;
    color: #64748b;
    background: rgba(59, 130, 246, 0.035);
    font-size: 10px;
    line-height: 1.45;
}

    .register-password-rules span[b-mid7tmtqk6]::before {
        margin-right: 7px;
        color: #60a5fa;
        content: "•";
    }

/* ==========================================================
   TERMS
   ========================================================== */

.register-terms[b-mid7tmtqk6] {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    color: #94a3b8;
    font-size: 10px;
    line-height: 1.55;
    cursor: pointer;
}

    .register-terms input[b-mid7tmtqk6] {
        width: 16px;
        height: 16px;
        margin: 1px 0 0;
        accent-color: #2563eb;
        cursor: pointer;
    }

    .register-terms a[b-mid7tmtqk6] {
        color: #60a5fa;
        font-weight: 750;
        text-decoration: none;
    }

        .register-terms a:hover[b-mid7tmtqk6] {
            color: #93c5fd;
        }

/* ==========================================================
   SUBMIT BUTTON
   ========================================================== */

.register-submit[b-mid7tmtqk6] {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 18px;
    border: 0;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, #2563eb, #3b82f6);
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.22);
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}

    .register-submit:hover:not(:disabled)[b-mid7tmtqk6] {
        transform: translateY(-1px);
        filter: brightness(1.06);
        box-shadow: 0 15px 30px rgba(37, 99, 235, 0.28);
    }

    .register-submit:active:not(:disabled)[b-mid7tmtqk6] {
        transform: translateY(0);
    }

    .register-submit:disabled[b-mid7tmtqk6] {
        cursor: not-allowed;
        opacity: 0.65;
    }

.register-submit-arrow[b-mid7tmtqk6] {
    font-size: 16px;
    transition: transform 0.2s ease;
}

.register-submit:hover:not(:disabled)
.register-submit-arrow[b-mid7tmtqk6] {
    transform: translateX(3px);
}

/* ==========================================================
   DIVIDER
   ========================================================== */

.register-divider[b-mid7tmtqk6] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #475569;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

    .register-divider[b-mid7tmtqk6]::before,
    .register-divider[b-mid7tmtqk6]::after {
        height: 1px;
        flex: 1;
        content: "";
        background: rgba(255, 255, 255, 0.06);
    }

/* ==========================================================
   FOOTER
   ========================================================== */

.register-footer[b-mid7tmtqk6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #64748b;
    font-size: 12px;
}

    .register-footer a[b-mid7tmtqk6] {
        color: #60a5fa;
        font-weight: 800;
        text-decoration: none;
    }

        .register-footer a:hover[b-mid7tmtqk6] {
            color: #93c5fd;
        }

/* ==========================================================
   SECURITY NOTE
   ========================================================== */

.register-security[b-mid7tmtqk6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #475569;
    font-size: 9px;
}

/* ==========================================================
   STATUS MESSAGE
   ========================================================== */

[b-mid7tmtqk6] .alert {
    margin: 0;
    padding: 11px 13px;
    border: 1px solid rgba(239, 68, 68, 0.24);
    border-radius: 10px;
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.06);
    font-size: 11px;
    line-height: 1.5;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .register-card[b-mid7tmtqk6] {
        gap: 20px;
    }

    .register-header h1[b-mid7tmtqk6] {
        font-size: 28px;
    }

    .register-form[b-mid7tmtqk6] {
        gap: 15px;
    }

    .register-input-wrapper[b-mid7tmtqk6] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .register-input-icon[b-mid7tmtqk6] {
        width: 40px;
    }

    .register-footer[b-mid7tmtqk6] {
        flex-wrap: wrap;
        text-align: center;
    }
}
/* /Components/Account/Pages/RegisterSuccess.razor.rz.scp.css */
/* ==========================================================
   REGISTER SUCCESS
   ========================================================== */

.register-success-page[b-phk6m54y96] {
    display: flex;
    width: 100%;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    padding: 32px 20px;
}


/* ==========================================================
   CARD
   ========================================================== */

.register-success-card[b-phk6m54y96] {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 520px;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding: 46px 42px 40px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at 50% 0%, rgba(34, 197, 94, 0.09), transparent 38% ), linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    text-align: center;
}

    .register-success-card[b-phk6m54y96]::before {
        position: absolute;
        top: 0;
        right: 14%;
        left: 14%;
        height: 1px;
        content: "";
        background: linear-gradient( 90deg, transparent, rgba(34, 197, 94, 0.7), transparent );
    }


/* ==========================================================
   ICON
   ========================================================== */

.register-success-icon[b-phk6m54y96] {
    display: grid;
    width: 70px;
    height: 70px;
    margin-bottom: 22px;
    place-items: center;
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 22px;
    color: #4ade80;
    background: linear-gradient( 145deg, rgba(34, 197, 94, 0.14), rgba(34, 197, 94, 0.045) );
    box-shadow: 0 16px 40px rgba(34, 197, 94, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


/* ==========================================================
   EYEBROW
   ========================================================== */

.register-success-eyebrow[b-phk6m54y96] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: var(--radius-pill);
    color: #4ade80;
    background: rgba(34, 197, 94, 0.07);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}


/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

.register-success-card h1[b-phk6m54y96] {
    margin: 18px 0 0;
    color: var(--text);
    font-size: clamp(1.9rem, 4vw, 2.35rem);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.register-success-card p[b-phk6m54y96] {
    max-width: 390px;
    margin: 14px 0 0;
    color: var(--text-secondary);
    font-size: 0.94rem;
    line-height: 1.65;
}


/* ==========================================================
   CONTINUE BUTTON
   ========================================================== */

.register-success-button[b-phk6m54y96] {
    display: inline-flex;
    width: 100%;
    min-height: 50px;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: var(--radius-md);
    color: #fff;
    background: linear-gradient( 135deg, var(--primary), #6366f1 );
    box-shadow: 0 14px 32px rgba(59, 130, 246, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

    .register-success-button:hover[b-phk6m54y96] {
        border-color: rgba(147, 197, 253, 0.4);
        color: #fff;
        box-shadow: 0 18px 38px rgba(59, 130, 246, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.14);
        transform: translateY(-1px);
    }

    .register-success-button:active[b-phk6m54y96] {
        transform: translateY(0);
    }


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 640px) {

    .register-success-page[b-phk6m54y96] {
        padding: 24px 16px;
    }

    .register-success-card[b-phk6m54y96] {
        padding: 38px 24px 32px;
        border-radius: var(--radius-lg);
    }

    .register-success-icon[b-phk6m54y96] {
        width: 62px;
        height: 62px;
        border-radius: 19px;
    }

    .register-success-card h1[b-phk6m54y96] {
        font-size: 1.85rem;
    }

    .register-success-card p[b-phk6m54y96] {
        font-size: 0.9rem;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .register-success-button[b-phk6m54y96] {
        transition: none;
    }

        .register-success-button:hover[b-phk6m54y96],
        .register-success-button:active[b-phk6m54y96] {
            transform: none;
        }
}
/* /Components/Account/Shared/AuthLayout.razor.rz.scp.css */
.auth-page[b-pv4su8sf8c] {
    display: flex;
    width: 100%;
    min-height: 100vh;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background: radial-gradient( circle at 15% 10%, rgba(37, 99, 235, 0.16), transparent 30%), radial-gradient( circle at 85% 85%, rgba(34, 197, 94, 0.08), transparent 26%), #020617;
}

.auth-back-link[b-pv4su8sf8c] {
    width: 100%;
    max-width: 1120px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .auth-back-link:hover[b-pv4su8sf8c] {
        color: #f8fafc;
    }

.auth-shell[b-pv4su8sf8c] {
    display: grid;
    width: 100%;
    max-width: 1120px;
    min-height: 650px;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 0.7fr);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 26px;
    overflow: hidden;
    background: linear-gradient( 145deg, rgba(15, 23, 42, 0.96), rgba(8, 15, 29, 0.98));
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}

.auth-brand-panel[b-pv4su8sf8c] {
    display: flex;
    min-width: 0;
    padding: 54px;
    flex-direction: column;
    justify-content: space-between;
    gap: 36px;
    border-right: 1px solid rgba(255, 255, 255, 0.055);
    background: linear-gradient( 145deg, rgba(37, 99, 235, 0.08), rgba(15, 23, 42, 0.18));
}

.auth-brand-mark[b-pv4su8sf8c] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 16px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.1);
    font-size: 23px;
}

.auth-brand-copy[b-pv4su8sf8c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.auth-eyebrow[b-pv4su8sf8c] {
    color: #60a5fa;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.auth-brand-copy h1[b-pv4su8sf8c] {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(40px, 5vw, 62px);
    font-weight: 950;
    letter-spacing: -2.1px;
}

.auth-brand-copy p[b-pv4su8sf8c] {
    max-width: 520px;
    margin: 0;
    color: #94a3b8;
    font-size: 15px;
    line-height: 1.7;
}

.auth-benefits[b-pv4su8sf8c] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.auth-benefit[b-pv4su8sf8c] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.045);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.018);
}

    .auth-benefit > span[b-pv4su8sf8c] {
        display: grid;
        width: 26px;
        height: 26px;
        place-items: center;
        border-radius: 50%;
        color: #22c55e;
        background: rgba(34, 197, 94, 0.1);
        font-size: 12px;
        font-weight: 900;
    }

    .auth-benefit > div[b-pv4su8sf8c] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 4px;
    }

    .auth-benefit strong[b-pv4su8sf8c] {
        color: #e2e8f0;
        font-size: 13px;
    }

    .auth-benefit small[b-pv4su8sf8c] {
        color: #64748b;
        font-size: 11px;
        line-height: 1.5;
    }

.auth-form-panel[b-pv4su8sf8c] {
    display: flex;
    min-width: 0;
    padding: 54px;
    align-items: center;
    justify-content: center;
}

    .auth-form-panel > *[b-pv4su8sf8c] {
        width: 100%;
        max-width: 430px;
    }

@media (max-width: 920px) {
    .auth-page[b-pv4su8sf8c] {
        padding: 20px;
    }

    .auth-shell[b-pv4su8sf8c] {
        grid-template-columns: 1fr;
    }

    .auth-brand-panel[b-pv4su8sf8c] {
        padding: 34px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    }

    .auth-form-panel[b-pv4su8sf8c] {
        padding: 34px;
    }
}

@media (max-width: 560px) {
    .auth-page[b-pv4su8sf8c] {
        padding: 12px;
    }

    .auth-brand-panel[b-pv4su8sf8c],
    .auth-form-panel[b-pv4su8sf8c] {
        padding: 24px;
    }

    .auth-shell[b-pv4su8sf8c] {
        min-height: auto;
        border-radius: 20px;
    }
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */



/***************************************************
    RESPONSIVE
****************************************************/

@media (max-width:1100px) {

    .manage-layout[b-vsljbiaggc] {
        grid-template-columns: 1fr;
    }

    .manage-sidebar[b-vsljbiaggc] {
        position: static;
    }
}

@media (max-width:768px) {

    .manage-layout[b-vsljbiaggc] {
        padding: 0 16px;
        margin: 24px auto;
    }
}


.account-manage-shell[b-vsljbiaggc] {
    display: grid;
    width: 100%;
    max-width: 1180px;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 24px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}

.account-manage-nav[b-vsljbiaggc] {
    width: 100%;
    min-width: 0;
    align-self: start;
}

.account-manage-content[b-vsljbiaggc] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 20px;
}

.account-manage-card[b-vsljbiaggc],
.account-subscription-card[b-vsljbiaggc] {
    width: 100%;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.97), rgba(12, 23, 41, 0.97) );
}

.account-subscription-plan[b-vsljbiaggc] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.account-manage-nav[b-vsljbiaggc] {
    padding: 8px 0;
}


.account-nav[b-vsljbiaggc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 24px;
}

.account-nav-link[b-vsljbiaggc] {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #8294ad !important;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none !important;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}

    .account-nav-link:hover[b-vsljbiaggc] {
        color: #f8fafc !important;
        background: rgba(59, 130, 246, 0.06);
    }

    .account-nav-link.active[b-vsljbiaggc] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.12);
        background: linear-gradient( 90deg, rgba(37, 99, 235, 0.18), rgba(59, 130, 246, 0.07) );
    }

.account-nav-icon[b-vsljbiaggc] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    align-items: center;
    justify-content: center;
    color: #60a5fa;
    font-size: 11px;
}


.account-back-link[b-vsljbiaggc] {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
    color: #8294ad;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}

    .account-back-link:hover[b-vsljbiaggc] {
        color: #ffffff;
        transform: translateX(-3px);
    }

    .account-back-link svg[b-vsljbiaggc] {
        flex: 0 0 auto;
    }

@media (max-width: 900px) {

    .account-manage-shell[b-vsljbiaggc] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 32px 20px 64px;
    }

    .account-manage-nav[b-vsljbiaggc] {
        width: 100%;
        min-width: 0;
        padding: 0;
    }

    .account-manage-content[b-vsljbiaggc] {
        width: 100%;
        min-width: 0;
    }

    .account-nav[b-vsljbiaggc] {
        width: 100%;
        margin-top: 20px;
    }

    .account-nav-link[b-vsljbiaggc] {
        width: 100%;
    }
}


@media (max-width: 600px) {

    .account-manage-shell[b-vsljbiaggc] {
        gap: 28px;
        padding: 24px 16px 48px;
    }

    .account-back-link[b-vsljbiaggc] {
        margin-bottom: 24px;
    }

    .account-manage-nav h2[b-vsljbiaggc] {
        font-size: 28px;
    }

    .account-manage-nav > p[b-vsljbiaggc] {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.55;
    }

    .account-nav[b-vsljbiaggc] {
        gap: 4px;
    }

    .account-nav-link[b-vsljbiaggc] {
        min-height: 46px;
        padding: 0 12px;
        font-size: 15px;
    }

    .account-nav-icon[b-vsljbiaggc] {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }

    .account-manage-card[b-vsljbiaggc],
    .account-subscription-card[b-vsljbiaggc] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding: 20px;
        overflow: hidden;
    }

    .account-subscription-plan[b-vsljbiaggc] {
        grid-template-columns: 1fr;
    }

    .account-manage-content input[b-vsljbiaggc],
    .account-manage-content select[b-vsljbiaggc],
    .account-manage-content textarea[b-vsljbiaggc],
    .account-manage-content button[b-vsljbiaggc] {
        max-width: 100%;
    }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav[b-8ip8g3fkbo] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
}

.manage-nav-link[b-8ip8g3fkbo] {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #8294ad;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 800;
}

    .manage-nav-link:hover[b-8ip8g3fkbo] {
        color: #f8fafc;
        background: rgba(59, 130, 246, 0.055);
        border-color: rgba(96, 165, 250, 0.08);
        transform: translateX(2px);
    }

    .manage-nav-link.active[b-8ip8g3fkbo] {
        color: #ffffff;
        border-color: rgba(96, 165, 250, 0.14);
        background: linear-gradient( 90deg, rgba(37, 99, 235, 0.18), rgba(59, 130, 246, 0.07) );
        box-shadow: inset 3px 0 0 rgba(96, 165, 250, 0.75);
    }

.manage-nav-icon[b-8ip8g3fkbo] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 8px;
    color: #7186a4;
    background: rgba(255, 255, 255, 0.025);
    transition: color 160ms ease, background 160ms ease;
}

.manage-nav-link:hover .manage-nav-icon[b-8ip8g3fkbo],
.manage-nav-link.active .manage-nav-icon[b-8ip8g3fkbo] {
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.09);
}

.manage-nav[b-8ip8g3fkbo] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 26px;
}

.manage-nav-link[b-8ip8g3fkbo] {
    display: flex !important;
    align-items: center !important;
    gap: 11px;
    width: 100%;
    min-height: 44px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #8294ad;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 800;
}

.manage-nav-icon[b-8ip8g3fkbo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 8px;
    color: #7890ae;
    background: rgba(255, 255, 255, 0.025);
}

.manage-nav-link:hover[b-8ip8g3fkbo] {
    color: #f8fafc;
    background: rgba(59, 130, 246, 0.055);
    border-color: rgba(96, 165, 250, 0.08);
}

.manage-nav-link.active[b-8ip8g3fkbo] {
    color: #ffffff;
    background: linear-gradient( 90deg, rgba(37, 99, 235, 0.18), rgba(59, 130, 246, 0.06) );
    border-color: rgba(96, 165, 250, 0.13);
}

    .manage-nav-link.active .manage-nav-icon[b-8ip8g3fkbo] {
        color: #60a5fa;
        background: rgba(59, 130, 246, 0.11);
    }

.manage-nav-link.active[b-8ip8g3fkbo] {
    color: #ffffff;
    background: linear-gradient( 90deg, rgba(37, 99, 235, 0.20), rgba(59, 130, 246, 0.07) );
    border-color: rgba(96, 165, 250, 0.16);
    box-shadow: inset 3px 0 0 #60a5fa;
}

    .manage-nav-link.active .manage-nav-icon[b-8ip8g3fkbo] {
        color: #60a5fa;
        background: rgba(59, 130, 246, 0.12);
    }

.manage-nav-link.active[b-8ip8g3fkbo] {
    color: #ffffff;
    background: linear-gradient( 90deg, rgba(37, 99, 235, 0.22), rgba(59, 130, 246, 0.08) );
    border-color: rgba(96, 165, 250, 0.18);
    box-shadow: inset 3px 0 0 #3b82f6;
}

.manage-nav-icon[b-8ip8g3fkbo] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #7186a4;
    background: rgba(255, 255, 255, 0.025);
}

.manage-nav-link.active .manage-nav-icon[b-8ip8g3fkbo] {
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.14);
}

.manage-nav-link[b-8ip8g3fkbo] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #8294ad;
    text-decoration: none;
    transition: all 0.15s ease;
}

/* NavLink selecionado */
[b-8ip8g3fkbo] a.manage-nav-link.active {
    color: #ffffff;
    background: rgba(37, 99, 235, 0.12);
    border-color: rgba(96, 165, 250, 0.12);
    box-shadow: inset 3px 0 0 #3b82f6;
    padding-bottom:2px;
}

    [b-8ip8g3fkbo] a.manage-nav-link.active .manage-nav-icon {
        color: #60a5fa;
        background: rgba(59, 130, 246, 0.15);
    }
/* /Components/Account/Shared/PasskeySubmit.razor.rz.scp.css */

.passkeys-primary-button[b-utl1i26k6k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

    .passkeys-primary-button:hover[b-utl1i26k6k] {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.40);
        box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22);
    }

    .passkeys-primary-button:active[b-utl1i26k6k] {
        transform: translateY(0);
    }

    .passkeys-primary-button:focus-visible[b-utl1i26k6k] {
        outline: none;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16), 0 8px 22px rgba(37, 99, 235, 0.15);
    }
/* /Components/Business/AIInsightCard/AIInsightCard.razor.rz.scp.css */
body[b-hru7ydbvzt] {
}
/* /Components/Business/OpportunityCard/OpportunityCard.razor.rz.scp.css */
/* ==========================================================
   CARD
   ========================================================== */

.opportunity-card[b-r16a8nzgrd] {
    position: relative;
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 20px 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 22px;
    background: radial-gradient( circle at top right, rgba(37, 99, 235, 0.14), transparent 34% ), radial-gradient( circle at bottom left, rgba(124, 58, 237, 0.07), transparent 36% ), linear-gradient( 180deg, #1b2942 0%, #162238 48%, #121c30 100% );
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.20), 0 36px 100px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    animation: opportunity-card-enter-b-r16a8nzgrd 0.65s cubic-bezier(.2, .8, .2, 1) both;
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

    .opportunity-card:hover[b-r16a8nzgrd] {
        transform: translateY(-3px);
        border-color: rgba(96, 165, 250, 0.15);
        box-shadow: 0 28px 68px rgba(0, 0, 0, 0.32), 0 0 36px rgba(37, 99, 235, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }


@keyframes opportunity-card-enter-b-r16a8nzgrd {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


.opportunity-card-glow[b-r16a8nzgrd] {
    position: absolute;
    top: -170px;
    right: -120px;
    width: 330px;
    height: 330px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.12), transparent 68% );
    filter: blur(16px);
}


/* ==========================================================
   HEADER
   ========================================================== */

.opportunity-header[b-r16a8nzgrd] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    margin-bottom: 15px;
    gap: 16px;
}


.opportunity-label[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
    color: #93c5fd;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.25px;
    text-transform: uppercase;
}


.opportunity-label-icon[b-r16a8nzgrd] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.20);
    border-radius: 9px;
    color: #93c5fd;
    background: rgba(59, 130, 246, 0.09);
}


/* ==========================================================
   PRIMARY HORIZONTAL ROW
   ========================================================== */

.opportunity-main-row[b-r16a8nzgrd] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(190px, 0.9fr) minmax(220px, 1.08fr) minmax(250px, 1.02fr) minmax(260px, 1.15fr);
    align-items: stretch;
    min-width: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}


    .opportunity-main-row > section[b-r16a8nzgrd] {
        min-width: 0;
        padding: 18px 20px;
    }


        .opportunity-main-row > section:first-child[b-r16a8nzgrd] {
            padding-left: 0;
        }


        .opportunity-main-row > section:last-child[b-r16a8nzgrd] {
            padding-right: 0;
        }


        .opportunity-main-row > section + section[b-r16a8nzgrd] {
            border-left: 1px solid rgba(255, 255, 255, 0.055);
        }


/* ==========================================================
   MARKET
   ========================================================== */

.opportunity-market[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
}


.opportunity-pair[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 14px;
}


.opportunity-pair-copy[b-r16a8nzgrd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}


.opportunity-pair-heading[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}


    .opportunity-pair-heading > strong[b-r16a8nzgrd] {
        overflow: hidden;
        color: #f8fafc;
        font-size: 25px;
        font-weight: 950;
        line-height: 1;
        letter-spacing: -0.75px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


.opportunity-pair-copy > small[b-r16a8nzgrd] {
    color: #71819b;
    font-size: 11px;
    font-weight: 750;
}


/* ==========================================================
   SCORE
   ========================================================== */

.opportunity-score[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}


.opportunity-score-heading[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}


    .opportunity-score-heading > div:first-child[b-r16a8nzgrd] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }


    .opportunity-score-heading span[b-r16a8nzgrd],
    .opportunity-section-label[b-r16a8nzgrd],
    .opportunity-metric > span[b-r16a8nzgrd] {
        color: #6d7d96;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 0.9px;
        text-transform: uppercase;
    }


    .opportunity-score-heading small[b-r16a8nzgrd] {
        color: #526078;
        font-size: 9px;
        font-weight: 700;
    }


.opportunity-score-value[b-r16a8nzgrd] {
    display: inline-flex;
    align-items: baseline;
    flex: 0 0 auto;
    gap: 4px;
}


.opportunity-score-number[b-r16a8nzgrd] {
    color: var(--text);
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
}


.opportunity-score-value span[b-r16a8nzgrd] {
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: none;
}


.opportunity-score-meta[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 10px;
}


    .opportunity-score-meta > span:last-child[b-r16a8nzgrd] {
        overflow: hidden;
        color: #64748b;
        font-size: 9px;
        font-weight: 700;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* ==========================================================
   METRICS
   ========================================================== */

.opportunity-metrics[b-r16a8nzgrd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    min-width: 0;
}


.opportunity-metric[b-r16a8nzgrd] {
    display: flex;
    min-width: 0;
    padding: 0 14px;
    flex-direction: column;
    gap: 6px;
}


    .opportunity-metric:first-child[b-r16a8nzgrd] {
        padding-left: 0;
    }


    .opportunity-metric:last-child[b-r16a8nzgrd] {
        padding-right: 0;
    }


    .opportunity-metric + .opportunity-metric[b-r16a8nzgrd] {
        border-left: 1px solid rgba(255, 255, 255, 0.055);
    }


    .opportunity-metric strong[b-r16a8nzgrd] {
        color: #e2e8f0;
        font-size: 15px;
        font-weight: 900;
        white-space: nowrap;
    }


.opportunity-price[b-r16a8nzgrd] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}


.opportunity-price-value[b-r16a8nzgrd] {
    color: inherit;
}


.opportunity-price-quote[b-r16a8nzgrd] {
    color: #7184a0;
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}


.opportunity-trend-bullish[b-r16a8nzgrd] {
    color: #22c55e !important;
}


.opportunity-trend-bearish[b-r16a8nzgrd] {
    color: #ef4444 !important;
}


.opportunity-trend-neutral[b-r16a8nzgrd] {
    color: #94a3b8 !important;
}


/* ==========================================================
   PORTFOLIO CONTEXT
   ========================================================== */

.opportunity-portfolio[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    background: linear-gradient( 135deg, rgba(124, 58, 237, 0.045), rgba(255, 255, 255, 0.008) );
}


.opportunity-portfolio-heading[b-r16a8nzgrd],
.opportunity-portfolio-new-copy[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
}


    .opportunity-portfolio-heading > div[b-r16a8nzgrd],
    .opportunity-portfolio-new-copy > div[b-r16a8nzgrd] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 2px;
    }


    .opportunity-portfolio-heading strong[b-r16a8nzgrd],
    .opportunity-portfolio-new-copy strong[b-r16a8nzgrd] {
        color: #f8fafc;
        font-size: 11px;
        font-weight: 800;
    }


    .opportunity-portfolio-heading small[b-r16a8nzgrd],
    .opportunity-portfolio-new-copy small[b-r16a8nzgrd] {
        color: #7f8ba0;
        font-size: 9px;
        font-weight: 650;
    }


.opportunity-portfolio-icon[b-r16a8nzgrd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 1px solid rgba(139, 92, 246, 0.24);
    border-radius: 9px;
    color: #a78bfa;
    background: rgba(124, 58, 237, 0.10);
}


/* ==========================================================
   PORTFOLIO INLINE METRICS
   ========================================================== */

.opportunity-portfolio-inline-metrics[b-r16a8nzgrd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}


    .opportunity-portfolio-inline-metrics > div[b-r16a8nzgrd] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 3px;
    }


    .opportunity-portfolio-inline-metrics span[b-r16a8nzgrd] {
        color: #68778e;
        font-size: 8px;
        font-weight: 750;
        text-transform: uppercase;
    }


    .opportunity-portfolio-inline-metrics strong[b-r16a8nzgrd] {
        color: #e2e8f0;
        font-size: 10px;
        font-weight: 800;
        white-space: nowrap;
    }


        .opportunity-portfolio-inline-metrics strong small[b-r16a8nzgrd] {
            margin-left: 2px;
            color: #71819b;
            font-size: 7px;
            font-weight: 600;
        }


/* ==========================================================
   PORTFOLIO RESULT
   ========================================================== */

.opportunity-portfolio-result[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}


    .opportunity-portfolio-result > div:first-child[b-r16a8nzgrd] {
        display: flex;
        flex-direction: column;
        gap: 1px;
    }


        .opportunity-portfolio-result > div:first-child > span[b-r16a8nzgrd] {
            color: #8c99ad;
            font-size: 9px;
            font-weight: 700;
        }


        .opportunity-portfolio-result > div:first-child > small[b-r16a8nzgrd] {
            color: #5e6d84;
            font-size: 8px;
        }


.opportunity-portfolio-result-value[b-r16a8nzgrd] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    text-align: right;
}


    .opportunity-portfolio-result-value strong[b-r16a8nzgrd] {
        font-size: 11px;
    }


    .opportunity-portfolio-result-value span[b-r16a8nzgrd] {
        font-size: 9px;
        font-weight: 700;
    }


.opportunity-portfolio-profit[b-r16a8nzgrd] {
    color: #4ade80;
}


.opportunity-portfolio-loss[b-r16a8nzgrd] {
    color: #fb7185;
}


.opportunity-portfolio-neutral[b-r16a8nzgrd] {
    color: inherit;
}


/* ==========================================================
   BUY GUIDANCE / EXPOSURE
   ========================================================== */

.opportunity-portfolio-guidance[b-r16a8nzgrd] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
}


    .opportunity-portfolio-guidance > svg[b-r16a8nzgrd] {
        flex: 0 0 auto;
        margin-top: 1px;
        color: #a78bfa;
    }


    .opportunity-portfolio-guidance > div[b-r16a8nzgrd] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 2px;
    }


    .opportunity-portfolio-guidance strong[b-r16a8nzgrd] {
        color: #ddd6fe;
        font-size: 9px;
        font-weight: 750;
    }


    .opportunity-portfolio-guidance span[b-r16a8nzgrd] {
        color: #8291a8;
        font-size: 8px;
        line-height: 1.35;
    }


.opportunity-portfolio-exposure[b-r16a8nzgrd] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding-top: 7px;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
}


.opportunity-portfolio-exposure-dot[b-r16a8nzgrd] {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    margin-top: 4px;
    border-radius: 50%;
}


.opportunity-portfolio-exposure > div[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


.opportunity-portfolio-exposure strong[b-r16a8nzgrd] {
    color: #e2e8f0;
    font-size: 9px;
    font-weight: 750;
}


.opportunity-portfolio-exposure span[b-r16a8nzgrd] {
    color: #8291a8;
    font-size: 8px;
    line-height: 1.35;
}


.opportunity-portfolio-exposure.is-concentrated
.opportunity-portfolio-exposure-dot[b-r16a8nzgrd] {
    background: #f59e0b;
}


.opportunity-portfolio-exposure.is-existing
.opportunity-portfolio-exposure-dot[b-r16a8nzgrd] {
    background: #60a5fa;
}


.opportunity-portfolio-exposure.is-new
.opportunity-portfolio-exposure-dot[b-r16a8nzgrd] {
    background: #34d399;
}


/* ==========================================================
   NEW POSITION
   ========================================================== */

.opportunity-portfolio-new-layout[b-r16a8nzgrd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}


.opportunity-portfolio-new-copy[b-r16a8nzgrd] {
    align-items: flex-start;
}


    .opportunity-portfolio-new-copy p[b-r16a8nzgrd] {
        margin: 3px 0 0;
        color: #8291a8;
        font-size: 9px;
        line-height: 1.4;
    }


.opportunity-portfolio-new-price[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    text-align: right;
}


    .opportunity-portfolio-new-price > span[b-r16a8nzgrd] {
        color: #68778e;
        font-size: 8px;
        font-weight: 750;
        text-transform: uppercase;
    }


    .opportunity-portfolio-new-price > strong[b-r16a8nzgrd] {
        color: #f8fafc;
        font-size: 12px;
        font-weight: 850;
        white-space: nowrap;
    }


    .opportunity-portfolio-new-price small[b-r16a8nzgrd] {
        margin-left: 2px;
        color: #71819b;
        font-size: 7px;
    }


/* ==========================================================
   PORTFOLIO WARNING
   ========================================================== */

.opportunity-portfolio-warning[b-r16a8nzgrd] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding-top: 7px;
    border-top: 1px solid rgba(245, 158, 11, 0.10);
    color: #fbbf24;
    font-size: 8px;
    line-height: 1.35;
}


    .opportunity-portfolio-warning svg[b-r16a8nzgrd] {
        flex: 0 0 auto;
        margin-top: 1px;
    }


/* ==========================================================
   SECONDARY ROW
   ========================================================== */

.opportunity-secondary-row[b-r16a8nzgrd] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) auto;
    align-items: center;
    min-width: 0;
    margin-top: 15px;
    gap: 18px;
}


/* ==========================================================
   REASONS
   ========================================================== */

.opportunity-reasons[b-r16a8nzgrd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}


    .opportunity-reasons ul[b-r16a8nzgrd] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        column-gap: 18px;
        row-gap: 6px;
        list-style: none;
    }


    .opportunity-reasons li[b-r16a8nzgrd] {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 6px;
        color: #a8b3c7;
        font-size: 9px;
        line-height: 1.35;
    }


.opportunity-reason-check[b-r16a8nzgrd] {
    display: inline-grid;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    place-items: center;
    border: 1px solid rgba(34, 197, 94, 0.08);
    border-radius: 6px;
    color: #22c55e;
    background: rgba(34, 197, 94, 0.07);
}


/* ==========================================================
   AI ANALYST
   ========================================================== */

.opportunity-ai[b-r16a8nzgrd] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 9px;
    row-gap: 4px;
    padding-left: 18px;
    border-left: 1px solid rgba(255, 255, 255, 0.055);
}


.opportunity-ai-header[b-r16a8nzgrd] {
    display: contents;
}


.opportunity-ai-icon[b-r16a8nzgrd] {
    display: grid;
    width: 28px;
    height: 28px;
    grid-row: 1 / span 2;
    place-items: center;
    border: 1px solid rgba(192, 132, 252, 0.14);
    border-radius: 9px;
    color: #c084fc;
    background: rgba(168, 85, 247, 0.09);
}


.opportunity-ai-header > div[b-r16a8nzgrd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1px;
}


.opportunity-ai-header strong[b-r16a8nzgrd] {
    color: #eadcff;
    font-size: 10px;
    font-weight: 850;
}


.opportunity-ai-header small[b-r16a8nzgrd] {
    color: #806d9e;
    font-size: 8px;
    font-weight: 750;
}


.opportunity-ai p[b-r16a8nzgrd] {
    grid-column: 2;
    margin: 0;
    color: #9f93b2;
    font-size: 8px;
    line-height: 1.4;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.opportunity-footer[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-left: 18px;
    border-left: 1px solid rgba(255, 255, 255, 0.055);
}


    .opportunity-footer > span[b-r16a8nzgrd] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #64748b;
        font-size: 8px;
        font-weight: 750;
        white-space: nowrap;
    }


    .opportunity-footer a[b-r16a8nzgrd],
    .opportunity-footer a:visited[b-r16a8nzgrd] {
        display: inline-flex;
        align-items: center;
        min-height: 36px;
        padding: 0 14px;
        gap: 8px;
        border: 1px solid rgba(96, 165, 250, 0.22);
        border-radius: 999px;
        color: #f8fafc !important;
        font-size: 9px;
        font-weight: 850;
        text-decoration: none !important;
        white-space: nowrap;
        transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
    }


        .opportunity-footer a:hover[b-r16a8nzgrd] {
            transform: translateX(2px);
            border-color: rgba(96, 165, 250, 0.45);
            background: rgba(59, 130, 246, 0.07);
        }


/* ==========================================================
   HERO VARIANT
   ========================================================== */

.opportunity-hero-layout[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.opportunity-hero-market[b-r16a8nzgrd] {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.opportunity-hero-score[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.opportunity-hero-metrics[b-r16a8nzgrd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

    .opportunity-hero-metrics > div[b-r16a8nzgrd] {
        display: flex;
        min-width: 0;
        padding: 12px 14px;
        flex-direction: column;
        gap: 5px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.018);
    }

        .opportunity-hero-metrics > div > span[b-r16a8nzgrd] {
            color: #6d7d96;
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 0.9px;
            text-transform: uppercase;
        }

    .opportunity-hero-metrics strong[b-r16a8nzgrd] {
        color: #e2e8f0;
        font-size: 15px;
        font-weight: 900;
    }

.opportunity-hero-ai[b-r16a8nzgrd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 13px 14px;
    border: 1px solid rgba(168, 85, 247, 0.12);
    border-radius: 12px;
    background: radial-gradient( circle at top right, rgba(124, 58, 237, 0.08), transparent 42% ), linear-gradient( 145deg, rgba(124, 58, 237, 0.055), rgba(37, 99, 235, 0.025) );
}

    .opportunity-hero-ai p[b-r16a8nzgrd] {
        margin: 0;
        color: #a89bb8;
        font-size: 10px;
        line-height: 1.45;
    }

.opportunity-card:has(.opportunity-hero-layout)[b-r16a8nzgrd] {
    max-width: 680px;
    padding: 20px;
}

/* ==========================================================
   DESKTOP — SLIGHTLY NARROWER
   ========================================================== */

@media (max-width: 1280px) {

    .opportunity-main-row[b-r16a8nzgrd] {
        grid-template-columns: minmax(180px, 0.9fr) minmax(205px, 1fr) minmax(220px, 0.95fr) minmax(240px, 1.08fr);
    }

        .opportunity-main-row > section[b-r16a8nzgrd] {
            padding-inline: 15px;
        }

    .opportunity-pair-heading > strong[b-r16a8nzgrd] {
        font-size: 22px;
    }

    .opportunity-secondary-row[b-r16a8nzgrd] {
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) auto;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 980px) {

    .opportunity-card[b-r16a8nzgrd] {
        padding: 20px;
    }

    .opportunity-main-row[b-r16a8nzgrd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .opportunity-main-row > section[b-r16a8nzgrd] {
            padding: 16px;
        }

            .opportunity-main-row > section:first-child[b-r16a8nzgrd] {
                padding-left: 16px;
            }

            .opportunity-main-row > section:last-child[b-r16a8nzgrd] {
                padding-right: 16px;
            }

            .opportunity-main-row > section + section[b-r16a8nzgrd] {
                border-left: 0;
            }

            .opportunity-main-row > section:nth-child(even)[b-r16a8nzgrd] {
                border-left: 1px solid rgba(255, 255, 255, 0.055);
            }

            .opportunity-main-row > section:nth-child(n + 3)[b-r16a8nzgrd] {
                border-top: 1px solid rgba(255, 255, 255, 0.055);
            }

    .opportunity-secondary-row[b-r16a8nzgrd] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .opportunity-footer[b-r16a8nzgrd] {
        grid-column: 1 / -1;
        justify-content: space-between;
        padding-top: 12px;
        padding-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.055);
        border-left: 0;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {

    .opportunity-card[b-r16a8nzgrd] {
        padding: 16px;
        border-radius: 18px;
    }


    .opportunity-header[b-r16a8nzgrd] {
        margin-bottom: 12px;
    }


    .opportunity-label[b-r16a8nzgrd] {
        font-size: 9px;
    }


    .opportunity-label-icon[b-r16a8nzgrd] {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }


    .opportunity-main-row[b-r16a8nzgrd] {
        display: flex;
        flex-direction: column;
    }


        .opportunity-main-row > section[b-r16a8nzgrd],
        .opportunity-main-row > section:first-child[b-r16a8nzgrd],
        .opportunity-main-row > section:last-child[b-r16a8nzgrd] {
            padding: 15px 0;
        }


            .opportunity-main-row > section + section[b-r16a8nzgrd],
            .opportunity-main-row > section:nth-child(even)[b-r16a8nzgrd] {
                border-left: 0;
            }


            .opportunity-main-row > section:nth-child(n + 2)[b-r16a8nzgrd] {
                border-top: 1px solid rgba(255, 255, 255, 0.055);
            }


    .opportunity-market[b-r16a8nzgrd] {
        padding-top: 14px;
    }


    .opportunity-pair-heading[b-r16a8nzgrd] {
        justify-content: space-between;
        width: 100%;
    }


        .opportunity-pair-heading > strong[b-r16a8nzgrd] {
            font-size: 22px;
        }


    .opportunity-score-number[b-r16a8nzgrd] {
        font-size: 22px;
    }


    .opportunity-metrics[b-r16a8nzgrd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    .opportunity-metric[b-r16a8nzgrd] {
        padding-inline: 10px;
    }


        .opportunity-metric strong[b-r16a8nzgrd] {
            font-size: 13px;
        }


    .opportunity-portfolio-inline-metrics[b-r16a8nzgrd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


    .opportunity-portfolio-new-layout[b-r16a8nzgrd] {
        grid-template-columns: 1fr auto;
    }


    .opportunity-secondary-row[b-r16a8nzgrd] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-top: 14px;
    }


    .opportunity-ai[b-r16a8nzgrd],
    .opportunity-footer[b-r16a8nzgrd] {
        padding-top: 14px;
        padding-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.055);
        border-left: 0;
    }


    .opportunity-footer[b-r16a8nzgrd] {
        display: flex;
        justify-content: space-between;
    }

    .opportunity-hero-metrics[b-r16a8nzgrd] {
        grid-template-columns: 1fr;
    }

    .opportunity-card:has(.opportunity-hero-layout)[b-r16a8nzgrd] {
        max-width: none;
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 440px) {

    .opportunity-card[b-r16a8nzgrd] {
        padding: 14px;
    }


    .opportunity-pair[b-r16a8nzgrd] {
        gap: 10px;
    }


    .opportunity-pair-heading[b-r16a8nzgrd] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }


        .opportunity-pair-heading > strong[b-r16a8nzgrd] {
            font-size: 20px;
        }


    .opportunity-metrics[b-r16a8nzgrd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .opportunity-metric[b-r16a8nzgrd] {
        padding: 0 10px 0 0;
    }


        .opportunity-metric:nth-child(2)[b-r16a8nzgrd] {
            padding-right: 0;
        }


        .opportunity-metric:nth-child(3)[b-r16a8nzgrd] {
            grid-column: 1 / -1;
            margin-top: 10px;
            padding-top: 10px;
            padding-right: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.055);
            border-left: 0;
        }


    .opportunity-portfolio-inline-metrics[b-r16a8nzgrd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


        .opportunity-portfolio-inline-metrics > div:nth-child(3)[b-r16a8nzgrd] {
            grid-column: 1 / -1;
        }


    .opportunity-portfolio-new-layout[b-r16a8nzgrd] {
        grid-template-columns: 1fr;
    }


    .opportunity-portfolio-new-price[b-r16a8nzgrd] {
        align-items: flex-start;
        padding-top: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.055);
        text-align: left;
    }


    .opportunity-reasons ul[b-r16a8nzgrd] {
        flex-direction: column;
        align-items: flex-start;
    }


    .opportunity-footer a[b-r16a8nzgrd],
    .opportunity-footer a:visited[b-r16a8nzgrd] {
        min-height: 34px;
        padding-inline: 12px;
    }
}


/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .opportunity-card[b-r16a8nzgrd],
    .opportunity-footer a[b-r16a8nzgrd] {
        animation: none;
        transition: none;
    }
}


.opportunity-results-grid[b-r16a8nzgrd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
}

.opportunity-header-actions[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.opportunity-favorite-badge[b-r16a8nzgrd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(245, 158, 11, 0.18);
    border-radius: 999px;
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.07);
    font-size: 9px;
    font-weight: 800;
}

.opportunity-header-actions[b-r16a8nzgrd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.opportunity-favorite-badge[b-r16a8nzgrd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(245, 158, 11, 0.18);
    border-radius: 999px;
    color: #fbbf24;
    background: rgba(245, 158, 11, 0.07);
    font-size: 9px;
    font-weight: 800;
}
/* /Components/Common/AnimatedNumber/AnimatedNumber.razor.rz.scp.css */
.animated-number[b-a141ngc07t] {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.animated-number-suffix[b-a141ngc07t] {
    color: inherit;
    font-size: 0.45em;
    font-weight: 850;
    opacity: 0.68;
}
/* /Components/Common/Card/Card.razor.rz.scp.css */
.ui-card[b-9g3dl72u7c] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    --card-accent: var(--primary-light);
    --card-glow: rgba(59, 130, 246, 0.08);
}

.ui-card-overflow-hidden[b-9g3dl72u7c] {
    overflow: hidden;
}

/* ==========================================================
   PADDING
   ========================================================== */

.ui-card-padding-none[b-9g3dl72u7c] {
    padding: 0;
}

.ui-card-padding-small[b-9g3dl72u7c] {
    padding: 14px;
}

.ui-card-padding-medium[b-9g3dl72u7c] {
    padding: 18px;
}

.ui-card-padding-large[b-9g3dl72u7c] {
    padding: 24px;
}

/* ==========================================================
   VARIANTS
   ========================================================== */

.ui-card-default[b-9g3dl72u7c] {
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012) );
}

.ui-card-glass[b-9g3dl72u7c] {
    border-color: rgba(148, 163, 184, 0.13);
    background: linear-gradient( 145deg, rgba(24, 39, 65, 0.78), rgba(14, 24, 43, 0.86) );
    backdrop-filter: blur(14px);
}

.ui-card-primaryglow[b-9g3dl72u7c] {
    --card-accent: var(--primary-light);
    --card-glow: rgba(59, 130, 246, 0.12);
    border-color: rgba(96, 165, 250, 0.18);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.09), transparent 42% ), linear-gradient( 145deg, rgba(24, 39, 65, 0.96), rgba(14, 24, 43, 0.98) );
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ui-card-successglow[b-9g3dl72u7c] {
    --card-accent: var(--success);
    --card-glow: rgba(34, 197, 94, 0.11);
    border-color: rgba(34, 197, 94, 0.15);
}

.ui-card-warningglow[b-9g3dl72u7c] {
    --card-accent: var(--warning);
    --card-glow: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.15);
}

.ui-card-dangerglow[b-9g3dl72u7c] {
    --card-accent: var(--danger);
    --card-glow: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.15);
}

/* ==========================================================
   DECORATIVE GLOW
   ========================================================== */

.ui-card-glow[b-9g3dl72u7c] {
    position: absolute;
    top: -90px;
    right: -90px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient( circle, var(--card-glow), transparent 68% );
    filter: blur(20px);
    pointer-events: none;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .ui-card-padding-large[b-9g3dl72u7c] {
        padding: 17px;
    }

    .ui-card-padding-medium[b-9g3dl72u7c] {
        padding: 15px;
    }

    .ui-card-padding-small[b-9g3dl72u7c] {
        padding: 12px;
    }
}
/* /Components/Common/Card/CardElement.razor.rz.scp.css */
body[b-5ec5y5rny7] {
}
/* /Components/Common/LiveIndicator/LiveIndicator.razor.rz.scp.css */
.live-indicator[b-mwipe6t6wg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.live-indicator-dot[b-mwipe6t6wg] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix( in srgb, currentColor 10%, transparent ), 0 0 12px currentColor;
    animation: live-indicator-pulse-b-mwipe6t6wg 2.4s ease-in-out infinite;
}

.live-indicator-text[b-mwipe6t6wg] {
    line-height: 1;
}

.live-indicator-success[b-mwipe6t6wg] {
    color: var(--success);
}

.live-indicator-warning[b-mwipe6t6wg] {
    color: var(--warning);
}

.live-indicator-danger[b-mwipe6t6wg] {
    color: var(--danger);
}

.live-indicator-primary[b-mwipe6t6wg] {
    color: var(--primary-light);
}

.live-indicator-info[b-mwipe6t6wg] {
    color: #38bdf8;
}

.live-indicator-neutral[b-mwipe6t6wg] {
    color: var(--text-secondary);
}

@keyframes live-indicator-pulse-b-mwipe6t6wg {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.35;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-indicator-dot[b-mwipe6t6wg] {
        animation: none;
    }
}
/* /Components/Common/ProgressBar/ProgressBar.razor.rz.scp.css */
.progress-bar[b-8m9r3405ei] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    --progress-color: var(--primary-light);
    --progress-soft: rgba(59, 130, 246, 0.12);
    --progress-glow: rgba(59, 130, 246, 0.32);
    --progress-height: 8px;
}

.progress-bar-header[b-8m9r3405ei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.progress-bar-label[b-8m9r3405ei] {
    color: var(--text-secondary);
    font-size: 9px;
    font-weight: 850;
}

.progress-bar-value[b-8m9r3405ei] {
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
    color: var(--progress-color);
    font-size: 9px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.progress-bar-value-number[b-8m9r3405ei] {
    color: inherit;
    font: inherit;
}

.progress-bar-track[b-8m9r3405ei] {
    position: relative;
    width: 100%;
    height: var(--progress-height);
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.035);
}

.progress-bar-fill[b-8m9r3405ei] {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient( 90deg, color-mix( in srgb, var(--progress-color) 72%, transparent ), var(--progress-color) );
    box-shadow: 0 0 16px var(--progress-glow);
    transition: width 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* ==========================================================
   VARIANTS
   ========================================================== */

.progress-bar-neutral[b-8m9r3405ei] {
    --progress-color: var(--text-secondary);
    --progress-soft: rgba(148, 163, 184, 0.1);
    --progress-glow: rgba(148, 163, 184, 0.22);
}

.progress-bar-primary[b-8m9r3405ei] {
    --progress-color: var(--primary-light);
    --progress-soft: rgba(59, 130, 246, 0.12);
    --progress-glow: rgba(59, 130, 246, 0.32);
}

.progress-bar-success[b-8m9r3405ei] {
    --progress-color: var(--success);
    --progress-soft: rgba(34, 197, 94, 0.12);
    --progress-glow: rgba(34, 197, 94, 0.3);
}

.progress-bar-warning[b-8m9r3405ei] {
    --progress-color: var(--warning);
    --progress-soft: rgba(245, 158, 11, 0.12);
    --progress-glow: rgba(245, 158, 11, 0.28);
}

.progress-bar-danger[b-8m9r3405ei] {
    --progress-color: var(--danger);
    --progress-soft: rgba(239, 68, 68, 0.12);
    --progress-glow: rgba(239, 68, 68, 0.28);
}

.progress-bar-info[b-8m9r3405ei] {
    --progress-color: #38bdf8;
    --progress-soft: rgba(56, 189, 248, 0.12);
    --progress-glow: rgba(56, 189, 248, 0.28);
}

/* ==========================================================
   SIZES
   ========================================================== */

.progress-bar-small[b-8m9r3405ei] {
    --progress-height: 6px;
}

.progress-bar-medium[b-8m9r3405ei] {
    --progress-height: 8px;
}

.progress-bar-large[b-8m9r3405ei] {
    --progress-height: 11px;
}

/* ==========================================================
   OPTIONS
   ========================================================== */

.progress-bar-no-glow .progress-bar-fill[b-8m9r3405ei] {
    box-shadow: none;
}

.progress-bar-static .progress-bar-fill[b-8m9r3405ei] {
    transition: none;
}

.progress-bar-striped .progress-bar-fill[b-8m9r3405ei] {
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.14) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0.14) 75%, transparent 75%, transparent ), linear-gradient( 90deg, color-mix( in srgb, var(--progress-color) 72%, transparent ), var(--progress-color) );
    background-size: 18px 18px, 100% 100%;
    animation: progress-bar-stripes-b-8m9r3405ei 900ms linear infinite;
}

@keyframes progress-bar-stripes-b-8m9r3405ei {
    to {
        background-position: 18px 0, 0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-fill[b-8m9r3405ei] {
        transition: none;
    }

    .progress-bar-striped .progress-bar-fill[b-8m9r3405ei] {
        animation: none;
    }
}
/* /Components/Common/SectionHeader/SectionHeader.razor.rz.scp.css */
.section-header[b-b93m6nsvh8] {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: flex-start;
    gap: 12px;
}

.section-header-icon[b-b93m6nsvh8] {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 12px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

    .section-header-icon[b-b93m6nsvh8]  svg {
        width: 18px;
        height: 18px;
    }

.section-header-copy[b-b93m6nsvh8] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

.section-header-eyebrow[b-b93m6nsvh8] {
    color: var(--primary-light);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.section-header h2[b-b93m6nsvh8] {
    margin: 0;
    color: var(--text);
    font-size: 18px;
    font-weight: 950;
    line-height: 1.2;
}

.section-header p[b-b93m6nsvh8] {
    margin: 0;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.55;
}

.section-header-actions[b-b93m6nsvh8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

@media (max-width: 560px) {
    .section-header[b-b93m6nsvh8] {
        flex-wrap: wrap;
    }

    .section-header-actions[b-b93m6nsvh8] {
        width: 100%;
        justify-content: flex-start;
        padding-left: 50px;
    }
}
/* /Components/Common/StatusBadge/StatusBadge.razor.rz.scp.css */
.status-badge[b-32bpkeknch] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid;
    border-radius: var(--radius-pill);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge-icon[b-32bpkeknch] {
    display: inline-flex;
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

    .status-badge-icon[b-32bpkeknch]  svg {
        width: 100%;
        height: 100%;
    }

.status-badge-text[b-32bpkeknch] {
    line-height: 1;
}

.status-badge-dot[b-32bpkeknch] {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix( in srgb, currentColor 10%, transparent ), 0 0 10px currentColor;
}

.status-badge-success[b-32bpkeknch] {
    color: var(--success);
    background: var(--success-soft);
    border-color: rgba(34, 197, 94, 0.22);
}

.status-badge-warning[b-32bpkeknch] {
    color: var(--warning);
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.22);
}

.status-badge-danger[b-32bpkeknch] {
    color: var(--danger);
    background: var(--danger-soft);
    border-color: rgba(239, 68, 68, 0.22);
}

.status-badge-primary[b-32bpkeknch] {
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.09);
    border-color: rgba(59, 130, 246, 0.22);
}

.status-badge-info[b-32bpkeknch] {
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.09);
    border-color: rgba(56, 189, 248, 0.22);
}

.status-badge-neutral[b-32bpkeknch] {
    color: var(--text-secondary);
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.20);
}
/* /Components/Common/TradingHud/TradingHud.razor.rz.scp.css */
.trading-hud[b-7hken7yfcu] {
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 14px 16px;
    flex-direction: column;
    gap: 13px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.012) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.trading-hud-main[b-7hken7yfcu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.trading-hud-market[b-7hken7yfcu] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 16px;
}

.trading-hud-market-copy[b-7hken7yfcu] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

    .trading-hud-market-copy strong[b-7hken7yfcu] {
        color: var(--text);
        font-size: 13px;
        font-weight: 950;
    }

    .trading-hud-market-copy span[b-7hken7yfcu] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 800;
    }

.trading-hud-stats[b-7hken7yfcu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}

.trading-hud-stat[b-7hken7yfcu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

    .trading-hud-stat span[b-7hken7yfcu] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }

    .trading-hud-stat strong[b-7hken7yfcu] {
        color: var(--text-secondary);
        font-size: 10px;
        font-weight: 950;
    }

.trading-hud-indicators[b-7hken7yfcu] {
    display: flex;
    padding-top: 12px;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    border-top: 1px solid var(--border-soft);
}

    .trading-hud-indicators span[b-7hken7yfcu] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 850;
    }

    .trading-hud-indicators i[b-7hken7yfcu] {
        display: block;
        width: 22px;
        height: 3px;
        border-radius: var(--radius-pill);
        box-shadow: 0 0 9px currentColor;
    }

@media (max-width: 680px) {
    .trading-hud-main[b-7hken7yfcu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .trading-hud-stats[b-7hken7yfcu] {
        width: 100%;
        justify-content: flex-start;
    }

    .trading-hud-stat[b-7hken7yfcu] {
        align-items: flex-start;
    }
}
/* /Components/Dashboard/AiAnalystCard/AiAnalystCard.razor.rz.scp.css */
/* ==========================================================
   CARD
   ========================================================== */

.ai-analyst-card[b-lo28da7uiw] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    padding: 23px;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid rgba(192, 132, 252, 0.16);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(168, 85, 247, 0.1), transparent 42% ), radial-gradient( circle at bottom left, rgba(59, 130, 246, 0.055), transparent 38% ), linear-gradient( 160deg, rgba(27, 39, 67, 0.98), rgba(16, 25, 45, 0.99) );
    box-shadow: 0 17px 42px rgba(0, 0, 0, 0.22), 0 40px 86px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ai-analyst-glow[b-lo28da7uiw] {
    position: absolute;
    top: -150px;
    right: -120px;
    width: 340px;
    height: 340px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(168, 85, 247, 0.12), transparent 68% );
    filter: blur(18px);
}

/* ==========================================================
   HEADER
   ========================================================== */

.ai-analyst-header[b-lo28da7uiw] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

    .ai-analyst-header > div[b-lo28da7uiw] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.ai-analyst-eyebrow[b-lo28da7uiw] {
    color: var(--brand-purple-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.ai-analyst-header h2[b-lo28da7uiw] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 22px, 2vw, 30px );
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: -0.7px;
}

.ai-analyst-icon[b-lo28da7uiw] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid rgba(192, 132, 252, 0.18);
    border-radius: 13px;
    color: var(--brand-purple-light);
    background: rgba(168, 85, 247, 0.09);
}

/* ==========================================================
   SUMMARY
   ========================================================== */

.ai-analyst-summary[b-lo28da7uiw] {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #c8bdd9;
    font-size: 12px;
    line-height: 1.72;
}

/* ==========================================================
   SIGNALS
   ========================================================== */

.ai-analyst-signals[b-lo28da7uiw] {
    position: relative;
    z-index: 1;
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 9px;
    list-style: none;
}

    .ai-analyst-signals li[b-lo28da7uiw] {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        color: var(--text-secondary);
        font-size: 11px;
        line-height: 1.5;
    }

.ai-analyst-signal-icon[b-lo28da7uiw] {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
}

.ai-analyst-signal-icon-positive[b-lo28da7uiw] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.11);
    background: var(--success-soft);
}

.ai-analyst-signal-icon-warning[b-lo28da7uiw] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.12);
    background: rgba(245, 158, 11, 0.08);
}

.ai-analyst-signal-icon-negative[b-lo28da7uiw] {
    color: var(--danger);
    border-color: rgba(239, 68, 68, 0.12);
    background: var(--danger-soft);
}

.ai-analyst-signal-icon-neutral[b-lo28da7uiw] {
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
}

/* ==========================================================
   FOOTER
   ========================================================== */

.ai-analyst-footer[b-lo28da7uiw] {
    position: relative;
    z-index: 1;
    display: flex;
    margin-top: auto;
    padding-top: 17px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--border-soft);
}

    .ai-analyst-footer > span[b-lo28da7uiw] {
        color: var(--text-subtle);
        font-size: 9px;
        font-weight: 750;
    }

    .ai-analyst-footer a[b-lo28da7uiw] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: var(--brand-purple-light) !important;
        font-size: 10px;
        font-weight: 900;
        text-decoration: none !important;
        transition: color var(--transition), transform var(--transition);
    }

        .ai-analyst-footer a:hover[b-lo28da7uiw] {
            transform: translateX(3px);
            color: #d8b4fe !important;
        }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .ai-analyst-card[b-lo28da7uiw] {
        padding: 18px;
        border-radius: var(--radius-lg);
    }

    .ai-analyst-header[b-lo28da7uiw] {
        align-items: flex-start;
    }

    .ai-analyst-footer[b-lo28da7uiw] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .ai-analyst-footer a[b-lo28da7uiw] {
        transition: none;
    }

        .ai-analyst-footer a:hover[b-lo28da7uiw] {
            transform: none;
        }
}
/* /Components/Dashboard/DashboardGrid/DashboardGrid.razor.rz.scp.css */
.dashboard-grid[b-7dzr935p4u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

@media (max-width: 980px) {
    .dashboard-grid[b-7dzr935p4u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/DashboardHeader/DashboardHeader.razor.rz.scp.css */
/* ==========================================================
   HEADER
   ========================================================== */

.dashboard-header[b-mcca020iwh] {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding: 24px 2px 6px;
}

.dashboard-header-copy[b-mcca020iwh] {
    display: flex;
    min-width: 0;
    max-width: 920px;
    flex-direction: column;
    align-items: flex-start;
}

.dashboard-eyebrow[b-mcca020iwh] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.dashboard-header h1[b-mcca020iwh] {
    max-width: 920px;
    margin: 10px 0 0;
    color: var(--text);
    font-size: clamp( 34px, 3.3vw, 56px );
    font-weight: 950;
    line-height: 1.04;
    letter-spacing: clamp( -2.8px, -0.22vw, -1.2px );
}

    .dashboard-header h1 span[b-mcca020iwh] {
        display: block;
        margin-top: 5px;
        color: var(--text-secondary);
    }

.dashboard-header-copy > p[b-mcca020iwh] {
    max-width: 760px;
    margin: 15px 0 0;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.68;
}

/* ==========================================================
   ACTIONS
   ========================================================== */

.dashboard-header-actions[b-mcca020iwh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.dashboard-primary-action[b-mcca020iwh],
.dashboard-secondary-action[b-mcca020iwh] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    text-decoration: none !important;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);
}

    .dashboard-primary-action[b-mcca020iwh],
    .dashboard-primary-action:visited[b-mcca020iwh] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.27);
        background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
        box-shadow: 0 14px 32px rgba(37, 99, 235, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }

        .dashboard-primary-action:hover[b-mcca020iwh] {
            transform: translateY(-2px);
            color: #ffffff !important;
            filter: brightness(1.07);
            box-shadow: 0 18px 40px rgba(37, 99, 235, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.17);
        }

    .dashboard-secondary-action[b-mcca020iwh],
    .dashboard-secondary-action:visited[b-mcca020iwh] {
        color: var(--text-secondary) !important;
        border-color: var(--border-medium);
        background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02) );
    }

        .dashboard-secondary-action:hover[b-mcca020iwh] {
            transform: translateY(-2px);
            color: var(--text) !important;
            border-color: var(--border-strong);
            background: linear-gradient( 145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.034) );
        }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1280px) {
    .dashboard-header[b-mcca020iwh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-header-actions[b-mcca020iwh] {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .dashboard-header-actions[b-mcca020iwh] {
        width: 100%;
    }

    .dashboard-primary-action[b-mcca020iwh],
    .dashboard-secondary-action[b-mcca020iwh] {
        flex: 1;
    }
}

@media (max-width: 560px) {
    .dashboard-header[b-mcca020iwh] {
        padding-top: 12px;
        gap: 22px;
    }

        .dashboard-header h1[b-mcca020iwh] {
            font-size: clamp( 32px, 10vw, 43px );
        }

    .dashboard-header-actions[b-mcca020iwh] {
        flex-direction: column;
    }

    .dashboard-primary-action[b-mcca020iwh],
    .dashboard-secondary-action[b-mcca020iwh] {
        width: 100%;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .dashboard-primary-action[b-mcca020iwh],
    .dashboard-secondary-action[b-mcca020iwh] {
        transition: none;
    }

        .dashboard-primary-action:hover[b-mcca020iwh],
        .dashboard-secondary-action:hover[b-mcca020iwh] {
            transform: none;
        }
}
/* /Components/Dashboard/DashboardSummaryCard/DashboardSummaryCard.razor.rz.scp.css */
.dashboard-summary-card[b-2vk2aq0upw] {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-lg);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.045), transparent 44% ), linear-gradient( 160deg, rgba(25, 38, 62, 0.96), rgba(15, 25, 43, 0.98) );
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .dashboard-summary-card:hover[b-2vk2aq0upw] {
        transform: translateY(-3px);
        border-color: rgba(96, 165, 250, 0.18);
        box-shadow: 0 19px 42px rgba(0, 0, 0, 0.26), 0 0 30px rgba(59, 130, 246, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

.dashboard-summary-icon[b-2vk2aq0upw] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: 14px;
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 11px 24px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dashboard-summary-icon-primary[b-2vk2aq0upw] {
    color: var(--primary-light);
    border-color: rgba(96, 165, 250, 0.18);
    background: var(--primary-soft);
}

.dashboard-summary-icon-success[b-2vk2aq0upw] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.16);
    background: var(--success-soft);
}

.dashboard-summary-icon-purple[b-2vk2aq0upw] {
    color: var(--brand-purple-light);
    border-color: rgba(192, 132, 252, 0.17);
    background: rgba(168, 85, 247, 0.09);
}

.dashboard-summary-icon-warning[b-2vk2aq0upw] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.16);
    background: rgba(245, 158, 11, 0.08);
}

.dashboard-summary-content[b-2vk2aq0upw] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 3px 10px;
}

.dashboard-summary-label[b-2vk2aq0upw] {
    min-width: 0;
    color: var(--text-muted);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

.dashboard-summary-value[b-2vk2aq0upw] {
    grid-row: 1 / span 2;
    grid-column: 2;
    color: var(--text);
    font-size: clamp( 22px, 2vw, 31px );
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.9px;
}

.dashboard-summary-description[b-2vk2aq0upw] {
    min-width: 0;
    overflow: hidden;
    color: var(--text-subtle);
    font-size: 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-summary-card[b-2vk2aq0upw] {
        transition: none;
    }

        .dashboard-summary-card:hover[b-2vk2aq0upw] {
            transform: none;
        }
}
/* /Components/Dashboard/DashboardSummary/DashboardSummary.razor.rz.scp.css */
.dashboard-summary[b-1xulen49bw] {
    display: grid;
    grid-template-columns: repeat( 4, minmax(0,1fr) );
    gap: 18px;
}

@media (max-width:1200px) {

    .dashboard-summary[b-1xulen49bw] {
        grid-template-columns: repeat( 2, minmax(0,1fr) );
    }
}

@media (max-width:700px) {

    .dashboard-summary[b-1xulen49bw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/MarketPulseCard/MarketPulseCard.razor.rz.scp.css */
/* ==========================================================
   CARD
   ========================================================== */

.market-pulse-card[b-ur769eur8x] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 100%;
    padding: 23px;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.06), transparent 42% ), linear-gradient( 160deg, rgba(25, 39, 65, 0.97), rgba(15, 25, 44, 0.99) );
    box-shadow: 0 17px 42px rgba(0, 0, 0, 0.22), 0 40px 86px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

/* ==========================================================
   HEADER
   ========================================================== */

.market-pulse-header[b-ur769eur8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

    .market-pulse-header > div[b-ur769eur8x] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.market-pulse-eyebrow[b-ur769eur8x] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.market-pulse-header h2[b-ur769eur8x] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 22px, 2vw, 30px );
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: -0.7px;
}

/* ==========================================================
   LIVE
   ========================================================== */

.market-pulse-live[b-ur769eur8x] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(34, 197, 94, 0.15);
    border-radius: var(--radius-pill);
    color: var(--success);
    background: var(--success-soft);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.market-pulse-live-dot[b-ur769eur8x] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.07), 0 0 10px rgba(34, 197, 94, 0.58);
    animation: market-pulse-live-b-ur769eur8x 2.6s ease-in-out infinite;
}

/* ==========================================================
   STATE
   ========================================================== */

.market-pulse-state[b-ur769eur8x] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    padding: 17px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.022);
}

.market-pulse-state-icon[b-ur769eur8x] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: 15px;
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
}

.market-pulse-state-icon-positive[b-ur769eur8x] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.15);
    background: var(--success-soft);
}

.market-pulse-state-icon-warning[b-ur769eur8x] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.15);
    background: rgba(245, 158, 11, 0.08);
}

.market-pulse-state-icon-negative[b-ur769eur8x] {
    color: var(--danger);
    border-color: rgba(239, 68, 68, 0.15);
    background: var(--danger-soft);
}

.market-pulse-state-icon-neutral[b-ur769eur8x] {
    color: var(--text-secondary);
}

.market-pulse-state > div[b-ur769eur8x] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.market-pulse-state strong[b-ur769eur8x] {
    color: var(--text);
    font-size: 15px;
    font-weight: 950;
}

.market-pulse-state p[b-ur769eur8x] {
    margin: 0;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.58;
}

/* ==========================================================
   METRICS
   ========================================================== */

.market-pulse-metrics[b-ur769eur8x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

    .market-pulse-metrics > div[b-ur769eur8x] {
        display: flex;
        min-width: 0;
        padding: 14px;
        flex-direction: column;
        gap: 6px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-md);
        background: rgba(255, 255, 255, 0.022);
    }

    .market-pulse-metrics span[b-ur769eur8x] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }

.market-pulse-value[b-ur769eur8x] {
    font-size: 12px;
    font-weight: 900;
}

.market-pulse-value-positive[b-ur769eur8x] {
    color: var(--success);
}

.market-pulse-value-warning[b-ur769eur8x] {
    color: var(--warning);
}

.market-pulse-value-negative[b-ur769eur8x] {
    color: var(--danger);
}

.market-pulse-value-neutral[b-ur769eur8x] {
    color: var(--text-secondary);
}

/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes market-pulse-live-b-ur769eur8x {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.18);
        opacity: 0.76;
    }
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .market-pulse-card[b-ur769eur8x] {
        padding: 18px;
        border-radius: var(--radius-lg);
    }

    .market-pulse-state[b-ur769eur8x] {
        grid-template-columns: 46px minmax(0, 1fr);
        padding: 14px;
    }

    .market-pulse-state-icon[b-ur769eur8x] {
        width: 44px;
        height: 44px;
    }

    .market-pulse-metrics[b-ur769eur8x] {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .market-pulse-live-dot[b-ur769eur8x] {
        animation: none;
    }
}
/* /Components/Dashboard/PriorityOpportunityCard/PriorityOpportunityCard.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.priority-opportunity-card[b-ektnt0tec9] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 22px;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.1), transparent 38% ), radial-gradient( circle at bottom left, rgba(139, 92, 246, 0.055), transparent 34% ), linear-gradient( 160deg, rgba(24, 39, 66, 0.97), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.24), 0 46px 100px rgba(0, 0, 0, 0.28), 0 0 56px rgba(37, 99, 235, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.priority-opportunity-glow[b-ektnt0tec9] {
    position: absolute;
    top: -180px;
    right: -140px;
    width: 420px;
    height: 420px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.13), transparent 68% );
    filter: blur(18px);
}

/* ==========================================================
   HEADER
   ========================================================== */

.priority-opportunity-header[b-ektnt0tec9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
}

    .priority-opportunity-header > div:first-child[b-ektnt0tec9] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.priority-opportunity-eyebrow[b-ektnt0tec9] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.priority-opportunity-header h2[b-ektnt0tec9] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 22px, 2vw, 30px );
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: -0.7px;
}

.priority-opportunity-meta[b-ektnt0tec9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.priority-opportunity-detected[b-ektnt0tec9]{
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-pill);
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
    font-size: 8px;
    font-weight: 850;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.priority-opportunity-content[b-ektnt0tec9] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

    .priority-opportunity-content[b-ektnt0tec9]  .opportunity-card {
        width: 100%;
        max-width: none;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

/* ==========================================================
   FOOTER
   ========================================================== */

.priority-opportunity-footer[b-ektnt0tec9] {
    position: relative;
    z-index: 1;
    display: flex;
    padding-top: 17px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--border-soft);
}

.priority-opportunity-confidence[b-ektnt0tec9] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
}

.priority-opportunity-confidence-icon[b-ektnt0tec9] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(34, 197, 94, 0.14);
    border-radius: 12px;
    color: var(--success);
    background: var(--success-soft);
}

.priority-opportunity-confidence > div[b-ektnt0tec9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.priority-opportunity-confidence span[b-ektnt0tec9] {
    color: var(--text-subtle);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.priority-opportunity-confidence-value[b-ektnt0tec9] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.priority-opportunity-confidence-number[b-ektnt0tec9] {
    color: var(--text);
    font-size: 13px;
    font-weight: 950;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.priority-opportunity-confidence-value small[b-ektnt0tec9] {
    color: var(--text-muted);
    font-size: 9px;
    font-weight: 850;
}

.priority-opportunity-meta[b-ektnt0tec9]  .status-badge {
    min-height: 30px;
}

/* ==========================================================
   ACTIONS
   ========================================================== */

.priority-opportunity-actions[b-ektnt0tec9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 9px;
}

.priority-opportunity-action[b-ektnt0tec9] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);
}

    .priority-opportunity-action:hover[b-ektnt0tec9] {
        transform: translateY(-2px);
    }

.priority-opportunity-action-primary[b-ektnt0tec9],
.priority-opportunity-action-primary:visited[b-ektnt0tec9] {
    color: #ffffff !important;
    border-color: rgba(96, 165, 250, 0.27);
    background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
    box-shadow: 0 13px 28px rgba(37, 99, 235, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

    .priority-opportunity-action-primary:hover[b-ektnt0tec9] {
        color: #ffffff !important;
        filter: brightness(1.07);
        box-shadow: 0 17px 36px rgba(37, 99, 235, 0.33), inset 0 1px 0 rgba(255, 255, 255, 0.17);
    }

.priority-opportunity-action-secondary[b-ektnt0tec9],
.priority-opportunity-action-secondary:visited[b-ektnt0tec9] {
    color: var(--text-secondary) !important;
    border-color: var(--border-medium);
    background: rgba(255, 255, 255, 0.03);
}

    .priority-opportunity-action-secondary:hover[b-ektnt0tec9] {
        color: var(--text) !important;
        border-color: var(--border-strong);
        background: rgba(255, 255, 255, 0.055);
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 800px) {
    .priority-opportunity-header[b-ektnt0tec9],
    .priority-opportunity-footer[b-ektnt0tec9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .priority-opportunity-actions[b-ektnt0tec9] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .priority-opportunity-card[b-ektnt0tec9] {
        padding: 16px;
        border-radius: var(--radius-lg);
    }

    .priority-opportunity-meta[b-ektnt0tec9] {
        justify-content: flex-start;
    }

    .priority-opportunity-actions[b-ektnt0tec9] {
        flex-direction: column;
    }

    .priority-opportunity-action[b-ektnt0tec9] {
        width: 100%;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .priority-opportunity-action[b-ektnt0tec9] {
        transition: none;
    }

        .priority-opportunity-action:hover[b-ektnt0tec9] {
            transform: none;
        }
}
/* /Components/Dashboard/RecentOpportunitiesCard/RecentOpportunitiesCard.razor.rz.scp.css */
body /* ==========================================================
   ROOT
   ========================================================== */
.recent-opportunities-card[b-a9vxqy0mka] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 15px;
}

/* ==========================================================
   HEADER
   ========================================================== */

.recent-opportunities-header[b-a9vxqy0mka] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
}

    .recent-opportunities-header > div[b-a9vxqy0mka] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.recent-opportunities-eyebrow[b-a9vxqy0mka] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.recent-opportunities-header h2[b-a9vxqy0mka] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 22px, 2vw, 30px );
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: -0.7px;
}

.recent-opportunities-link[b-a9vxqy0mka] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text-muted) !important;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
    text-decoration: none !important;
    transition: color var(--transition), transform var(--transition);
}

    .recent-opportunities-link:hover[b-a9vxqy0mka] {
        transform: translateX(3px);
        color: var(--primary-light) !important;
    }

/* ==========================================================
   LIST
   ========================================================== */

.recent-opportunities-list[b-a9vxqy0mka] {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: linear-gradient( 160deg, rgba(24, 38, 63, 0.96), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.21), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

/* ==========================================================
   EMPTY STATE
   ========================================================== */

.recent-opportunities-empty[b-a9vxqy0mka] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    padding: 24px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: linear-gradient( 160deg, rgba(24, 38, 63, 0.96), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.21), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.recent-opportunities-empty-icon[b-a9vxqy0mka] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 15px;
    color: var(--primary-light);
    background: var(--primary-soft);
}

.recent-opportunities-empty > div[b-a9vxqy0mka] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.recent-opportunities-empty strong[b-a9vxqy0mka] {
    color: var(--text);
    font-size: 13px;
    font-weight: 950;
}

.recent-opportunities-empty p[b-a9vxqy0mka] {
    margin: 0;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.55;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 760px) {
    .recent-opportunities-header[b-a9vxqy0mka] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

@media (max-width: 560px) {
    .recent-opportunities-list[b-a9vxqy0mka],
    .recent-opportunities-empty[b-a9vxqy0mka] {
        border-radius: var(--radius-lg);
    }

    .recent-opportunities-empty[b-a9vxqy0mka] {
        grid-template-columns: 44px minmax(0, 1fr);
        padding: 18px;
    }

    .recent-opportunities-empty-icon[b-a9vxqy0mka] {
        width: 42px;
        height: 42px;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .recent-opportunities-link[b-a9vxqy0mka] {
        transition: none;
    }

        .recent-opportunities-link:hover[b-a9vxqy0mka] {
            transform: none;
        }
}
/* /Components/Dashboard/RecentOpportunityRow/RecentOpportunityRow.razor.rz.scp.css */
/* ==========================================================
   ROW
   ========================================================== */

.recent-opportunity-row[b-n6gbbwewnc] {
    display: grid;
    min-width: 0;
    grid-template-columns: 44px minmax(190px, 1.4fr) 78px 82px 90px 34px;
    align-items: center;
    gap: 14px;
    padding: 14px 17px;
    border-bottom: 1px solid var(--border-soft);
    transition: background var(--transition), border-color var(--transition);
}

    .recent-opportunity-row:last-child[b-n6gbbwewnc] {
        border-bottom: 0;
    }

    .recent-opportunity-row:hover[b-n6gbbwewnc] {
        background: rgba(255, 255, 255, 0.027);
    }

/* ==========================================================
   SYMBOL
   ========================================================== */

.recent-opportunity-symbol[b-n6gbbwewnc] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: 13px;
    color: var(--text);
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
    font-size: 14px;
    font-weight: 950;
}

.recent-opportunity-symbol-btc[b-n6gbbwewnc] {
    color: #f59e0b;
}

.recent-opportunity-symbol-eth[b-n6gbbwewnc] {
    color: #a78bfa;
}

.recent-opportunity-symbol-sol[b-n6gbbwewnc] {
    color: #67e8f9;
}

.recent-opportunity-symbol-xrp[b-n6gbbwewnc] {
    color: #e2e8f0;
}

.recent-opportunity-symbol-ada[b-n6gbbwewnc] {
    color: #60a5fa;
}

/* ==========================================================
   MARKET
   ========================================================== */

.recent-opportunity-market[b-n6gbbwewnc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

    .recent-opportunity-market strong[b-n6gbbwewnc] {
        overflow: hidden;
        color: var(--text);
        font-size: 12px;
        font-weight: 950;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .recent-opportunity-market span[b-n6gbbwewnc] {
        overflow: hidden;
        color: var(--text-subtle);
        font-size: 9px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* ==========================================================
   ACTION
   ========================================================== */

.recent-opportunity-action[b-n6gbbwewnc] {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 0.6px;
}

.recent-opportunity-action-buy[b-n6gbbwewnc] {
    color: var(--success);
    background: var(--success-soft);
}

.recent-opportunity-action-sell[b-n6gbbwewnc] {
    color: var(--danger);
    background: var(--danger-soft);
}

.recent-opportunity-action-hold[b-n6gbbwewnc] {
    color: var(--warning);
    background: rgba(245, 158, 11, 0.08);
}

/* ==========================================================
   SCORE
   ========================================================== */

.recent-opportunity-score[b-n6gbbwewnc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

    .recent-opportunity-score span[b-n6gbbwewnc] {
        color: var(--text-subtle);
        font-size: 7px;
        font-weight: 850;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    .recent-opportunity-score strong[b-n6gbbwewnc] {
        color: var(--text);
        font-size: 15px;
        font-weight: 950;
    }

/* ==========================================================
   TIME
   ========================================================== */

.recent-opportunity-time[b-n6gbbwewnc] {
    color: var(--text-subtle);
    font-size: 9px;
    font-weight: 750;
    white-space: nowrap;
}

/* ==========================================================
   LINK
   ========================================================== */

.recent-opportunity-link[b-n6gbbwewnc] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    color: var(--text-muted) !important;
    background: rgba(255, 255, 255, 0.02);
    text-decoration: none !important;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

    .recent-opportunity-link:hover[b-n6gbbwewnc] {
        transform: translateY(-2px);
        color: var(--primary-light) !important;
        border-color: rgba(96, 165, 250, 0.18);
        background: var(--primary-soft);
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 980px) {
    .recent-opportunity-row[b-n6gbbwewnc] {
        grid-template-columns: 42px minmax(160px, 1fr) 72px 72px 32px;
    }

    .recent-opportunity-time[b-n6gbbwewnc] {
        display: none;
    }
}

@media (max-width: 760px) {
    .recent-opportunity-row[b-n6gbbwewnc] {
        grid-template-columns: 42px minmax(0, 1fr) 70px 32px;
        gap: 11px;
    }

    .recent-opportunity-score[b-n6gbbwewnc] {
        display: none;
    }
}

@media (max-width: 560px) {
    .recent-opportunity-row[b-n6gbbwewnc] {
        grid-template-columns: 40px minmax(0, 1fr) 32px;
        padding: 13px 14px;
    }

    .recent-opportunity-action[b-n6gbbwewnc] {
        display: none;
    }

    .recent-opportunity-symbol[b-n6gbbwewnc] {
        width: 38px;
        height: 38px;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .recent-opportunity-row[b-n6gbbwewnc],
    .recent-opportunity-link[b-n6gbbwewnc] {
        transition: none;
    }

        .recent-opportunity-link:hover[b-n6gbbwewnc] {
            transform: none;
        }
}
/* /Components/Dashboard/ScannerStatusCard/ScannerStatusCard.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.scanner-status-card[b-kug7quofim] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 15px 17px;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 14px;
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 42% ), linear-gradient( 145deg, rgba(24, 39, 65, 0.96), rgba(14, 24, 43, 0.98) );
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

   

/* ==========================================================
   RUNNING
   ========================================================== */

.scanner-status-card-running[b-kug7quofim] {
    border-color: rgba(96, 165, 250, 0.2);
}

    .scanner-status-card-running header > div svg[b-kug7quofim] {
        animation: scanner-status-spin-b-kug7quofim 2.8s linear infinite;
    }

/* ==========================================================
   COMPLETED
   ========================================================== */

.scanner-status-card-completed[b-kug7quofim] {
    border-color: rgba(34, 197, 94, 0.14);
}

    .scanner-status-card-completed header > div[b-kug7quofim] {
        color: var(--success);
    }

/* ==========================================================
   ERROR
   ========================================================== */

.scanner-status-card-error[b-kug7quofim] {
    border-color: rgba(239, 68, 68, 0.16);
    background: radial-gradient( circle at top right, rgba(239, 68, 68, 0.07), transparent 42% ), linear-gradient( 145deg, rgba(24, 39, 65, 0.96), rgba(14, 24, 43, 0.98) );
}

    .scanner-status-card-error header > div[b-kug7quofim] {
        color: var(--danger);
    }


/* ==========================================================
   FOOTER
   ========================================================== */

.scanner-status-card footer[b-kug7quofim] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}

    .scanner-status-card footer span[b-kug7quofim] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--text-subtle);
        font-size: 11px;
        font-weight: 800;
    }

.scanner-status-success[b-kug7quofim] {
    color: var(--success) !important;
}

.scanner-status-failure[b-kug7quofim] {
    color: var(--danger) !important;
}

/* ==========================================================
   RETRY
   ========================================================== */

.scanner-status-retry[b-kug7quofim] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-left: auto;
    padding: 0 11px;
    border: 1px solid rgba(239, 68, 68, 0.22);
    border-radius: 9px;
    color: var(--danger);
    background: var(--danger-soft);
    font: inherit;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
    transition: transform var(--transition), border-color var(--transition), background var(--transition);
}

    .scanner-status-retry:hover[b-kug7quofim] {
        transform: translateY(-1px);
        border-color: rgba(239, 68, 68, 0.35);
        background: rgba(239, 68, 68, 0.12);
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .scanner-status-card[b-kug7quofim] {
        padding: 14px;
    }

        .scanner-status-card header[b-kug7quofim] {
            align-items: flex-start;
            flex-direction: column;
            gap: 8px;
        }

    .scanner-status-retry[b-kug7quofim] {
        width: 100%;
        margin-left: 0;
    }
}

/* ==========================================================
   ANIMATION
   ========================================================== */

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

@media (prefers-reduced-motion: reduce) {
    .scanner-status-card-running header > div svg[b-kug7quofim] {
        animation: none;
    }

    .scanner-status-retry[b-kug7quofim] {
        transition: none;
    }

        .scanner-status-retry:hover[b-kug7quofim] {
            transform: none;
        }
}

.scanner-status-summary[b-kug7quofim] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.scanner-status-footer[b-kug7quofim] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}

    .scanner-status-footer > span[b-kug7quofim] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 800;
    }

.scanner-status-success[b-kug7quofim] {
    color: var(--success) !important;
}

.scanner-status-failure[b-kug7quofim] {
    color: var(--danger) !important;
}

.scanner-status-card-running[b-kug7quofim]
 .status-badge-icon svg {
    animation: scanner-status-spin-b-kug7quofim 900ms linear infinite;
}

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

@media (prefers-reduced-motion: reduce) {
    .scanner-status-card-running[b-kug7quofim]
     .status-badge-icon svg {
        animation: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-5u5s0q7tia] {
    display: flex;
    width: 100%;
    min-height: 100vh;
    flex-direction: column;
    background: #020617;
}

.app-main[b-5u5s0q7tia] {
    width: 100%;
    min-width: 0;
    flex: 1;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ==========================================================
   BRAND
   ========================================================== */
.site-header[b-91qvwvacme] {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: linear-gradient( 180deg, rgba(2, 6, 23, 0.96), rgba(2, 6, 23, 0.90));
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.site-nav[b-91qvwvacme] {
    display: grid;
    width: 100%;
    max-width: 1500px;
    min-height: 84px;
    margin: 0 auto;
    padding: 0 30px;
    grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr);
    align-items: center;
    gap: 32px;
    padding-top:2px;
}

.site-nav-links[b-91qvwvacme] {
    justify-self: center;
}

.site-nav-actions[b-91qvwvacme] {
    display: flex;
    justify-self: end;
    align-items: center;
    gap: 12px;
}


.logo-chart[b-91qvwvacme] {
    fill: none;
    stroke: #93c5fd;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.logo-point[b-91qvwvacme] {
    fill: #22c55e;
    filter: drop-shadow( 0 0 4px rgba(34, 197, 94, 0.75));
}

.logo-spark[b-91qvwvacme] {
    fill: #60a5fa;
    opacity: 0.95;
    transform-origin: 20px 14px;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.site-brand:hover .logo-spark[b-91qvwvacme] {
    transform: scale(1.12);
    opacity: 1;
}

.site-brand-copy[b-91qvwvacme] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

    .site-brand-copy strong[b-91qvwvacme] {
        color: #f8fafc;
        font-size: 16px;
        font-weight: 900;
        line-height: 1.1;
        letter-spacing: -0.45px;
    }

    .site-brand-copy small[b-91qvwvacme] {
        color: #526078;
        font-size: 8px;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

.site-brand:hover .site-brand-copy strong[b-91qvwvacme] {
    color: #ffffff;
}


/* ==========================================================
   UPGRADE PRO
   ========================================================== */

.site-upgrade-button[b-91qvwvacme] {
    position: relative;
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    overflow: hidden;
    border: 1px solid rgba(168, 85, 247, 0.28);
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, #7c3aed, #2563eb 58%, #3b82f6);
    box-shadow: 0 12px 26px rgba(79, 70, 229, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .site-upgrade-button[b-91qvwvacme]::before {
        position: absolute;
        top: -80%;
        left: -35%;
        width: 36%;
        height: 260%;
        content: "";
        background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
        transform: rotate(20deg);
        transition: left 0.55s ease;
    }

    .site-upgrade-button:hover[b-91qvwvacme] {
        transform: translateY(-1px);
        border-color: rgba(192, 132, 252, 0.45);
        filter: brightness(1.07);
        box-shadow: 0 16px 34px rgba(79, 70, 229, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

        .site-upgrade-button:hover[b-91qvwvacme]::before {
            left: 115%;
        }

.upgrade-icon[b-91qvwvacme] {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 7px;
    color: #fde68a;
    background: rgba(255, 255, 255, 0.12);
    font-size: 10px;
}

.upgrade-arrow[b-91qvwvacme] {
    font-size: 15px;
    transition: transform 0.2s ease;
}

.site-upgrade-button:hover .upgrade-arrow[b-91qvwvacme] {
    transform: translateX(3px);
}

.site-nav-links[b-91qvwvacme] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

    .site-nav-links[b-91qvwvacme]  a {
        position: relative;
        display: inline-flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 0 2px;
        color: #7c8aa0 !important;
        font-size: 13px;
        font-weight: 750;
        line-height: 1;
        text-decoration: none !important;
        transition: color 0.2s ease, transform 0.2s ease;
    }

        .site-nav-links[b-91qvwvacme]  a:link,
        .site-nav-links[b-91qvwvacme]  a:visited {
            color: #7c8aa0 !important;
            text-decoration: none !important;
        }

        .site-nav-links[b-91qvwvacme]  a:hover {
            color: #e2e8f0 !important;
            transform: translateY(-1px);
        }

        .site-nav-links[b-91qvwvacme]  a.active,
        .site-nav-links[b-91qvwvacme]  a.active:link,
        .site-nav-links[b-91qvwvacme]  a.active:visited {
            color: #ffffff !important;
        }

            .site-nav-links[b-91qvwvacme]  a.active::after {
                position: absolute;
                right: 0;
                bottom: 1px;
                left: 0;
                height: 2px;
                border-radius: 999px;
                content: "";
                background: linear-gradient( 90deg, transparent, #3b82f6 22%, #60a5fa 50%, #3b82f6 78%, transparent);
                box-shadow: 0 0 12px rgba(59, 130, 246, 0.55);
            }

.site-nav[b-91qvwvacme] {
    grid-template-columns: minmax(250px, 0.9fr) minmax(360px, 1fr) minmax(420px, 1.1fr);
}

/* ==========================================================
   ACTIONS
   ========================================================== */

.site-nav-actions[b-91qvwvacme] {
    display: flex;
    justify-self: end;
    align-items: center;
    gap: 12px;
}

    /* ==========================================================
   LOGIN BUTTON
   ========================================================== */

    .site-nav-actions .site-login-button[b-91qvwvacme] {
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        padding: 0 18px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 12px;
        color: #cbd5e1 !important;
        background: rgba(255, 255, 255, 0.025);
        font-size: 13px;
        font-weight: 750;
        line-height: 1;
        text-decoration: none !important;
        transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
    }

        .site-nav-actions .site-login-button:visited[b-91qvwvacme] {
            color: #cbd5e1 !important;
        }

        .site-nav-actions .site-login-button:hover[b-91qvwvacme] {
            transform: translateY(-1px);
            color: #ffffff !important;
            border-color: rgba(96, 165, 250, 0.2);
            background: rgba(255, 255, 255, 0.055);
        }

    /* ==========================================================
   REGISTER BUTTON
   ========================================================== */

    .site-nav-actions .site-register-button[b-91qvwvacme] {
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 0 19px;
        border: 1px solid rgba(96, 165, 250, 0.24);
        border-radius: 12px;
        color: #ffffff !important;
        background: linear-gradient( 135deg, #2563eb, #3b82f6);
        box-shadow: 0 10px 24px rgba(37, 99, 235, 0.22);
        font-size: 13px;
        font-weight: 850;
        line-height: 1;
        text-decoration: none !important;
        transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
    }

        .site-nav-actions .site-register-button:visited[b-91qvwvacme] {
            color: #ffffff !important;
        }

        .site-nav-actions .site-register-button:hover[b-91qvwvacme] {
            transform: translateY(-1px);
            color: #ffffff !important;
            filter: brightness(1.06);
            box-shadow: 0 14px 30px rgba(37, 99, 235, 0.3);
        }

.nav-logout-button[b-91qvwvacme] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.035);
    color: #94a3b8;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease;
    gap: 7px;
}

    .nav-logout-button:hover[b-91qvwvacme] {
        color: #f8fafc;
        background: rgba(255, 255, 255, 0.07);
        border-color: rgba(148, 163, 184, 0.26);
        transform: translateY(-1px);
    }

    .nav-logout-button:active[b-91qvwvacme] {
        transform: translateY(0);
    }

.language-switcher[b-91qvwvacme] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.language-option[b-91qvwvacme] {
    border: 0;
    background: transparent;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    padding: 5px 7px;
    border-radius: 7px;
    color: #6f819a;
    text-decoration: none;
    transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

    .language-option:hover[b-91qvwvacme] {
        color: #ffffff;
        background: rgba(59, 130, 246, 0.07);
    }


.site-nav-actions[b-91qvwvacme] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.language-switcher[b-91qvwvacme] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    white-space: nowrap;
}

.site-user[b-91qvwvacme] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    display: inline-flex;
    gap: 8px;
    white-space: nowrap;
}

.site-user-copy[b-91qvwvacme] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .site-user-copy strong[b-91qvwvacme],
    .site-user-copy small[b-91qvwvacme] {
        white-space: nowrap;
    }

.site-upgrade-button[b-91qvwvacme],
.nav-logout-button[b-91qvwvacme] {
    flex-shrink: 0;
    white-space: nowrap;
}

.site-user[b-91qvwvacme],
.site-user-copy[b-91qvwvacme],
.site-user-copy strong[b-91qvwvacme] {
    white-space: nowrap;
}

.site-user[b-91qvwvacme] {
    flex-shrink: 0;
}
.language-option-active[b-91qvwvacme] {
    color: #ffffff;
    background: rgba(59, 130, 246, 0.12);
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.14);
}

/* ==========================================================
   NAV BRAND
   ========================================================== */

.nav-brand[b-91qvwvacme] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    text-decoration: none;
}

.nav-brand-logo[b-91qvwvacme] {
    display: block;
    width: auto;
    height: 38px;
    object-fit: contain;
}

.nav-brand:hover .nav-brand-logo[b-91qvwvacme] {
    filter: brightness(1.08);
}

@media (max-width: 768px) {

    .nav-mobile-toggle[b-91qvwvacme] {
        display: inline-flex;
    }
    .nav-mobile-menu[b-91qvwvacme] {
        position: absolute;
        top: calc(100% + 8px);
        right: 16px;
        width: min(260px, calc(100vw - 32px));
        max-height: calc(100vh - 100px);
        flex-direction: column;
        gap: 2px;
        padding: 10px;
        overflow-y: auto;
        border: 1px solid rgba(96, 165, 250, 0.20);
        border-radius: 14px;
        background: linear-gradient( 145deg, rgba(17, 32, 55, 0.995), rgba(7, 17, 33, 0.995) );
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.78), 0 12px 32px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(59, 130, 246, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.045);
        z-index: 1100;
    }


    .nav-mobile-menu.is-open[b-91qvwvacme] {
        display: flex;
    }

            .nav-mobile-menu a:hover[b-91qvwvacme] {
                color: #ffffff;
                background: rgba(59, 130, 246, 0.07);
            }

        .nav-mobile-menu .site-upgrade-button[b-91qvwvacme] {
            min-height: 40px;
            justify-content: center;
            gap: 7px;
            margin: 4px 0;
            padding: 0 12px;
            border-radius: 9px;
            color: #ffffff;
            font-size: 12px;
        }

        .nav-mobile-menu form[b-91qvwvacme] {
            width: 100%;
            margin-top: 3px;
        }

        .nav-mobile-menu .nav-logout-button[b-91qvwvacme] {
            width: 100%;
            min-height: 38px;
            justify-content: flex-start;
            padding: 0 11px;
            border-color: transparent;
            background: transparent;
            font-size: 12px;
        }

            .nav-mobile-menu .nav-logout-button:hover[b-91qvwvacme] {
                border-color: rgba(148, 163, 184, 0.12);
                background: rgba(255, 255, 255, 0.04);
            }

    .site-nav[b-91qvwvacme] {
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .site-nav-links[b-91qvwvacme],
    .site-nav-actions[b-91qvwvacme] {
        display: none;
    }

    .site-brand[b-91qvwvacme] {
        flex: 0 0 auto;
    }

    .site-brand-logo-desktop[b-91qvwvacme] {
        display: none;
    }

    .site-brand-logo-mobile[b-91qvwvacme] {
        display: block;
        width: 38px;
        height: 38px;
        object-fit: contain;
    }

    .nav-mobile-toggle[b-91qvwvacme] {
        display: inline-flex;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        align-items: center;
        justify-content: center;
    }
}

.site-brand:hover .site-brand-icon img[b-91qvwvacme] {
    transform: scale(1.06);
    filter: brightness(1.08) drop-shadow(0 0 7px rgba(59, 130, 246, 0.24));
}

.site-brand-copy[b-91qvwvacme] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

    .site-brand-copy strong[b-91qvwvacme] {
        color: var(--text);
        font-size: 15px;
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -0.2px;
    }

    .site-brand-copy small[b-91qvwvacme] {
        color: var(--text-subtle);
        font-size: 7px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 1.4px;
        text-transform: uppercase;
    }

.site-brand[b-91qvwvacme] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    text-decoration: none;
}

.site-brand:hover .site-brand-logo[b-91qvwvacme] {
    transform: translateY(-1px);
    filter: brightness(1.06) drop-shadow( 0 0 8px rgba(59, 130, 246, 0.16) );
}


.site-brand-logo-mobile[b-91qvwvacme] {
    display: none;
}

.site-brand-logo-desktop[b-91qvwvacme] {
    display: block;
    width: auto;
    height: 52px;
}

@media (max-width: 768px) {

    body[b-91qvwvacme] {
        overscroll-behavior-x: none;
    }

    .site-nav[b-91qvwvacme] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-brand-logo-desktop[b-91qvwvacme] {
        display: none;
    }

    .site-brand-logo-mobile[b-91qvwvacme] {
        display: block;
        width: 42px;
        height: 42px;
        object-fit: contain;
    }
}

.nav-mobile-toggle[b-91qvwvacme] {
    display: none;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-medium);
    border-radius: 10px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.025);
    cursor: pointer;
}

.nav-mobile-menu[b-91qvwvacme] {
    display: none;
}

@media (max-width: 768px) {

    .nav-center[b-91qvwvacme],
    .nav-actions[b-91qvwvacme] {
        display: none;
    }

    .nav-mobile-toggle[b-91qvwvacme] {
        display: inline-flex;
    }

    .nav-mobile-menu[b-91qvwvacme] {
        position: absolute;
        top: calc(100% + 8px);
        right: 16px;
        display: flex;
        width: min(260px, calc(100vw - 32px));
        max-height: calc(100vh - 100px);
        flex-direction: column;
        gap: 2px;
        padding: 10px;
        overflow-y: auto;
        border: 1px solid rgba(96, 165, 250, 0.20);
        border-radius: 14px;
        background: linear-gradient( 145deg, rgba(17, 32, 55, 0.995), rgba(7, 17, 33, 0.995) );
        box-shadow: 0 28px 70px rgba(0, 0, 0, 0.78), 0 12px 32px rgba(0, 0, 0, 0.52), 0 0 0 1px rgba(59, 130, 246, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.045);
        z-index: 1100;
    }

        .nav-mobile-menu a[b-91qvwvacme] {
            display: flex;
            min-height: 42px;
            align-items: center;
            padding: 0 12px;
            border-radius: 9px;
            color: var(--text-secondary);
            font-size: 12px;
            font-weight: 850;
            text-decoration: none;
        }

            .nav-mobile-menu a:hover[b-91qvwvacme] {
                color: #ffffff;
                background: rgba(59, 130, 246, 0.07);
            }

        .nav-mobile-menu .nav-mobile-cta[b-91qvwvacme] {
            justify-content: center;
            margin-top: 4px;
            color: #ffffff;
            background: linear-gradient( 135deg, #2563eb, #3b82f6 );
        }

    .site-nav[b-91qvwvacme] {
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }

    .site-nav-links[b-91qvwvacme],
    .site-nav-actions[b-91qvwvacme] {
        display: none;
    }

    .site-brand[b-91qvwvacme] {
        flex: 0 0 auto;
    }

    .site-brand-logo-desktop[b-91qvwvacme] {
        display: none;
    }

    .site-brand-logo-mobile[b-91qvwvacme] {
        display: block;
        width: 38px;
        height: 38px;
        object-fit: contain;
    }

    .nav-mobile-toggle[b-91qvwvacme] {
        display: inline-flex;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        align-items: center;
        justify-content: center;
    }
}


.nav-mobile-backdrop[b-91qvwvacme] {
    position: fixed;
    inset: 0;
    padding: 0;
    border: 0;
    background: rgba(0, 4, 14, 0.52);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    cursor: default;
    z-index: 1090;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-xsgc5895xn],
.components-reconnect-repeated-attempt-visible[b-xsgc5895xn],
.components-reconnect-failed-visible[b-xsgc5895xn],
.components-pause-visible[b-xsgc5895xn],
.components-resume-failed-visible[b-xsgc5895xn],
.components-rejoining-animation[b-xsgc5895xn] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-retrying[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-failed[b-xsgc5895xn],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-xsgc5895xn] {
    display: block;
}


#components-reconnect-modal[b-xsgc5895xn] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-xsgc5895xn 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-xsgc5895xn 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-xsgc5895xn 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-xsgc5895xn]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-xsgc5895xn 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-xsgc5895xn {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-xsgc5895xn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-xsgc5895xn {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-xsgc5895xn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-xsgc5895xn] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-xsgc5895xn] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-xsgc5895xn] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-xsgc5895xn] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-xsgc5895xn] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-xsgc5895xn] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-xsgc5895xn 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-xsgc5895xn] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-xsgc5895xn {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Marketing/CTA/CTASection.razor.rz.scp.css */
/* ==========================================================
   SECTION
   ========================================================== */

.cta-section[b-3xwtj37cq1] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(56px,6vw,84px) var(--content-padding) clamp(40px,5vw,60px);
    border-top: 1px solid var(--border-soft);
    background: radial-gradient( circle at 18% 36%, rgba(59, 130, 246, 0.08), transparent 34% ), radial-gradient( circle at 82% 42%, rgba(139, 92, 246, 0.08), transparent 36% ), linear-gradient( 180deg, var(--bg-2), var(--bg-1) );
}

/* ==========================================================
   CONTAINER
   ========================================================== */

.cta-container[b-3xwtj37cq1] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}

/* ==========================================================
   PANEL
   ========================================================== */

.cta-panel[b-3xwtj37cq1] {
    position: relative;
    display: grid;
    min-height: 520px;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.72fr);
    align-items: center;
    gap: 42px;
    overflow: hidden;
    padding: clamp(36px, 4vw, 58px);
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: var(--radius-2xl);
    background: radial-gradient( circle at 82% 30%, rgba(59, 130, 246, 0.18), transparent 38% ), radial-gradient( circle at 72% 88%, rgba(139, 92, 246, 0.12), transparent 38% ), linear-gradient( 145deg, rgba(26, 40, 68, 0.98), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 30px 80px rgba(0,0,0,.32), 0 0 100px rgba(59,130,246,.06), inset 0 1px 0 rgba(255,255,255,.04);
}

.cta-glow[b-3xwtj37cq1] {
    position: absolute;
    top: -220px;
    right: -160px;
    width: 620px;
    height: 620px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.2), rgba(139, 92, 246, 0.08) 44%, transparent 70% );
    filter: blur(22px);
}

.cta-grid[b-3xwtj37cq1] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.12;
    background-image: linear-gradient( rgba(255, 255, 255, 0.03) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px );
    background-size: 54px 54px;
    mask-image: linear-gradient( to right, black, transparent 88% );
    -webkit-mask-image: linear-gradient( to right, black, transparent 88% );
}

/* ==========================================================
   CONTENT
   ========================================================== */

.cta-content[b-3xwtj37cq1] {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
}

.cta-badge[b-3xwtj37cq1] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: var(--radius-pill);
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.85px;
    text-transform: uppercase;
}

.cta-content h2[b-3xwtj37cq1] {
    max-width: 790px;
    margin: 24px 0 0;
    color: var(--text);
    font-size: clamp( 44px, 5vw, 76px );
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: clamp( -4px, -0.35vw, -2px );
}

    .cta-content h2 span[b-3xwtj37cq1] {
        display: block;
        margin-top: 7px;
        color: transparent;
        background: var(--brand-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.cta-content > p[b-3xwtj37cq1] {
    max-width: 690px;
    margin: 18px 0 0;
    color: var(--text-secondary);
    font-size: clamp( 14px, 1.2vw, 17px );
    line-height: 1.72;
}

/* ==========================================================
   ACTIONS
   ========================================================== */

.cta-actions[b-3xwtj37cq1] {
    display: flex;
    margin-top: 26px;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.cta-primary-button[b-3xwtj37cq1],
.cta-secondary-button[b-3xwtj37cq1] {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);
}

    .cta-primary-button[b-3xwtj37cq1],
    .cta-primary-button:visited[b-3xwtj37cq1] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.3);
        background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
        box-shadow: 0 18px 40px rgba(37, 99, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }

        .cta-primary-button:hover[b-3xwtj37cq1] {
            transform: translateY(-2px);
            color: #ffffff !important;
            filter: brightness(1.07);
            box-shadow: 0 24px 52px rgba(37, 99, 235, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.18);
        }

    .cta-secondary-button[b-3xwtj37cq1],
    .cta-secondary-button:visited[b-3xwtj37cq1] {
        color: var(--text) !important;
        border-color: var(--border-medium);
        background: rgba(255, 255, 255, 0.035);
    }

        .cta-secondary-button:hover[b-3xwtj37cq1] {
            transform: translateY(-2px);
            color: #ffffff !important;
            border-color: var(--border-strong);
            background: rgba(255, 255, 255, 0.065);
        }

/* ==========================================================
   GUARANTEES
   ========================================================== */

.cta-guarantees[b-3xwtj37cq1] {
    display: flex;
    margin-top: 18px;
    flex-wrap: wrap;
    gap: 10px;
}

    .cta-guarantees span[b-3xwtj37cq1] {
        display: inline-flex;
        min-height: 33px;
        align-items: center;
        gap: 8px;
        padding: 0 11px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-pill);
        color: var(--text-secondary);
        background: rgba(255, 255, 255, 0.025);
        font-size: 9px;
        font-weight: 800;
    }

        .cta-guarantees span :deep(svg)[b-3xwtj37cq1] {
            color: var(--success);
        }

/* ==========================================================
   VISUAL
   ========================================================== */

.cta-visual[b-3xwtj37cq1] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 100%;
    min-height: 420px;
    place-items: center;
}

.cta-orbit[b-3xwtj37cq1] {
    position: absolute;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 50%;
    box-shadow: inset 0 0 40px rgba(59, 130, 246, 0.025);
}

.cta-orbit-large[b-3xwtj37cq1] {
    width: 360px;
    height: 360px;
}

.cta-orbit-small[b-3xwtj37cq1] {
    width: 245px;
    height: 245px;
    border-color: rgba(192, 132, 252, 0.13);
}

.cta-engine[b-3xwtj37cq1] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 128px;
    height: 128px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 36px;
    color: var(--primary-light);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.24), transparent 55% ), linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 28px 62px rgba(0, 0, 0, 0.34), 0 0 70px rgba(59, 130, 246, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.cta-engine-icon[b-3xwtj37cq1] {
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    border-radius: 21px;
    background: rgba(59, 130, 246, 0.11);
}

.cta-engine-pulse[b-3xwtj37cq1] {
    position: absolute;
    inset: -14px;
    pointer-events: none;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 44px;
    animation: cta-engine-pulse-b-3xwtj37cq1 2.5s ease-out infinite;
}

/* ==========================================================
   FLOATING CARDS
   ========================================================== */

.cta-floating-card[b-3xwtj37cq1] {
    position: absolute;
    z-index: 3;
    display: grid;
    min-width: 230px;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    padding: 13px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(27, 41, 66, 0.96), rgba(18, 28, 48, 0.98) );
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

    .cta-floating-card > span[b-3xwtj37cq1] {
        display: grid;
        width: 40px;
        height: 40px;
        place-items: center;
        border: 1px solid rgba(96, 165, 250, 0.17);
        border-radius: 12px;
        color: var(--primary-light);
        background: var(--primary-soft);
    }

    .cta-floating-card > div[b-3xwtj37cq1] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 3px;
    }

    .cta-floating-card strong[b-3xwtj37cq1] {
        color: var(--text);
        font-size: 11px;
        font-weight: 900;
    }

    .cta-floating-card small[b-3xwtj37cq1] {
        color: var(--text-muted);
        font-size: 8px;
        font-weight: 750;
    }

.cta-floating-card-top[b-3xwtj37cq1] {
    top: 34px;
    right: 0;
    animation: cta-float-top-b-3xwtj37cq1 5.5s ease-in-out infinite;
}

.cta-floating-card-bottom[b-3xwtj37cq1] {
    bottom: 36px;
    left: 0;
    animation: cta-float-bottom-b-3xwtj37cq1 6s ease-in-out infinite;
}

/* ==========================================================
   ANIMATIONS
   ========================================================== */

@keyframes cta-engine-pulse-b-3xwtj37cq1 {
    0% {
        opacity: 0.7;
        transform: scale(0.94);
    }

    70%, 100% {
        opacity: 0;
        transform: scale(1.16);
    }
}

@keyframes cta-float-top-b-3xwtj37cq1 {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes cta-float-bottom-b-3xwtj37cq1 {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8px);
    }
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {
    .cta-panel[b-3xwtj37cq1] {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .cta-content[b-3xwtj37cq1] {
        align-items: center;
        text-align: center;
    }

    .cta-actions[b-3xwtj37cq1],
    .cta-guarantees[b-3xwtj37cq1] {
        justify-content: center;
    }

    .cta-visual[b-3xwtj37cq1] {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
    }
}

@media (max-width: 640px) {
    .cta-section[b-3xwtj37cq1] {
        padding: 72px var(--content-padding);
    }

    .cta-panel[b-3xwtj37cq1] {
        min-height: auto;
        padding: 28px 20px;
        border-radius: var(--radius-xl);
    }

    .cta-content h2[b-3xwtj37cq1] {
        font-size: clamp( 40px, 12vw, 56px );
        letter-spacing: -2.4px;
    }

    .cta-actions[b-3xwtj37cq1] {
        width: 100%;
    }

    .cta-primary-button[b-3xwtj37cq1],
    .cta-secondary-button[b-3xwtj37cq1] {
        width: 100%;
    }

    .cta-guarantees[b-3xwtj37cq1] {
        align-items: center;
        flex-direction: column;
    }

    .cta-visual[b-3xwtj37cq1] {
        min-height: 370px;
    }

    .cta-orbit-large[b-3xwtj37cq1] {
        width: 300px;
        height: 300px;
    }

    .cta-orbit-small[b-3xwtj37cq1] {
        width: 205px;
        height: 205px;
    }

    .cta-engine[b-3xwtj37cq1] {
        width: 108px;
        height: 108px;
        border-radius: 31px;
    }

    .cta-floating-card[b-3xwtj37cq1] {
        min-width: 210px;
    }

    .cta-floating-card-top[b-3xwtj37cq1] {
        top: 26px;
        right: 0;
    }

    .cta-floating-card-bottom[b-3xwtj37cq1] {
        bottom: 28px;
        left: 0;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .cta-engine-pulse[b-3xwtj37cq1],
    .cta-floating-card-top[b-3xwtj37cq1],
    .cta-floating-card-bottom[b-3xwtj37cq1] {
        animation: none;
    }

    .cta-primary-button[b-3xwtj37cq1],
    .cta-secondary-button[b-3xwtj37cq1] {
        transition: none;
    }

        .cta-primary-button:hover[b-3xwtj37cq1],
        .cta-secondary-button:hover[b-3xwtj37cq1] {
            transform: none;
        }
}
/* /Components/Marketing/Features/FeaturesSection.razor.rz.scp.css */
/* ==========================================================
   SECTION
   ========================================================== */

.features-section[b-clnkkmx97h] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(58px, 4.5vw, 72px) var(--content-padding) clamp(42px, 4vw, 56px);
    border-top: 1px solid var(--border-soft);
    background: radial-gradient( circle at 12% 26%, rgba(59, 130, 246, 0.09), transparent 34% ), radial-gradient( circle at 88% 40%, rgba(168, 85, 247, 0.075), transparent 36% ), radial-gradient( circle at 48% 92%, rgba(34, 197, 94, 0.045), transparent 30% ), linear-gradient( 180deg, var(--bg-2), var(--bg-3) 52%, var(--bg-2) );
}

    .features-section[b-clnkkmx97h]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.09;
        background-image: linear-gradient( rgba(255, 255, 255, 0.024) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px );
        background-size: 72px 72px;
        mask-image: linear-gradient( to bottom, transparent, black 14%, black 86%, transparent );
        -webkit-mask-image: linear-gradient( to bottom, transparent, black 14%, black 86%, transparent );
    }

    .features-section[b-clnkkmx97h]::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
        background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.42), rgba(139, 92, 246, 0.28), transparent );
        box-shadow: 0 0 20px rgba(59, 130, 246, 0.12);
    }

/* ==========================================================
   CONTAINER
   ========================================================== */

.features-container[b-clnkkmx97h] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    flex-direction: column;
    gap: 26px;
}

/* ==========================================================
   HEADER
   ========================================================== */

.features-header[b-clnkkmx97h] {
    display: flex;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.features-eyebrow[b-clnkkmx97h] {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: var(--primary-soft);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.features-header h2[b-clnkkmx97h] {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--text);
    font-size: clamp(2rem, 3vw, 2.4rem);
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: -0.035em;
}


    .features-header h2 span[b-clnkkmx97h] {
        display: block;
        margin-top: 7px;
        color: transparent;
        background: var(--brand-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.features-header p[b-clnkkmx97h] {
    max-width: 680px;
    margin: 14px 0 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.65;
}

/* ==========================================================
   FEATURES GRID
   ========================================================== */

.features-grid[b-clnkkmx97h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}


/* ==========================================================
   FOUNDATION STRIP
   ========================================================== */

.features-foundation[b-clnkkmx97h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

    .features-foundation article[b-clnkkmx97h] {
        display: grid;
        min-width: 0;
        grid-template-columns: 46px minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        padding: 16px;
        border-top: 1px solid var(--border-soft);
        border-bottom: 1px solid var(--border-soft);
    }

        .features-foundation article > span[b-clnkkmx97h] {
            display: grid;
            width: 42px;
            height: 42px;
            place-items: center;
            border: 1px solid var(--border-medium);
            border-radius: var(--radius-md);
            color: var(--primary-light);
            background: linear-gradient( 145deg, var(--card-light), var(--card) );
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03);
        }

        .features-foundation article > div[b-clnkkmx97h] {
            display: flex;
            min-width: 0;
            flex-direction: column;
            gap: 4px;
        }

    .features-foundation strong[b-clnkkmx97h] {
        color: var(--text);
        font-size: 13px;
        font-weight: 900;
    }

    .features-foundation p[b-clnkkmx97h] {
        margin: 0;
        color: var(--text-muted);
        font-size: 10px;
        line-height: 1.5;
    }


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 980px) {

    .features-foundation[b-clnkkmx97h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .features-grid[b-clnkkmx97h] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .features-section[b-clnkkmx97h] {
        padding: 62px var(--content-padding) 36px;
    }

    .features-container[b-clnkkmx97h] {
        gap: 30px;
    }

    .features-header h2[b-clnkkmx97h] {
    font-size: 28px;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

    .features-foundation article[b-clnkkmx97h] {
        padding-inline: 0;
    }

    .features-footer[b-clnkkmx97h] {
        flex-direction: column;
        gap: 2px;
        text-align: center;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .features-ai-preview[b-clnkkmx97h] {
        transition: none;
    }
}

/* /Components/Marketing/Footer/MarketingFooter.razor.rz.scp.css */
/* ==========================================================
   FOOTER
   ========================================================== */

.marketing-footer[b-3qm0a42ivj] {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: -1px;
    padding: 44px var(--content-padding) 26px;
    border-top: 1px solid rgba(255,255,255,.05);
    background: radial-gradient( circle at 18% 22%, rgba(59, 130, 246, 0.055), transparent 32% ), linear-gradient( 180deg, var(--bg-1), #060d19 );
}

    .marketing-footer[b-3qm0a42ivj]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.07;
        background-image: linear-gradient( rgba(255, 255, 255, 0.022) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px );
        background-size: 72px 72px;
        mask-image: linear-gradient( to bottom, black, transparent 82% );
        -webkit-mask-image: linear-gradient( to bottom, black, transparent 82% );
    }

/* ==========================================================
   CONTAINER
   ========================================================== */

.marketing-footer-container[b-3qm0a42ivj] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
}

/* ==========================================================
   MAIN
   ========================================================== */

.marketing-footer-main[b-3qm0a42ivj] {
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) repeat(3, minmax(140px, 0.6fr));
    align-items: flex-start;
    gap: 34px;
    padding-bottom: 54px;
}

/* ==========================================================
   BRAND
   ========================================================== */

.marketing-footer-brand[b-3qm0a42ivj] {
    display: flex;
    max-width: 420px;
    flex-direction: column;
    align-items: flex-start;
}

.marketing-footer-logo[b-3qm0a42ivj] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--text) !important;
    font-size: 18px;
    font-weight: 950;
    text-decoration: none !important;
}

.marketing-footer-logo-icon[b-3qm0a42ivj] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 12px;
    color: var(--primary-light);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.18), transparent 55% ), linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.marketing-footer-brand p[b-3qm0a42ivj] {
    max-width: 390px;
    margin: 18px 0 0;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.7;
}

.marketing-footer-status[b-3qm0a42ivj] {
    display: inline-flex;
    min-height: 32px;
    margin-top: 20px;
    align-items: center;
    gap: 9px;
    padding: 0 11px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-pill);
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.025);
    font-size: 9px;
    font-weight: 800;
}

.marketing-footer-status-dot[b-3qm0a42ivj] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.08), 0 0 11px rgba(34, 197, 94, 0.65);
}

/* ==========================================================
   COLUMNS
   ========================================================== */

.marketing-footer-column[b-3qm0a42ivj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.marketing-footer-column-title[b-3qm0a42ivj] {
    margin-bottom: 4px;
    color: var(--text);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.marketing-footer-column a[b-3qm0a42ivj] {
    color: var(--text-muted) !important;
    font-size: 11px;
    font-weight: 750;
    text-decoration: none !important;
    transition: color var(--transition), transform var(--transition);
}

    .marketing-footer-column a:hover[b-3qm0a42ivj] {
        color: var(--text) !important;
        transform: translateX(3px);
    }

/* ==========================================================
   BOTTOM
   ========================================================== */

.marketing-footer-bottom[b-3qm0a42ivj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding-top: 24px;
    border-top: 1px solid var(--border-soft);
    color: var(--text-subtle);
    font-size: 9px;
    font-weight: 750;
}

.marketing-footer-disclaimer[b-3qm0a42ivj] {
    text-align: center;
}

.marketing-footer-top-link[b-3qm0a42ivj] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    transition: color var(--transition), transform var(--transition);
}

    .marketing-footer-top-link:hover[b-3qm0a42ivj] {
        color: var(--text) !important;
        transform: translateY(-2px);
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {
    .marketing-footer-main[b-3qm0a42ivj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .marketing-footer-brand[b-3qm0a42ivj] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .marketing-footer[b-3qm0a42ivj] {
        padding: 58px var(--content-padding) 24px;
    }

    .marketing-footer-main[b-3qm0a42ivj] {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .marketing-footer-brand[b-3qm0a42ivj] {
        grid-column: auto;
    }

    .marketing-footer-bottom[b-3qm0a42ivj] {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 12px;
        text-align: center;
    }

    .marketing-footer-top-link[b-3qm0a42ivj] {
        justify-content: center;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .marketing-footer-column a[b-3qm0a42ivj],
    .marketing-footer-top-link[b-3qm0a42ivj] {
        transition: none;
    }

        .marketing-footer-column a:hover[b-3qm0a42ivj],
        .marketing-footer-top-link:hover[b-3qm0a42ivj] {
            transform: none;
        }
}
/* /Components/Marketing/Hero/Hero.razor.rz.scp.css */
/* ==========================================================
   HERO
   ========================================================== */

.marketing-hero[b-zp2neydgg6] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: calc(100svh - 84px);
    align-items: center;
    overflow: hidden;
    padding: clamp(44px, 5vw, 72px) var(--content-padding);
    border-bottom: 1px solid var(--border-soft);
    background: radial-gradient( circle at 18% 42%, rgba(37, 99, 235, 0.13), transparent 36% ), radial-gradient( circle at 88% 38%, rgba(124, 58, 237, 0.09), transparent 34% ), linear-gradient( 135deg, var(--bg-1), var(--bg-2) );
}


    .marketing-hero[b-zp2neydgg6]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.08;
        background-image: linear-gradient( rgba(255, 255, 255, 0.022) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.022) 1px, transparent 1px );
        background-size: 72px 72px;
        mask-image: linear-gradient( to bottom, transparent, black 16%, black 84%, transparent );
        -webkit-mask-image: linear-gradient( to bottom, transparent, black 16%, black 84%, transparent );
    }


/* ==========================================================
   CONTENT
   ========================================================== */
.marketing-hero-content[b-zp2neydgg6] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    grid-template-columns: minmax(460px, 0.82fr) minmax(620px, 1.08fr);
    align-items: center;
    gap: clamp(48px, 4vw, 72px);
}


/* ==========================================================
   COPY
   ========================================================== */

.marketing-hero-copy[b-zp2neydgg6] {
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: clamp(24px, 3vw, 48px);
    transform: translateY(-8px);
}


/* ==========================================================
   BADGE
   ========================================================== */

.marketing-hero-badge[b-zp2neydgg6] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: linear-gradient( 135deg, rgba(59, 130, 246, 0.13), rgba(37, 99, 235, 0.06) );
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.2px;
}


.marketing-hero-badge-dot[b-zp2neydgg6] {
    position: relative;
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.1), 0 0 15px rgba(34, 197, 94, 0.75);
    animation: marketing-hero-pulse-b-zp2neydgg6 2.8s ease-in-out infinite;
}


/* ==========================================================
   TITLE
   ========================================================== */

.marketing-hero h1[b-zp2neydgg6] {
    max-width: 680px;
    margin: 22px 0 0;
    color: var(--text);
    font-size: clamp(46px, 4vw, 64px);
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: clamp(-3.8px, -0.3vw, -2px);
}


    .marketing-hero h1 span[b-zp2neydgg6] {
        display: block;
        margin-top: 10px;
        color: transparent;
        background: linear-gradient( 120deg, #60a5fa 0%, #3b82f6 46%, #a78bfa 100% );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


/* ==========================================================
   DESCRIPTION
   ========================================================== */

.marketing-hero-description[b-zp2neydgg6] {
    max-width: 560px;
    margin: 24px 0 0;
    color: var(--text-secondary);
    font-size: clamp( 15px, 1.08vw, 18px );
    line-height: 1.75;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.marketing-hero-actions[b-zp2neydgg6] {
    display: flex;
    margin-top: 30px;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
}


.marketing-primary-button[b-zp2neydgg6],
.marketing-secondary-button[b-zp2neydgg6] {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 0 23px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);
}


    .marketing-primary-button[b-zp2neydgg6],
    .marketing-primary-button:visited[b-zp2neydgg6] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.28);
        background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
        box-shadow: 0 18px 40px rgba(37, 99, 235, 0.29), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }


        .marketing-primary-button:hover[b-zp2neydgg6] {
            transform: translateY(-2px);
            color: #ffffff !important;
            filter: brightness(1.07);
            box-shadow: 0 23px 50px rgba(37, 99, 235, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.17);
        }


    .marketing-secondary-button[b-zp2neydgg6],
    .marketing-secondary-button:visited[b-zp2neydgg6] {
        color: var(--text) !important;
        border-color: var(--border-medium);
        background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022) );
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    }


        .marketing-secondary-button:hover[b-zp2neydgg6] {
            transform: translateY(-2px);
            color: #ffffff !important;
            border-color: var(--border-strong);
            background: linear-gradient( 145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.035) );
        }


/* ==========================================================
   OPTIONAL PROOF
   ========================================================== */

.marketing-hero-proof[b-zp2neydgg6] {
    display: flex;
    margin-top: 22px;
    align-items: center;
    gap: 14px;
}


.marketing-proof-avatars[b-zp2neydgg6] {
    display: flex;
    align-items: center;
}


    .marketing-proof-avatars span[b-zp2neydgg6] {
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        margin-left: -7px;
        border: 2px solid var(--bg-1);
        border-radius: 50%;
        color: var(--text);
        background: linear-gradient( 145deg, var(--card-light), var(--card) );
        box-shadow: 0 9px 22px rgba(0, 0, 0, 0.22);
        font-size: 10px;
        font-weight: 900;
    }


        .marketing-proof-avatars span:first-child[b-zp2neydgg6] {
            margin-left: 0;
        }


.marketing-hero-proof > div:last-child[b-zp2neydgg6] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


.marketing-hero-proof strong[b-zp2neydgg6] {
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
}


.marketing-hero-proof small[b-zp2neydgg6] {
    color: var(--text-muted);
    font-size: 9px;
    line-height: 1.4;
}


/* ==========================================================
   VISUAL
   ========================================================== */



.marketing-hero-visual[b-zp2neydgg6] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
}



.marketing-hero-glow[b-zp2neydgg6] {
    position: absolute;
    width: 82%;
    height: 82%;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.12), rgba(139, 92, 246, 0.055) 42%, transparent 70% );
    filter: blur(30px);
}


/* ==========================================================
   OPPORTUNITY ZONE
   ========================================================== */

.hero-opportunity-zone[b-zp2neydgg6] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
}


.hero-opportunity-stack[b-zp2neydgg6] {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    max-width: 680px;
    flex-direction: column;
    margin: 0;
}


.marketing-hero-visual[b-zp2neydgg6]  .opportunity-card {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 680px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.32), 0 74px 160px rgba(0, 0, 0, 0.38), 0 0 70px rgba(37, 99, 235, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


/* ==========================================================
   OPPORTUNITY ACTION
   ========================================================== */

.hero-opportunity-actions[b-zp2neydgg6] {
    display: flex;
    width: 100%;
    margin-top: 14px;
}


.hero-opportunity-action[b-zp2neydgg6] {
    display: flex;
    width: 100%;
    min-height: 60px;
    align-items: center;
    gap: 14px;
    padding: 9px 14px 9px 12px;
    border: 1px solid rgba(59, 130, 246, 0.52);
    border-radius: 14px;
    color: var(--text);
    background: linear-gradient( 135deg, rgba(15, 30, 55, 0.96), rgba(8, 19, 37, 0.98) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 34px rgba(0, 0, 0, 0.18);
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition);
}


    .hero-opportunity-action > span:nth-child(2)[b-zp2neydgg6] {
        flex: 1;
        text-align: left;
    }


    .hero-opportunity-action:hover[b-zp2neydgg6] {
        transform: translateY(-2px);
        border-color: rgba(96, 165, 250, 0.85);
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22), 0 0 24px rgba(37, 99, 235, 0.10);
    }


    .hero-opportunity-action:active[b-zp2neydgg6] {
        transform: translateY(0);
    }


    .hero-opportunity-action:disabled[b-zp2neydgg6] {
        cursor: wait;
        opacity: 0.72;
    }


.hero-opportunity-action-icon[b-zp2neydgg6] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 12px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.12);
}


/* ==========================================================
   SCAN AGAIN
   ========================================================== */

.hero-opportunity-action-scan[b-zp2neydgg6] {
    border-color: rgba(34, 197, 94, 0.55);
    background: linear-gradient( 135deg, rgba(5, 150, 105, 0.24), rgba(6, 78, 59, 0.35) );
}


    .hero-opportunity-action-scan
    .hero-opportunity-action-icon[b-zp2neydgg6] {
        color: #34d399;
        border-color: rgba(52, 211, 153, 0.16);
        background: rgba(16, 185, 129, 0.15);
    }


    .hero-opportunity-action-scan:hover[b-zp2neydgg6] {
        border-color: rgba(52, 211, 153, 0.9);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18), 0 0 24px rgba(16, 185, 129, 0.10);
    }


.hero-opportunity-action-icon-spinning[b-zp2neydgg6] {
    animation: hero-scan-spin-b-zp2neydgg6 0.9s linear infinite;
}


/* ==========================================================
   EMPTY / SCANNING STATE
   ========================================================== */

.hero-scan-state[b-zp2neydgg6] {
    display: flex;
    width: min(620px, 100%);
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 18px;
    background: linear-gradient( 145deg, rgba(13, 27, 48, 0.92), rgba(8, 18, 34, 0.92) );
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


.hero-scan-state-icon[b-zp2neydgg6] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.12);
}


.hero-scan-state-icon-active[b-zp2neydgg6] {
    animation: hero-scan-pulse-b-zp2neydgg6 1.8s ease-in-out infinite;
}


.hero-scan-state > div:last-child[b-zp2neydgg6] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.hero-scan-state strong[b-zp2neydgg6] {
    color: var(--text);
    font-size: 14px;
    font-weight: 900;
}


.hero-scan-state span[b-zp2neydgg6] {
    color: var(--text-secondary);
    font-size: 11px;
    line-height: 1.5;
}


.hero-scan-state small[b-zp2neydgg6] {
    color: var(--text-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.04em;
}


/* ==========================================================
   FREE LIMIT / UPGRADE
   ========================================================== */

.hero-opportunity-limit[b-zp2neydgg6] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 15px;
    background: linear-gradient( 135deg, rgba(16, 31, 54, 0.96), rgba(8, 20, 38, 0.96) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


.hero-opportunity-limit-copy[b-zp2neydgg6] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}


    .hero-opportunity-limit-copy strong[b-zp2neydgg6] {
        color: #f8fafc;
        font-size: 13px;
        font-weight: 900;
    }


    .hero-opportunity-limit-copy span[b-zp2neydgg6] {
        max-width: 430px;
        color: #8091aa;
        font-size: 12px;
        line-height: 1.55;
    }


.hero-opportunity-limit-button[b-zp2neydgg6] {
    display: inline-flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 15px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #2563eb, #3b82f6 );
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}


    .hero-opportunity-limit-button:hover[b-zp2neydgg6] {
        transform: translateY(-1px);
        filter: brightness(1.06);
        box-shadow: 0 16px 34px rgba(37, 99, 235, 0.25);
    }


.hero-opportunity-limit-actions[b-zp2neydgg6] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}


.hero-opportunity-limit-login[b-zp2neydgg6] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 11px;
    color: #9fb0c6 !important;
    background: rgba(255, 255, 255, 0.025);
    font-size: 12px;
    font-weight: 850;
    text-decoration: none !important;
}


    .hero-opportunity-limit-login:hover[b-zp2neydgg6] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.22);
    }


/* ==========================================================
   ANIMATIONS
   ========================================================== */

@keyframes marketing-hero-pulse-b-zp2neydgg6 {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.16);
        opacity: 0.78;
    }
}


@keyframes hero-scan-pulse-b-zp2neydgg6 {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(59, 130, 246, 0.08), 0 0 18px rgba(59, 130, 246, 0.12);
    }
}


@keyframes hero-scan-spin-b-zp2neydgg6 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================
   RESPONSIVE — TABLET
   ========================================================== */

@media (max-width: 1180px) {

    .marketing-hero[b-zp2neydgg6] {
        min-height: auto;
        padding-top: 64px;
        padding-bottom: 70px;
    }

    .marketing-hero-content[b-zp2neydgg6] {
        grid-template-columns: minmax(0, 1fr) minmax(440px, 0.95fr);
        gap: 44px;
    }

    .marketing-hero-copy[b-zp2neydgg6] {
        padding-left: 0;
    }

    .marketing-hero h1[b-zp2neydgg6] {
        font-size: clamp(44px, 5.2vw, 60px);
    }
}


/* ==========================================================
   RESPONSIVE — STACKED
   ========================================================== */

@media (max-width: 900px) {

    .marketing-hero[b-zp2neydgg6] {
        min-height: auto;
        padding: 58px var(--content-padding) 72px;
    }

    .marketing-hero-content[b-zp2neydgg6] {
        display: flex;
        width: 100%;
        max-width: 720px;
        margin: 0 auto;
        flex-direction: column;
        gap: 48px;
    }

    .marketing-hero-copy[b-zp2neydgg6] {
        width: 100%;
        min-width: 0;
        order: 1;
        align-items: center;
        padding: 0;
        text-align: center;
        transform: none;
    }

    .marketing-hero-description[b-zp2neydgg6] {
        margin-inline: auto;
    }

    .marketing-hero-actions[b-zp2neydgg6],
    .marketing-hero-proof[b-zp2neydgg6] {
        justify-content: center;
    }

    .marketing-hero-visual[b-zp2neydgg6] {
        width: 100%;
        max-width: 680px;
        min-width: 0;
        margin: 0 auto;
        order: 2;
        justify-content: center;
    }

    .hero-opportunity-zone[b-zp2neydgg6],
    .hero-opportunity-stack[b-zp2neydgg6] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
}


/* ==========================================================
   RESPONSIVE — MOBILE
   ========================================================== */

@media (max-width: 640px) {

    .marketing-hero[b-zp2neydgg6] {
        padding: 42px 18px 60px;
        overflow: hidden;
    }

    .marketing-hero-content[b-zp2neydgg6] {
        width: 100%;
        max-width: 100%;
        gap: 38px;
    }

    .marketing-hero-copy[b-zp2neydgg6] {
        align-items: flex-start;
        text-align: left;
    }

    .marketing-hero-badge[b-zp2neydgg6] {
        min-height: 32px;
        max-width: 100%;
        padding-inline: 11px;
        font-size: 9px;
    }

    .marketing-hero h1[b-zp2neydgg6] {
        width: 100%;
        max-width: 100%;
        margin-top: 18px;
        font-size: clamp( 40px, 12.5vw, 54px );
        line-height: 1.02;
        letter-spacing: -2.3px;
    }

        .marketing-hero h1 span[b-zp2neydgg6] {
            margin-top: 7px;
        }

    .marketing-hero-description[b-zp2neydgg6] {
        width: 100%;
        max-width: 100%;
        margin-top: 19px;
        font-size: 14px;
        line-height: 1.65;
    }

    .marketing-hero-actions[b-zp2neydgg6] {
        width: 100%;
        margin-top: 25px;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .marketing-primary-button[b-zp2neydgg6],
    .marketing-secondary-button[b-zp2neydgg6] {
        width: 100%;
        min-height: 50px;
    }

    .marketing-hero-visual[b-zp2neydgg6] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 0;
        overflow: visible;
    }

    .hero-opportunity-zone[b-zp2neydgg6],
    .hero-opportunity-stack[b-zp2neydgg6] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .hero-opportunity-action[b-zp2neydgg6] {
        min-height: 54px;
        gap: 10px;
        padding: 8px 11px;
        font-size: 11px;
    }

    .hero-opportunity-action-icon[b-zp2neydgg6] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .hero-opportunity-limit[b-zp2neydgg6] {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-opportunity-limit-actions[b-zp2neydgg6] {
        width: 100%;
    }

    .hero-opportunity-limit-button[b-zp2neydgg6] {
        flex: 1;
    }
}

/* /Components/Marketing/MarketAlertCompare/MarketAlertCompare.razor.rz.scp.css */
.market-alert-comparison[b-uvsx2plaaz] {
    position: relative;
    padding: 76px 24px;
}


.market-alert-comparison-container[b-uvsx2plaaz] {
    width: min(1180px, 100%);
    margin: 0 auto;
}


.market-alert-comparison-header[b-uvsx2plaaz] {
    width: min(720px, 100%);
    margin: 0 auto 34px;
    text-align: center;
}


.market-alert-comparison-eyebrow[b-uvsx2plaaz] {
    display: inline-block;
    margin-bottom: 12px;
    color: #60a5fa;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.market-alert-comparison-header h2[b-uvsx2plaaz] {
    margin: 0;
    color: #f8fafc;
    font-size: clamp(2rem, 3vw, 2.4rem);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.market-alert-comparison-header p[b-uvsx2plaaz] {
    margin: 14px auto 0;
    color: #8998af;
    font-size: 0.95rem;
    line-height: 1.65;
}

/* ==========================================================
   GRID
   ========================================================== */

.market-alert-comparison-grid[b-uvsx2plaaz] {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) 56px minmax(0, 1.12fr);
    align-items: stretch;
}


/* ==========================================================
   CARDS
   ========================================================== */

.market-alert-comparison-card[b-uvsx2plaaz] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 22px;
    background: linear-gradient( 145deg, rgba(24, 37, 60, 0.92), rgba(15, 25, 43, 0.92) );
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.18);
}


.market-alert-comparison-card-standard[b-uvsx2plaaz] {
    opacity: 0.78;
}


.market-alert-comparison-card-pulsavex[b-uvsx2plaaz] {
    border-color: rgba(59, 130, 246, 0.20);
    background: radial-gradient( circle at top right, rgba(37, 99, 235, 0.13), transparent 38% ), linear-gradient( 145deg, rgba(25, 39, 65, 0.98), rgba(15, 25, 43, 0.98) );
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24), 0 0 45px rgba(37, 99, 235, 0.045);
}


/* ==========================================================
   CARD HEADER
   ========================================================== */

.market-alert-comparison-card-header[b-uvsx2plaaz] {
    display: flex;
    align-items: center;
    gap: 12px;
}


    .market-alert-comparison-card-header > div[b-uvsx2plaaz] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }


.market-alert-comparison-icon[b-uvsx2plaaz] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 12px;
}


.market-alert-comparison-icon-standard[b-uvsx2plaaz] {
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.08);
}


.market-alert-comparison-icon-pulsavex[b-uvsx2plaaz] {
    color: #93c5fd;
    border: 1px solid rgba(96, 165, 250, 0.16);
    background: rgba(59, 130, 246, 0.10);
}


.market-alert-comparison-card-label[b-uvsx2plaaz] {
    color: #71819b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.market-alert-comparison-card-header strong[b-uvsx2plaaz] {
    color: #f1f5f9;
    font-size: 14px;
    font-weight: 800;
}


/* ==========================================================
   STANDARD ALERT
   ========================================================== */

.market-alert-comparison-standard-message[b-uvsx2plaaz] {
    margin-top: 34px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.018);
}


    .market-alert-comparison-standard-message strong[b-uvsx2plaaz] {
        color: #e2e8f0;
        font-size: 20px;
        font-weight: 900;
    }


    .market-alert-comparison-standard-message p[b-uvsx2plaaz] {
        margin: 8px 0 0;
        color: #8795aa;
        font-size: 12px;
        line-height: 1.5;
    }


.market-alert-comparison-limitations[b-uvsx2plaaz],
.market-alert-comparison-benefits[b-uvsx2plaaz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 24px;
    gap: 12px 16px;
}


    .market-alert-comparison-limitations span[b-uvsx2plaaz],
    .market-alert-comparison-benefits span[b-uvsx2plaaz] {
        display: flex;
        align-items: center;
        min-width: 0;
        gap: 7px;
        color: #78869b;
        font-size: 10px;
        line-height: 1.4;
    }


    .market-alert-comparison-limitations svg[b-uvsx2plaaz] {
        flex: 0 0 auto;
        color: #64748b;
    }


/* ==========================================================
   VS
   ========================================================== */

.market-alert-comparison-vs[b-uvsx2plaaz] {
    display: flex;
    align-items: center;
    justify-content: center;
}


    .market-alert-comparison-vs span[b-uvsx2plaaz] {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border: 1px solid rgba(96, 165, 250, 0.15);
        border-radius: 50%;
        color: #71819b;
        background: #111c30;
        font-size: 9px;
        font-weight: 900;
    }


/* ==========================================================
   PULSAVEX OPPORTUNITY
   ========================================================== */

.market-alert-comparison-opportunity[b-uvsx2plaaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 26px;
    padding-bottom: 18px;
    gap: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}


    .market-alert-comparison-opportunity > div[b-uvsx2plaaz] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }


        .market-alert-comparison-opportunity > div > span[b-uvsx2plaaz] {
            color: #94a3b8;
            font-size: 12px;
            font-weight: 700;
        }


        .market-alert-comparison-opportunity > div > strong[b-uvsx2plaaz] {
            color: #4ade80;
            font-size: 20px;
            font-weight: 900;
        }


.market-alert-comparison-score[b-uvsx2plaaz] {
    display: flex;
    align-items: baseline;
    gap: 3px;
}


    .market-alert-comparison-score strong[b-uvsx2plaaz] {
        color: #f8fafc;
        font-size: 28px;
        font-weight: 950;
        line-height: 1;
    }


    .market-alert-comparison-score small[b-uvsx2plaaz] {
        color: #71819b;
        font-size: 9px;
        font-weight: 800;
    }


/* ==========================================================
   INTELLIGENCE
   ========================================================== */

.market-alert-comparison-intelligence[b-uvsx2plaaz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
    gap: 10px;
}


    .market-alert-comparison-intelligence > div[b-uvsx2plaaz] {
        display: flex;
        flex-direction: column;
        min-width: 0;
        padding: 12px;
        gap: 4px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.018);
    }


    .market-alert-comparison-intelligence span[b-uvsx2plaaz] {
        color: #64748b;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.7px;
        text-transform: uppercase;
    }


    .market-alert-comparison-intelligence strong[b-uvsx2plaaz] {
        color: #e2e8f0;
        font-size: 11px;
        font-weight: 800;
    }


.market-alert-comparison-benefits[b-uvsx2plaaz] {
    margin-top: 18px;
}


    .market-alert-comparison-benefits span[b-uvsx2plaaz] {
        color: #9ba9bc;
    }


    .market-alert-comparison-benefits svg[b-uvsx2plaaz] {
        flex: 0 0 auto;
        color: #22c55e;
    }


/* ==========================================================
   CTA
   ========================================================== */

.market-alert-comparison-view-opportunity[b-uvsx2plaaz],
.market-alert-comparison-view-opportunity:visited[b-uvsx2plaaz] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 38px;
    margin-top: 22px;
    padding: 0 16px;
    gap: 8px;
    border: 1px solid rgba(96, 165, 250, 0.20);
    border-radius: 999px;
    color: #f8fafc !important;
    background: rgba(59, 130, 246, 0.055);
    font-size: 10px;
    font-weight: 850;
    text-decoration: none !important;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}


    .market-alert-comparison-view-opportunity:hover[b-uvsx2plaaz] {
        transform: translateX(2px);
        border-color: rgba(96, 165, 250, 0.38);
        background: rgba(59, 130, 246, 0.10);
    }


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {

    .market-alert-comparison[b-uvsx2plaaz] {
        padding: 64px 20px;
    }


    .market-alert-comparison-grid[b-uvsx2plaaz] {
        grid-template-columns: 1fr;
        gap: 18px;
    }


    .market-alert-comparison-vs[b-uvsx2plaaz] {
        height: 34px;
    }


        .market-alert-comparison-vs span[b-uvsx2plaaz] {
            width: 34px;
            height: 34px;
        }
}


@media (max-width: 600px) {

    .market-alert-comparison[b-uvsx2plaaz] {
        padding: 56px 16px;
    }


    .market-alert-comparison-header[b-uvsx2plaaz] {
        margin-bottom: 32px;
    }


    .market-alert-comparison-card[b-uvsx2plaaz] {
        padding: 22px 18px;
    }


    .market-alert-comparison-limitations[b-uvsx2plaaz],
    .market-alert-comparison-benefits[b-uvsx2plaaz] {
        grid-template-columns: 1fr;
    }


    .market-alert-comparison-intelligence[b-uvsx2plaaz] {
        grid-template-columns: 1fr;
    }


    .market-alert-comparison-opportunity[b-uvsx2plaaz] {
        align-items: flex-start;
    }
}
/* /Components/Marketing/Pricing/PricingSection.razor.rz.scp.css */
/* ==========================================================
   SECTION
   ========================================================== */

.pricing-section[b-73su28hagn] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 76px var(--content-padding);
    border-top: 1px solid var(--border-soft);
    background: radial-gradient( circle at 14% 30%, rgba(59, 130, 246, 0.08), transparent 34% ), radial-gradient( circle at 86% 38%, rgba(139, 92, 246, 0.085), transparent 36% ), linear-gradient( 180deg, var(--bg-1), var(--bg-2) 54%, var(--bg-1) );
}

    .pricing-section[b-73su28hagn]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.09;
        background-image: linear-gradient( rgba(255, 255, 255, 0.024) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px );
        background-size: 72px 72px;
        mask-image: linear-gradient( to bottom, transparent, black 14%, black 86%, transparent );
        -webkit-mask-image: linear-gradient( to bottom, transparent, black 14%, black 86%, transparent );
    }

    .pricing-section[b-73su28hagn]::after {
        position: absolute;
        top: -4px;
        left: 50%;
        width: 9px;
        height: 9px;
        content: "";
        border-radius: 50%;
        background: var(--primary);
        box-shadow: 0 0 0 5px rgba(59, 130, 246, 0.07), 0 0 18px rgba(59, 130, 246, 0.58);
        transform: translateX(-50%);
    }

/* ==========================================================
   CONTAINER
   ========================================================== */

.pricing-container[b-73su28hagn] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    flex-direction: column;
    gap: 36px;
}

/* ==========================================================
   HEADER
   ========================================================== */

.pricing-header[b-73su28hagn] {
    display: flex;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.pricing-eyebrow[b-73su28hagn] {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: var(--primary-soft);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.pricing-header h2[b-73su28hagn] {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--text);
    font-size: clamp(2rem, 3vw, 2.4rem);
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

    .pricing-header h2 span[b-73su28hagn] {
        display: block;
        margin-top: 7px;
        color: transparent;
        background: var(--brand-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.pricing-header p[b-73su28hagn] {
    max-width: 680px;
    margin: 14px 0 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.65;
}

/* ==========================================================
   GRID
   ========================================================== */

.pricing-grid[b-73su28hagn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
}

/* ==========================================================
   CARD
   ========================================================== */
.pricing-card[b-73su28hagn] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 26px 28px;
    flex-direction: column;
    gap: 16px;
}

    .pricing-card:hover[b-73su28hagn] {
        transform: translateY(-5px);
        box-shadow: 0 26px 64px rgba(0, 0, 0, 0.26), 0 58px 132px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    .pricing-card-free[b-73su28hagn] {
        border-color: rgba(148, 163, 184, 0.15);
    }

    .pricing-card-pro[b-73su28hagn] {
        border-color: rgba(96, 165, 250, 0.28);
        background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.16), transparent 38% ), radial-gradient( circle at bottom left, rgba(139, 92, 246, 0.09), transparent 36% ), linear-gradient( 180deg, rgba(28, 44, 75, 0.98), rgba(18, 29, 51, 0.99) );
        box-shadow: 0 22px 56px rgba(0, 0, 0, 0.24), 0 58px 132px rgba(0, 0, 0, 0.36), 0 0 58px rgba(37, 99, 235, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    .pricing-pro-glow[b-73su28hagn] {
        position: absolute;
        top: -150px;
        right: -120px;
        width: 360px;
        height: 360px;
        pointer-events: none;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(59, 130, 246, 0.15), transparent 68% );
        filter: blur(16px);
    }
    /* ==========================================================
   POPULAR BADGE
   ========================================================== */

    .pricing-popular-badge[b-73su28hagn] {
        position: absolute;
        z-index: 3;
        top: 20px;
        right: 20px;
        display: inline-flex;
        min-height: 29px;
        align-items: center;
        gap: 7px;
        padding: 0 11px;
        border: 1px solid rgba(96, 165, 250, 0.22);
        border-radius: var(--radius-pill);
        color: #bfdbfe;
        background: rgba(59, 130, 246, 0.1);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.65px;
        text-transform: uppercase;
    }
    /* ==========================================================
   CARD HEADER
   ========================================================== */

    .pricing-card-header[b-73su28hagn] {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        align-items: flex-start;
        gap: 17px;
    }

    .pricing-plan-icon[b-73su28hagn] {
        display: grid;
        width: 56px;
        height: 56px;
        place-items: center;
        border: 1px solid var(--border-medium);
        border-radius: var(--radius-lg);
        color: var(--text-secondary);
        background: linear-gradient( 145deg, var(--card-light), var(--card) );
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    .pricing-card-pro .pricing-plan-icon[b-73su28hagn] {
        color: var(--primary-light);
        border-color: rgba(96, 165, 250, 0.22);
        background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.18), transparent 55% ), linear-gradient( 145deg, var(--card-light), var(--card) );
    }

    .pricing-card-header > div:last-child[b-73su28hagn] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    .pricing-plan-label[b-73su28hagn] {
        color: var(--primary-light);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: 1.1px;
        text-transform: uppercase;
    }

    .pricing-card-header h3[b-73su28hagn] {
        margin: 8px 0 0;
        color: var(--text);
        font-size: clamp( 25px, 2.2vw, 34px );
        font-weight: 950;
        line-height: 1.12;
        letter-spacing: -0.8px;
    }

    .pricing-card-header p[b-73su28hagn] {
        margin: 11px 0 0;
        color: var(--text-secondary);
        font-size: 12px;
        line-height: 1.68;
    }
    /* ==========================================================
   PRICE
   ========================================================== */

.pricing-price[b-73su28hagn] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 2px 0 17px;
    border-bottom: 1px solid var(--border-soft);
}

    .pricing-price strong[b-73su28hagn] {
        color: var(--text);
        font-size: clamp(44px, 4vw, 58px);
        font-weight: 950;
        line-height: 1;
        letter-spacing: -2.5px;
    }

    .pricing-card-pro .pricing-price strong[b-73su28hagn] {
        color: transparent;
        background: linear-gradient( 135deg, #f8fafc, #93c5fd );
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .pricing-price span[b-73su28hagn] {
        color: var(--text-muted);
        font-size: 12px;
        font-weight: 800;
    }
    /* ==========================================================
   FEATURES
   ========================================================== */

.pricing-features[b-73su28hagn] {
    position: relative;
    z-index: 1;
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 10px;
    list-style: none;
}
    .pricing-features li[b-73su28hagn] {
        color: var(--text-secondary);
        font-size: 12px;
        line-height: 1.5;
        display: grid;
        grid-template-columns: 25px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
    }

.pricing-feature-icon[b-73su28hagn] {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid rgba(34, 197, 94, 0.11);
    border-radius: 9px;
    color: var(--success);
    background: var(--success-soft);
}
    /* ==========================================================
   BUTTONS
   ========================================================== */

    .pricing-button[b-73su28hagn] {
        position: relative;
        z-index: 1;
        display: inline-flex;
        width: 100%;
        min-height: 52px;
        margin-top: auto;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 0 20px;
        border: 1px solid transparent;
        border-radius: var(--radius-md);
        font-size: 13px;
        font-weight: 900;
        text-decoration: none !important;
        transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);
    }

        .pricing-button:hover[b-73su28hagn] {
            transform: translateY(-2px);
        }

    .pricing-button-free[b-73su28hagn],
    .pricing-button-free:visited[b-73su28hagn] {
        color: var(--text) !important;
        border-color: var(--border-medium);
        background: linear-gradient( 145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025) );
    }

        .pricing-button-free:hover[b-73su28hagn] {
            color: #ffffff !important;
            border-color: var(--border-strong);
            background: linear-gradient( 145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04) );
        }

    .pricing-button-pro[b-73su28hagn],
    .pricing-button-pro:visited[b-73su28hagn] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.28);
        background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
        box-shadow: var(--shadow-primary), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }

        .pricing-button-pro:hover[b-73su28hagn] {
            color: #ffffff !important;
            filter: brightness(1.07);
            box-shadow: 0 21px 44px rgba(37, 99, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.17);
        }
    /* ==========================================================
   CARD FOOTER
   ========================================================== */

    .pricing-card-footer[b-73su28hagn] {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        color: var(--text-subtle);
        font-size: 11px;
        font-weight: 750;
    }
    /* ==========================================================
   COMPARISON
   ========================================================== */

    .pricing-comparison[b-73su28hagn] {
        display: grid;
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 28px;
        padding: 22px 28px;
        border-top: 1px solid var(--border-soft);
        border-bottom: 1px solid var(--border-soft);
    }

    .pricing-comparison-copy[b-73su28hagn] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

        .pricing-comparison-copy span[b-73su28hagn] {
            color: var(--primary-light);
            font-size: 9px;
            font-weight: 900;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .pricing-comparison-copy strong[b-73su28hagn] {
            color: var(--text);
            font-size: clamp( 18px, 1.8vw, 24px );
            font-weight: 900;
            line-height: 1.3;
        }

    .pricing-comparison-items[b-73su28hagn] {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: 10px;
    }

        .pricing-comparison-items span[b-73su28hagn] {
            display: inline-flex;
            min-height: 34px;
            align-items: center;
            gap: 8px;
            padding: 0 12px;
            border: 1px solid var(--border-soft);
            border-radius: var(--radius-pill);
            color: var(--text-secondary);
            background: rgba(255, 255, 255, 0.025);
            font-size: 9px;
            font-weight: 800;
        }

            .pricing-comparison-items span :deep(svg)[b-73su28hagn] {
                color: var(--success);
            }
    /* ==========================================================
   RESPONSIVE
   ========================================================== */

    @media (max-width: 860px) {
        .pricing-grid[b-73su28hagn] {
            grid-template-columns: 1fr;
        }

        .pricing-card[b-73su28hagn] {
            width: 100%;
            max-width: 640px;
            margin-inline: auto;
        }

        .pricing-comparison[b-73su28hagn] {
            grid-template-columns: 1fr;
            text-align: center;
        }

        .pricing-comparison-items[b-73su28hagn] {
            justify-content: center;
        }
    }

    @media (max-width: 640px) {
        .pricing-section[b-73su28hagn] {
            padding: 42px var(--content-padding) 72px;
        }

        .pricing-container[b-73su28hagn] {
            gap: 44px;
        }

        .pricing-card[b-73su28hagn] {
            padding: 22px;
            border-radius: var(--radius-lg);
        }

        .pricing-popular-badge[b-73su28hagn] {
            position: relative;
            top: auto;
            right: auto;
            align-self: flex-start;
        }

        .pricing-card-header[b-73su28hagn] {
            grid-template-columns: 48px minmax(0, 1fr);
            gap: 14px;
        }

        .pricing-plan-icon[b-73su28hagn] {
            width: 48px;
            height: 48px;
        }

        .pricing-card-header h3[b-73su28hagn] {
            font-size: 25px;
        }

        .pricing-price strong[b-73su28hagn] {
            font-size: 52px;
        }

        .pricing-comparison[b-73su28hagn] {
            padding-inline: 0;
        }
    }
    /* ==========================================================
   REDUCED MOTION
   ========================================================== */

    @media (prefers-reduced-motion: reduce) {
        .pricing-card[b-73su28hagn],
        .pricing-button[b-73su28hagn] {
            transition: none;
        }

            .pricing-card:hover[b-73su28hagn],
            .pricing-button:hover[b-73su28hagn] {
                transform: none;
            }
    }
/* /Components/Marketing/ProblemSolution.razor.rz.scp.css */
/* ==========================================================
   SECTION
   ========================================================== */

.problem-solution[b-nzi59p0wi2] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(88px, 9vw, 132px) var(--content-padding);
    border-top: 1px solid var(--border-soft);
    background: radial-gradient( circle at 14% 30%, rgba(239, 68, 68, 0.055), transparent 34% ), radial-gradient( circle at 86% 32%, rgba(34, 197, 94, 0.075), transparent 36% ), linear-gradient( 180deg, var(--bg-2), var(--bg-3) 52%, var(--bg-2) );
}

    .problem-solution[b-nzi59p0wi2]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.11;
        background-image: linear-gradient( rgba(255, 255, 255, 0.025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px );
        background-size: 72px 72px;
        mask-image: linear-gradient( to bottom, transparent, black 18%, black 82%, transparent );
        -webkit-mask-image: linear-gradient( to bottom, transparent, black 18%, black 82%, transparent );
    }

/* ==========================================================
   CONTAINER
   ========================================================== */

.problem-solution-container[b-nzi59p0wi2] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    flex-direction: column;
    gap: 52px;
}

/* ==========================================================
   HEADER
   ========================================================== */

.problem-solution-header[b-nzi59p0wi2] {
    display: flex;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.problem-solution-eyebrow[b-nzi59p0wi2] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: var(--primary-soft);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.problem-solution-header h2[b-nzi59p0wi2] {
    margin: 18px 0 0;
    color: var(--text);
    font-size: clamp( 38px, 4.7vw, 66px );
    font-weight: 950;
    line-height: 1.04;
    letter-spacing: clamp( -3px, -0.3vw, -1.5px );
}

    .problem-solution-header h2 span[b-nzi59p0wi2] {
        display: block;
        margin-top: 7px;
        color: transparent;
        background: var(--brand-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.problem-solution-header p[b-nzi59p0wi2] {
    max-width: 760px;
    margin: 22px 0 0;
    color: var(--text-secondary);
    font-size: clamp( 14px, 1.3vw, 17px );
    line-height: 1.72;
}

/* ==========================================================
   CARDS GRID
   ========================================================== */

.problem-solution-grid[b-nzi59p0wi2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

/* ==========================================================
   WORKFLOW CARD
   ========================================================== */

.workflow-card[b-nzi59p0wi2] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 30px;
    flex-direction: column;
    gap: 26px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .workflow-card:hover[b-nzi59p0wi2] {
        transform: translateY(-3px);
        box-shadow: var(--shadow-hover), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

/* ==========================================================
   BEFORE CARD
   ========================================================== */

.workflow-card-before[b-nzi59p0wi2] {
    border-color: rgba(239, 68, 68, 0.16);
    background: radial-gradient( circle at top right, rgba(239, 68, 68, 0.075), transparent 38% ), linear-gradient( 145deg, var(--card-light), var(--card) );
}

    .workflow-card-before:hover[b-nzi59p0wi2] {
        border-color: rgba(239, 68, 68, 0.24);
    }

/* ==========================================================
   AFTER CARD
   ========================================================== */

.workflow-card-after[b-nzi59p0wi2] {
    border-color: rgba(34, 197, 94, 0.18);
    background: radial-gradient( circle at top right, rgba(34, 197, 94, 0.11), transparent 40% ), radial-gradient( circle at bottom left, rgba(37, 99, 235, 0.09), transparent 36% ), linear-gradient( 145deg, var(--card-light), var(--card) );
}

    .workflow-card-after:hover[b-nzi59p0wi2] {
        border-color: rgba(34, 197, 94, 0.28);
    }

.workflow-card-glow[b-nzi59p0wi2] {
    position: absolute;
    top: -130px;
    right: -100px;
    width: 310px;
    height: 310px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(34, 197, 94, 0.1), transparent 68% );
    filter: blur(14px);
}

/* ==========================================================
   CARD HEADER
   ========================================================== */

.workflow-card-header[b-nzi59p0wi2] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.workflow-card-badge[b-nzi59p0wi2] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-pill);
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.035);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.workflow-card-before .workflow-card-badge[b-nzi59p0wi2] {
    color: var(--danger-light);
    border-color: rgba(239, 68, 68, 0.22);
    background: var(--danger-soft);
}

.workflow-card-after .workflow-card-badge[b-nzi59p0wi2] {
    color: var(--success-light);
    border-color: rgba(34, 197, 94, 0.22);
    background: var(--success-soft);
}

.workflow-card-status[b-nzi59p0wi2] {
    color: var(--text-muted);
    font-size: 9px;
    font-weight: 800;
}

.workflow-card-status-live[b-nzi59p0wi2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .workflow-card-status-live > span[b-nzi59p0wi2] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--success);
        box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.08), 0 0 13px rgba(34, 197, 94, 0.7);
    }

/* ==========================================================
   CARD COPY
   ========================================================== */

.workflow-card-copy[b-nzi59p0wi2] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

    .workflow-card-copy h3[b-nzi59p0wi2] {
        margin: 0;
        color: var(--text);
        font-size: clamp( 24px, 2vw, 31px );
        font-weight: 900;
        line-height: 1.14;
        letter-spacing: -0.75px;
    }

    .workflow-card-copy p[b-nzi59p0wi2] {
        margin: 0;
        color: var(--text-secondary);
        font-size: 13px;
        line-height: 1.7;
    }

/* ==========================================================
   WORKFLOW STEPS
   ========================================================== */

.workflow-steps[b-nzi59p0wi2] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.workflow-step[b-nzi59p0wi2] {
    position: relative;
    display: grid;
    min-height: 74px;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 13px 15px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-md);
    background: linear-gradient( 145deg, rgba(27, 41, 66, 0.62), rgba(18, 28, 48, 0.72) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
    transition: border-color var(--transition), background var(--transition), transform var(--transition);
}

    .workflow-step:hover[b-nzi59p0wi2] {
        transform: translateX(3px);
        border-color: var(--border-strong);
        background: linear-gradient( 145deg, rgba(31, 47, 75, 0.75), rgba(21, 33, 56, 0.82) );
    }

.workflow-card-before .workflow-step[b-nzi59p0wi2] {
    opacity: 0.82;
}

    .workflow-card-before .workflow-step:hover[b-nzi59p0wi2] {
        border-color: rgba(239, 68, 68, 0.16);
    }

.workflow-card-after .workflow-step[b-nzi59p0wi2] {
    border-color: rgba(96, 165, 250, 0.09);
    background: linear-gradient( 145deg, rgba(26, 43, 72, 0.74), rgba(18, 31, 54, 0.82) );
}

    .workflow-card-after .workflow-step:hover[b-nzi59p0wi2] {
        border-color: rgba(96, 165, 250, 0.2);
    }

/* ==========================================================
   STEP NUMBER
   ========================================================== */

.workflow-step-icon[b-nzi59p0wi2] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.035);
    font-size: 10px;
    font-weight: 900;
}

.workflow-card-before .workflow-step-icon[b-nzi59p0wi2] {
    color: var(--danger-light);
    border-color: rgba(239, 68, 68, 0.13);
    background: rgba(239, 68, 68, 0.055);
}

.workflow-card-after .workflow-step-icon[b-nzi59p0wi2] {
    color: var(--primary-light);
    border-color: rgba(96, 165, 250, 0.18);
    background: var(--primary-soft);
}

/* ==========================================================
   STEP COPY
   ========================================================== */

.workflow-step > div[b-nzi59p0wi2] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.workflow-step strong[b-nzi59p0wi2] {
    color: var(--text);
    font-size: 13px;
    font-weight: 850;
}

.workflow-step small[b-nzi59p0wi2] {
    color: var(--text-muted);
    font-size: 10px;
    line-height: 1.45;
}

/* ==========================================================
   CONNECTORS
   ========================================================== */

.workflow-connector[b-nzi59p0wi2] {
    display: block;
    width: 2px;
    height: 16px;
    margin-left: 36px;
    background: linear-gradient( to bottom, rgba(96, 165, 250, 0.28), rgba(96, 165, 250, 0.05) );
}

.workflow-card-before .workflow-connector[b-nzi59p0wi2] {
    background: linear-gradient( to bottom, rgba(239, 68, 68, 0.22), rgba(239, 68, 68, 0.04) );
}

.workflow-card-after .workflow-connector[b-nzi59p0wi2] {
    background: linear-gradient( to bottom, rgba(34, 197, 94, 0.26), rgba(59, 130, 246, 0.07) );
}

/* ==========================================================
   FOOTER
   ========================================================== */

.workflow-card-footer[b-nzi59p0wi2] {
    position: relative;
    z-index: 1;
    display: flex;
    margin-top: auto;
    padding-top: 22px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--border-soft);
}

    .workflow-card-footer > span[b-nzi59p0wi2] {
        color: var(--text-muted);
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 0.75px;
        text-transform: uppercase;
    }

    .workflow-card-footer strong[b-nzi59p0wi2] {
        font-size: 12px;
        font-weight: 900;
    }

.workflow-negative[b-nzi59p0wi2] {
    color: var(--danger-light);
}

.workflow-positive[b-nzi59p0wi2] {
    color: var(--success);
}

/* ==========================================================
   CLOSING MESSAGE
   ========================================================== */

.problem-solution-closing[b-nzi59p0wi2] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--text-muted);
    font-size: clamp( 18px, 1.8vw, 25px );
}

    .problem-solution-closing strong[b-nzi59p0wi2] {
        color: var(--text);
        font-weight: 900;
    }

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 950px) {
    .problem-solution-grid[b-nzi59p0wi2] {
        grid-template-columns: 1fr;
    }

    .workflow-card[b-nzi59p0wi2] {
        max-width: 760px;
        margin-inline: auto;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 640px) {
    .problem-solution[b-nzi59p0wi2] {
        padding: 72px var(--content-padding);
    }

    .problem-solution-container[b-nzi59p0wi2] {
        gap: 40px;
    }

    .workflow-card[b-nzi59p0wi2] {
        padding: 21px;
        gap: 23px;
        border-radius: var(--radius-lg);
    }

    .workflow-card-header[b-nzi59p0wi2],
    .workflow-card-footer[b-nzi59p0wi2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .workflow-card-copy h3[b-nzi59p0wi2] {
        font-size: 24px;
    }

    .workflow-step[b-nzi59p0wi2] {
        min-height: 68px;
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 11px 12px;
    }

    .workflow-step-icon[b-nzi59p0wi2] {
        width: 40px;
        height: 40px;
    }

    .workflow-connector[b-nzi59p0wi2] {
        margin-left: 32px;
    }

    .problem-solution-closing[b-nzi59p0wi2] {
        flex-direction: column;
        gap: 2px;
        text-align: center;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .workflow-card[b-nzi59p0wi2],
    .workflow-step[b-nzi59p0wi2] {
        transform: none !important;
        transition: none;
    }
}
/* /Components/Marketing/TraderNeedsSection/TraderNeedsSection.razor.rz.scp.css */
/* ==========================================================
   TRADER NEEDS
   ========================================================== */

.trader-needs-section[b-u0wi3aumuc] {
    position: relative;
    overflow: hidden;
    padding: 104px 0 96px;
    background: linear-gradient( 180deg, rgba(4, 10, 20, 0.78) 0%, rgba(6, 14, 28, 0.58) 42%, rgba(4, 10, 20, 0.82) 100% ), url("/img/marketing/trader-needs-bg.png") center / cover no-repeat;
}

    .trader-needs-section[b-u0wi3aumuc]::before {
        position: absolute;
        inset: 0;
        content: "";
        pointer-events: none;
        background: radial-gradient( circle at 50% 18%, rgba(59, 130, 246, 0.08), transparent 38% );
        z-index: 0;
    }

.trader-needs-container[b-u0wi3aumuc] {
    position: relative;
    z-index: 1;
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}
.trader-needs-section[b-u0wi3aumuc]::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1100px, 90vw);
    height: 1px;
    content: "";
    pointer-events: none;
    background: linear-gradient( 90deg, transparent, rgba(96, 165, 250, 0.28), transparent );
    transform: translateX(-50%);
}

/* ==========================================================
   HEADER
   ========================================================== */

.trader-needs-header[b-u0wi3aumuc] {
    max-width: 720px;
    margin: 0 auto 48px;
    text-align: center;
}

.trader-needs-eyebrow[b-u0wi3aumuc] {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: var(--radius-pill);
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.06);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.25px;
}

.trader-needs-header h2[b-u0wi3aumuc] {
    margin: 18px 0 0;
    color: var(--text);
    font-size: clamp(2rem, 4.5vw, 3.2rem);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.045em;
}

    .trader-needs-header h2 span[b-u0wi3aumuc] {
        display: block;
        color: var(--text-secondary);
    }

.trader-needs-header p[b-u0wi3aumuc] {
    max-width: 590px;
    margin: 18px auto 0;
    color: var(--text-secondary);
    font-size: 0.98rem;
    line-height: 1.7;
}


/* ==========================================================
   TRACK
   ========================================================== */

.trader-needs-track[b-u0wi3aumuc] {
    display: grid;
    grid-auto-columns: minmax(330px, 1fr);
    grid-auto-flow: column;
    gap: 16px;
    overflow-x: auto;
    padding: 10px 4px 24px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
}

    .trader-needs-track[b-u0wi3aumuc]::-webkit-scrollbar {
        display: none;
    }


/* ==========================================================
   CARD
   ========================================================== */

.trader-need-card[b-u0wi3aumuc] {
    position: relative;
    display: flex;
    min-height: 310px;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    overflow: hidden;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: linear-gradient( 145deg, rgba(18, 31, 52, 0.88), rgba(11, 20, 35, 0.78) );
    backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    scroll-snap-align: center;
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

    .trader-need-card:hover[b-u0wi3aumuc] {
        border-color: rgba(96, 165, 250, 0.24);
        box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.035);
        transform: translateY(-3px);
    }

.trader-need-card-featured[b-u0wi3aumuc] {
    border-color: rgba(96, 165, 250, 0.2);
    background: radial-gradient( circle at 15% 0%, rgba(59, 130, 246, 0.1), transparent 38% ), var(--card);
}


/* ==========================================================
   CARD TOP
   ========================================================== */

.trader-need-top[b-u0wi3aumuc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.trader-need-icon[b-u0wi3aumuc] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 14px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.07);
}

.trader-need-number[b-u0wi3aumuc] {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
}


/* ==========================================================
   QUOTE
   ========================================================== */

.trader-need-card blockquote[b-u0wi3aumuc] {
    position: relative;
    margin: 34px 0;
    color: var(--text);
    font-size: 1.06rem;
    font-weight: 700;
    line-height: 1.65;
    letter-spacing: -0.015em;
}

    .trader-need-card blockquote[b-u0wi3aumuc]::before {
        position: absolute;
        top: -23px;
        left: -2px;
        content: "“";
        color: rgba(96, 165, 250, 0.25);
        font-family: Georgia, serif;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1;
    }


/* ==========================================================
   CARD FOOTER
   ========================================================== */

.trader-need-card footer[b-u0wi3aumuc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 19px;
    border-top: 1px solid var(--border-medium);
}

    .trader-need-card footer strong[b-u0wi3aumuc] {
        color: var(--text);
        font-size: 0.82rem;
        font-weight: 900;
    }

    .trader-need-card footer span[b-u0wi3aumuc] {
        color: var(--text-muted);
        font-size: 0.75rem;
        line-height: 1.5;
    }


/* ==========================================================
   DISCLAIMER
   ========================================================== */

.trader-needs-footnote[b-u0wi3aumuc] {
    display: flex;
    margin-top: 12px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--text-muted);
    font-size: 0.7rem;
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width: 1100px) {

    .trader-needs-track[b-u0wi3aumuc] {
        grid-auto-columns: calc((100% - 32px) / 3);
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {

    .trader-needs-section[b-u0wi3aumuc] {
        padding: 78px 0 72px;
    }

    .trader-needs-container[b-u0wi3aumuc] {
        width: min(100%, calc(100% - 28px));
    }

    .trader-needs-header[b-u0wi3aumuc] {
        margin-bottom: 34px;
    }

        .trader-needs-header h2[b-u0wi3aumuc] {
            font-size: 2.05rem;
        }

        .trader-needs-header p[b-u0wi3aumuc] {
            font-size: 0.91rem;
        }

    .trader-needs-track[b-u0wi3aumuc] {
        grid-auto-columns: 88%;
        gap: 12px;
        margin-right: -14px;
        margin-left: -14px;
        padding-right: 14px;
        padding-left: 14px;
        scroll-padding-inline: 14px;
    }

    .trader-need-card[b-u0wi3aumuc] {
        min-height: 290px;
        padding: 24px;
    }

    .trader-needs-footnote[b-u0wi3aumuc] {
        padding: 0 12px;
        text-align: center;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .trader-needs-track[b-u0wi3aumuc] {
        scroll-behavior: auto;
    }

    .trader-need-card[b-u0wi3aumuc] {
        transition: none;
    }

        .trader-need-card:hover[b-u0wi3aumuc] {
            transform: none;
        }
}

.trader-needs-carousel[b-u0wi3aumuc] {
    position: relative;
}

.trader-needs-nav[b-u0wi3aumuc] {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 50%;
    color: var(--text);
    background: rgba(10, 18, 32, 0.82);
    backdrop-filter: blur(12px);
    cursor: pointer;
    transform: translateY(-50%);
}

.trader-needs-nav-prev[b-u0wi3aumuc] {
    left: -20px;
}

.trader-needs-nav-next[b-u0wi3aumuc] {
    right: -20px;
}

.trader-needs-nav:hover[b-u0wi3aumuc] {
    border-color: rgba(96, 165, 250, 0.42);
    background: rgba(15, 28, 48, 0.94);
}

@media (max-width: 700px) {
    .trader-needs-nav[b-u0wi3aumuc] {
        display: none;
    }
}
/* /Components/Marketing/Transformation/TransformationSection.razor.rz.scp.css */
/* ==========================================================
   SECTION
   ========================================================== */

.transformation-section[b-yt57w5vxgj] {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: clamp(56px, 4.5vw, 72px) var(--content-padding) clamp(52px, 4vw, 68px);
    border-top: 1px solid var(--border-soft);
    background: radial-gradient( circle at 18% 28%, rgba(96, 165, 250, 0.08), transparent 35% ), radial-gradient( circle at 82% 42%, rgba(34, 197, 94, 0.065), transparent 34% ), linear-gradient( 180deg, var(--bg-2), var(--bg-3) 54%, var(--bg-2) );
}

.transformation-container[b-yt57w5vxgj] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    flex-direction: column;
    gap: 32px;
}
    .transformation-section[b-yt57w5vxgj]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.1;
        background-image: linear-gradient( rgba(255, 255, 255, 0.024) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px );
        background-size: 72px 72px;
        mask-image: linear-gradient( to bottom, transparent, black 14%, black 86%, transparent );
        -webkit-mask-image: linear-gradient( to bottom, transparent, black 14%, black 86%, transparent );
    }
/* ==========================================================
   HEADER
   ========================================================== */

.transformation-header[b-yt57w5vxgj] {
    display: flex;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.transformation-eyebrow[b-yt57w5vxgj] {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: var(--primary-soft);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.transformation-header h2[b-yt57w5vxgj] {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--text);
    font-size: clamp(2rem, 3vw, 2.4rem);
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: -0.035em;
}

    .transformation-header h2 span[b-yt57w5vxgj] {
        display: block;
        margin-top: 8px;
        color: transparent;
        background: var(--brand-gradient);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.transformation-header p[b-yt57w5vxgj] {
    max-width: 660px;
    margin: 14px 0 0;
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.65;
}
/* ==========================================================
   BRIDGE
   ========================================================== */

.transformation-bridge[b-yt57w5vxgj] {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto;
    width: 100%;
    max-width: 820px;
    margin: 2px auto 0;
    align-items: center;
    gap: 18px;
}

.transformation-bridge-label[b-yt57w5vxgj] {
    color: var(--text-muted);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.transformation-bridge-line[b-yt57w5vxgj] {
    position: relative;
    display: block;
    height: 2px;
    border-radius: var(--radius-pill);
    background: linear-gradient( 90deg, rgba(148, 163, 184, 0.18), rgba(96, 165, 250, 0.68) 46%, rgba(34, 197, 94, 0.55) );
    box-shadow: 0 0 18px rgba(59, 130, 246, 0.12);
}

.transformation-bridge-engine[b-yt57w5vxgj] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid rgba(96, 165, 250, 0.19);
    border-radius: var(--radius-pill);
    color: #bfdbfe;
    background: var(--bg-2);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24), 0 0 22px rgba(59, 130, 246, 0.08);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.45px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

/* ==========================================================
   TIMELINE LAYOUT
   ========================================================== */

.transformation-timelines[b-yt57w5vxgj] {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
    align-items: stretch;
    gap: 18px;
}

/* ==========================================================
   COLUMNS
   ========================================================== */

.transformation-column[b-yt57w5vxgj] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 26px 28px;
    flex-direction: column;
    gap: 22px;
    overflow: hidden;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: linear-gradient( 180deg, rgba(27, 41, 66, 0.94), rgba(18, 28, 48, 0.96) );
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22), 0 42px 92px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.transformation-column-manual[b-yt57w5vxgj] {
    border-color: rgba(148, 163, 184, 0.14);
    background: radial-gradient( circle at top right, rgba(148, 163, 184, 0.045), transparent 38% ), linear-gradient( 180deg, rgba(26, 38, 60, 0.95), rgba(17, 27, 45, 0.97) );
}

.transformation-column-engine[b-yt57w5vxgj] {
    border-color: rgba(96, 165, 250, 0.2);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.13), transparent 40% ), radial-gradient( circle at bottom left, rgba(34, 197, 94, 0.07), transparent 38% ), linear-gradient( 180deg, rgba(27, 43, 72, 0.97), rgba(17, 30, 52, 0.98) );
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.22), 0 46px 104px rgba(0, 0, 0, 0.32), 0 0 52px rgba(37, 99, 235, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.transformation-column-glow[b-yt57w5vxgj] {
    position: absolute;
    top: -150px;
    right: -120px;
    width: 360px;
    height: 360px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.12), transparent 68% );
    filter: blur(16px);
}

/* ==========================================================
   COLUMN HEADER
   ========================================================== */

.transformation-column-header[b-yt57w5vxgj] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: flex-start;
    gap: 15px;
}

.transformation-column-icon[b-yt57w5vxgj] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-lg);
    color: var(--text-muted);
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

    .transformation-column-icon svg[b-yt57w5vxgj] {
        width: 22px;
        height: 22px;
    }

.transformation-column-engine .transformation-column-icon[b-yt57w5vxgj] {
    color: var(--primary-light);
    border-color: rgba(96, 165, 250, 0.23);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.17), transparent 55% ), linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.transformation-column-header > div:last-child[b-yt57w5vxgj] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.transformation-column-header span[b-yt57w5vxgj] {
    color: var(--text-subtle);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.transformation-column-engine .transformation-column-header span[b-yt57w5vxgj] {
    color: var(--primary-light);
}

.transformation-column-header h3[b-yt57w5vxgj] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 23px, 2vw, 30px );
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.transformation-column-header p[b-yt57w5vxgj] {
    max-width: 520px;
    margin: 8px 0 0;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.62;
}


/* ==========================================================
   CENTER DIVIDER
   ========================================================== */

.transformation-divider[b-yt57w5vxgj] {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

    .transformation-divider > span[b-yt57w5vxgj] {
        display: block;
        width: 1px;
        min-height: 74px;
        flex: 1;
        background: linear-gradient( to bottom, transparent, rgba(96, 165, 250, 0.23), transparent );
    }

    .transformation-divider > div[b-yt57w5vxgj] {
        display: grid;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        place-items: center;
        margin: 12px 0;
        border: 1px solid rgba(96, 165, 250, 0.2);
        border-radius: 50%;
        color: var(--primary-light);
        background: linear-gradient( 145deg, var(--card-light), var(--card) );
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.25), 0 0 28px rgba(59, 130, 246, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    .transformation-divider svg[b-yt57w5vxgj] {
        width: 19px;
        height: 19px;
    }

/* ==========================================================
   SUMMARY
   ========================================================== */

.transformation-summary[b-yt57w5vxgj] {
    position: relative;
    z-index: 1;
    display: grid;
    margin-top: auto;
    padding-top: 18px;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-top: 1px solid var(--border-soft);
}

.transformation-summary-icon[b-yt57w5vxgj] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-md);
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
}

    .transformation-summary-icon svg[b-yt57w5vxgj] {
        width: 18px;
        height: 18px;
    }

.transformation-summary > div[b-yt57w5vxgj] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .transformation-summary > div span[b-yt57w5vxgj] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

.transformation-summary strong[b-yt57w5vxgj] {
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 900;
}

.transformation-summary-engine .transformation-summary-icon[b-yt57w5vxgj] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.18);
    background: var(--success-soft);
}

.transformation-summary-engine strong[b-yt57w5vxgj] {
    color: var(--success-light);
}

/* ==========================================================
   CLOSING
   ========================================================== */

.transformation-closing[b-yt57w5vxgj] {
    margin-top: -8px;
    text-align: center;
    color: var(--text-secondary);
    font-size: clamp(1.15rem, 1.5vw, 1.4rem);
    font-weight: 500;
    letter-spacing: -0.02em;
}

    .transformation-closing strong[b-yt57w5vxgj] {
        color: var(--text);
        font-weight: 900;
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1050px) {
    .transformation-timelines[b-yt57w5vxgj] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .transformation-divider[b-yt57w5vxgj] {
        min-height: auto;
        flex-direction: row;
    }

        .transformation-divider > span[b-yt57w5vxgj] {
            width: auto;
            min-width: 80px;
            min-height: 1px;
            background: linear-gradient( to right, transparent, rgba(96, 165, 250, 0.25), transparent );
        }

        .transformation-divider > div[b-yt57w5vxgj] {
            margin: 0 15px;
            transform: rotate(90deg);
        }
}

@media (max-width: 640px) {
    .transformation-section[b-yt57w5vxgj] {
        padding: 62px var(--content-padding) 48px;
    }

    .transformation-container[b-yt57w5vxgj] {
        gap: 32px;
    }

    .transformation-bridge[b-yt57w5vxgj] {
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 14px;
    }

    .transformation-bridge-line[b-yt57w5vxgj] {
        width: 100%;
        max-width: 310px;
    }

    .transformation-column[b-yt57w5vxgj] {
        padding: 20px;
        gap: 23px;
        border-radius: var(--radius-lg);
    }

    .transformation-column-header[b-yt57w5vxgj] {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 13px;
    }

    .transformation-column-icon[b-yt57w5vxgj] {
        width: 44px;
        height: 44px;
    }

        .transformation-column-icon svg[b-yt57w5vxgj] {
            width: 19px;
            height: 19px;
        }

    .transformation-column-header h3[b-yt57w5vxgj] {
        font-size: 22px;
    }

    .transformation-summary[b-yt57w5vxgj] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .transformation-summary-icon[b-yt57w5vxgj] {
        width: 38px;
        height: 38px;
    }

    .transformation-closing[b-yt57w5vxgj] {
        flex-direction: column;
        gap: 2px;
        text-align: center;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .transformation-column[b-yt57w5vxgj],
    .transformation-divider > div[b-yt57w5vxgj] {
        transition: none;
    }
}
/* /Components/Opportunities/AiAnalystSection/AiAnalystSection.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.ai-analyst-section[b-pocufxegr1] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 24px;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid rgba(192, 132, 252, 0.16);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(168, 85, 247, 0.11), transparent 38% ), radial-gradient( circle at bottom left, rgba(59, 130, 246, 0.06), transparent 36% ), linear-gradient( 160deg, rgba(27, 39, 67, 0.98), rgba(15, 24, 43, 0.99) );
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.23), 0 42px 94px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ai-analyst-section-glow[b-pocufxegr1] {
    position: absolute;
    top: -190px;
    right: -150px;
    width: 440px;
    height: 440px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(168, 85, 247, 0.14), transparent 68% );
    filter: blur(18px);
}

/* ==========================================================
   HEADER
   ========================================================== */

.ai-analyst-section-header[b-pocufxegr1] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.ai-analyst-section-heading[b-pocufxegr1] {
    display: grid;
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
}

.ai-analyst-section-icon[b-pocufxegr1] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(192, 132, 252, 0.18);
    border-radius: 14px;
    color: var(--brand-purple-light);
    background: rgba(168, 85, 247, 0.09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.ai-analyst-section-heading > div[b-pocufxegr1] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ai-analyst-section-eyebrow[b-pocufxegr1] {
    color: var(--brand-purple-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.05px;
    text-transform: uppercase;
}

.ai-analyst-section-heading h2[b-pocufxegr1] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 24px, 2.3vw, 34px );
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.ai-analyst-confidence[b-pocufxegr1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

    .ai-analyst-confidence span[b-pocufxegr1] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.65px;
        text-transform: uppercase;
    }

    .ai-analyst-confidence strong[b-pocufxegr1] {
        color: var(--brand-purple-light);
        font-size: 24px;
        font-weight: 950;
        line-height: 1;
    }

/* ==========================================================
   GRID
   ========================================================== */

.ai-analyst-section-grid[b-pocufxegr1] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

    .ai-analyst-section-grid article[b-pocufxegr1] {
        display: flex;
        min-width: 0;
        padding: 18px;
        flex-direction: column;
        gap: 14px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-lg);
        background: linear-gradient( 145deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012) );
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    }

        .ai-analyst-section-grid article > header[b-pocufxegr1] {
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr);
            align-items: center;
            gap: 11px;
        }

            .ai-analyst-section-grid article > header > span[b-pocufxegr1] {
                display: grid;
                width: 36px;
                height: 36px;
                place-items: center;
                border: 1px solid var(--border-soft);
                border-radius: 11px;
                color: var(--brand-purple-light);
                background: rgba(168, 85, 247, 0.07);
            }

            .ai-analyst-section-grid article > header > div[b-pocufxegr1] {
                display: flex;
                min-width: 0;
                flex-direction: column;
            }

            .ai-analyst-section-grid article > header span[b-pocufxegr1] {
                color: var(--text-subtle);
                font-size: 10px;
                font-weight: 900;
                letter-spacing: 0.65px;
                text-transform: uppercase;
            }

        .ai-analyst-section-grid article h3[b-pocufxegr1] {
            margin: 4px 0 0;
            color: var(--text);
            font-size: 13px;
            font-weight: 950;
            line-height: 1.35;
        }

        .ai-analyst-section-grid article > p[b-pocufxegr1] {
            margin: 0;
            color: #c8bdd9;
            font-size: 13px;
            line-height: 1.7;
        }

/* ==========================================================
   SIGNALS
   ========================================================== */

.ai-analyst-signals ul[b-pocufxegr1] {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 9px;
    list-style: none;
}

.ai-analyst-signals li[b-pocufxegr1] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    color: var(--text-secondary);
    font-size: 12px;
    line-height: 1.5;
}

    .ai-analyst-signals li > span:first-child[b-pocufxegr1] {
        display: grid;
        width: 24px;
        height: 24px;
        place-items: center;
        border: 1px solid rgba(34, 197, 94, 0.12);
        border-radius: 8px;
        color: var(--success);
        background: var(--success-soft);
    }

.ai-analyst-empty[b-pocufxegr1] {
    color: var(--text-muted) !important;
}

/* ==========================================================
   RISK
   ========================================================== */

.ai-analyst-risk[b-pocufxegr1] {
    border-color: rgba(245, 158, 11, 0.12) !important;
}

    .ai-analyst-risk > header > span[b-pocufxegr1] {
        color: var(--warning) !important;
        background: rgba(245, 158, 11, 0.07) !important;
    }

/* ==========================================================
   FOOTER
   ========================================================== */

.ai-analyst-section-footer[b-pocufxegr1] {
    position: relative;
    z-index: 1;
    display: flex;
    padding-top: 18px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--border-soft);
}

    .ai-analyst-section-footer > div[b-pocufxegr1] {
        display: grid;
        grid-template-columns: 10px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
    }

.ai-analyst-live-dot[b-pocufxegr1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.08), 0 0 14px rgba(34, 197, 94, 0.62);
    animation: ai-analyst-live-b-pocufxegr1 2.6s ease-in-out infinite;
}

.ai-analyst-section-footer > div > div[b-pocufxegr1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ai-analyst-section-footer strong[b-pocufxegr1] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 900;
}

.ai-analyst-section-footer small[b-pocufxegr1] {
    color: var(--text-subtle);
    font-size: 8px;
}

.ai-analyst-section-footer a[b-pocufxegr1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--brand-purple-light) !important;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
    transition: color var(--transition), transform var(--transition);
}

    .ai-analyst-section-footer a:hover[b-pocufxegr1] {
        transform: translateX(3px);
        color: #d8b4fe !important;
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {
    .ai-analyst-section-grid[b-pocufxegr1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ai-analyst-section[b-pocufxegr1] {
        padding: 17px;
        border-radius: var(--radius-lg);
    }

    .ai-analyst-section-header[b-pocufxegr1] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-analyst-confidence[b-pocufxegr1] {
        align-items: flex-start;
    }

    .ai-analyst-section-footer[b-pocufxegr1] {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes ai-analyst-live-b-pocufxegr1 {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.18);
        opacity: 0.76;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ai-analyst-live-dot[b-pocufxegr1] {
        animation: none;
    }

    .ai-analyst-section-footer a[b-pocufxegr1] {
        transition: none;
    }

        .ai-analyst-section-footer a:hover[b-pocufxegr1] {
            transform: none;
        }
}

.ai-analyst-live-dot-offline[b-pocufxegr1] {
    background: var(--warning);
    box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.08), 0 0 14px rgba(245, 158, 11, 0.42);
    animation: none;
}
/* /Components/Opportunities/DecisionMetric/DecisionMetric.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.decision-metric[b-ig96ajpmvx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border-soft);
}

    .decision-metric:last-child[b-ig96ajpmvx] {
        border-bottom: none;
    }

/* ==========================================================
   LABEL
   ========================================================== */

.decision-metric-label[b-ig96ajpmvx] {
    color: var(--text-subtle);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .7px;
    text-transform: uppercase;
}

/* ==========================================================
   VALUE
   ========================================================== */

.decision-metric-value[b-ig96ajpmvx] {
    color: var(--text);
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}

/* ==========================================================
   VARIANTS
   ========================================================== */

.decision-metric-success
.decision-metric-value[b-ig96ajpmvx] {
    color: var(--success);
}

.decision-metric-danger
.decision-metric-value[b-ig96ajpmvx] {
    color: var(--danger);
}

.decision-metric-warning
.decision-metric-value[b-ig96ajpmvx] {
    color: var(--warning);
}

.decision-metric-primary
.decision-metric-value[b-ig96ajpmvx] {
    color: var(--primary-light);
}
/* /Components/Opportunities/DecisionPanel/DecisionPanel.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.decision-panel[b-89e7j4sb5n] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    padding: 22px;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.11), transparent 38% ), radial-gradient( circle at bottom left, rgba(139, 92, 246, 0.06), transparent 36% ), linear-gradient( 160deg, rgba(24, 39, 66, 0.98), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.23), 0 42px 94px rgba(0, 0, 0, 0.25), 0 0 54px rgba(37, 99, 235, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.decision-panel-glow[b-89e7j4sb5n] {
    position: absolute;
    top: -180px;
    right: -150px;
    width: 420px;
    height: 420px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.14), transparent 68% );
    filter: blur(18px);
}

/* ==========================================================
   HEADER
   ========================================================== */

.decision-panel-header[b-89e7j4sb5n] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

    .decision-panel-header > div[b-89e7j4sb5n] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.decision-panel-eyebrow[b-89e7j4sb5n] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.decision-panel-header h2[b-89e7j4sb5n] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 20px, 1.8vw, 27px );
    font-weight: 950;
    line-height: 1.18;
    letter-spacing: -0.6px;
}

.decision-panel-action[b-89e7j4sb5n] {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 0.7px;
}

.decision-panel-action-buy[b-89e7j4sb5n] {
    color: var(--success);
    background: var(--success-soft);
}

.decision-panel-action-sell[b-89e7j4sb5n] {
    color: var(--danger);
    background: var(--danger-soft);
}

.decision-panel-action-hold[b-89e7j4sb5n] {
    color: var(--warning);
    background: rgba(245, 158, 11, 0.08);
}

/* ==========================================================
   METRICS
   ========================================================== */

.decision-panel-metrics[b-89e7j4sb5n] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
}

/* ==========================================================
   FOOTER
   ========================================================== */

.decision-panel-footer[b-89e7j4sb5n] {
    position: relative;
    z-index: 1;
    display: flex;
    margin-top: auto;
    padding-top: 17px;
    flex-direction: column;
    gap: 14px;
    border-top: 1px solid var(--border-soft);
}

.decision-panel-state[b-89e7j4sb5n] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.decision-panel-live-dot[b-89e7j4sb5n] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.08), 0 0 14px rgba(34, 197, 94, 0.62);
    animation: decision-panel-live-b-89e7j4sb5n 2.6s ease-in-out infinite;
}

.decision-panel-state > div[b-89e7j4sb5n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.decision-panel-state strong[b-89e7j4sb5n] {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 900;
}

.decision-panel-state small[b-89e7j4sb5n] {
    color: var(--text-subtle);
    font-size:11px;
    line-height: 1.4;
}

/* ==========================================================
   ACTION BUTTONS
   ========================================================== */

.decision-panel-actions[b-89e7j4sb5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.decision-panel-action-button[b-89e7j4sb5n] {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--border-soft);
    border-radius: 11px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

    .decision-panel-action-button:hover[b-89e7j4sb5n] {
        transform: translateY(-2px);
        color: var(--text);
        border-color: var(--border-medium);
        background: rgba(255, 255, 255, 0.045);
    }

.decision-panel-action-button-active[b-89e7j4sb5n] {
    color: var(--primary-light);
    border-color: rgba(96, 165, 250, 0.18);
    background: var(--primary-soft);
}

/* ==========================================================
   PRIMARY ACTION
   ========================================================== */

.decision-panel-primary-action[b-89e7j4sb5n] {
    display: inline-flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 16px;
    border: 1px solid rgba(96, 165, 250, 0.27);
    border-radius: 12px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform var(--transition), filter var(--transition), box-shadow var(--transition);
}

    .decision-panel-primary-action:hover[b-89e7j4sb5n] {
        transform: translateY(-2px);
        filter: brightness(1.07);
        box-shadow: 0 18px 40px rgba(37, 99, 235, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.17);
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .decision-panel[b-89e7j4sb5n] {
        padding: 16px;
        border-radius: var(--radius-lg);
    }

    .decision-panel-header[b-89e7j4sb5n] {
        flex-direction: column;
    }

    .decision-panel-metrics[b-89e7j4sb5n] {
        grid-template-columns: 1fr;
    }

    .decision-panel-actions[b-89e7j4sb5n] {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes decision-panel-live-b-89e7j4sb5n {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.18);
        opacity: 0.76;
    }
}

@media (prefers-reduced-motion: reduce) {
    .decision-panel-live-dot[b-89e7j4sb5n] {
        animation: none;
    }

    .decision-panel-action-button[b-89e7j4sb5n],
    .decision-panel-primary-action[b-89e7j4sb5n] {
        transition: none;
    }

        .decision-panel-action-button:hover[b-89e7j4sb5n],
        .decision-panel-primary-action:hover[b-89e7j4sb5n] {
            transform: none;
        }
}

.decision-panel-live-dot-offline[b-89e7j4sb5n] {
    color: var(--warning);
    background: var(--warning);
    box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.08), 0 0 14px rgba(245, 158, 11, 0.42);
    animation: none;
}

.decision-panel-score[b-89e7j4sb5n] {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: 18px;
}

.decision-panel-signal[b-89e7j4sb5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    margin: 18px 0 22px;
    border: 1px solid var(--border-soft);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.decision-panel-signal-main[b-89e7j4sb5n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

.decision-panel-signal-caption[b-89e7j4sb5n] {
    color: var(--text-secondary);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.decision-panel-signal-action-row[b-89e7j4sb5n] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.decision-panel-signal-icon[b-89e7j4sb5n] {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.decision-panel-signal-action[b-89e7j4sb5n] {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 950;
    line-height: 0.95;
    letter-spacing: -0.04em;
}

.decision-panel-signal-conviction[b-89e7j4sb5n] {
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.decision-panel-signal-score[b-89e7j4sb5n] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex: 0 0 auto;
}

    .decision-panel-signal-score strong[b-89e7j4sb5n] {
        font-size: 34px;
        font-weight: 950;
        line-height: 1;
    }

    .decision-panel-signal-score span[b-89e7j4sb5n] {
        margin-top: 4px;
        color: var(--text-secondary);
        font-size: 10px;
        font-weight: 800;
    }

.decision-panel-signal-buy[b-89e7j4sb5n],
.decision-panel-signal-strong-buy[b-89e7j4sb5n] {
    border-color: rgba(34, 197, 94, 0.22);
    background: linear-gradient( 135deg, rgba(34, 197, 94, 0.10), rgba(34, 197, 94, 0.025) );
}

    .decision-panel-signal-buy .decision-panel-signal-action[b-89e7j4sb5n],
    .decision-panel-signal-strong-buy .decision-panel-signal-action[b-89e7j4sb5n] {
        color: var(--success);
    }

    .decision-panel-signal-buy .decision-panel-signal-icon[b-89e7j4sb5n],
    .decision-panel-signal-strong-buy .decision-panel-signal-icon[b-89e7j4sb5n] {
        color: var(--success);
        background: rgba(34, 197, 94, 0.10);
    }

    .decision-panel-signal-buy .decision-panel-signal-conviction[b-89e7j4sb5n],
    .decision-panel-signal-strong-buy .decision-panel-signal-conviction[b-89e7j4sb5n] {
        color: var(--success);
        background: rgba(34, 197, 94, 0.10);
        border: 1px solid rgba(34, 197, 94, 0.18);
    }

.decision-panel-signal-sell[b-89e7j4sb5n],
.decision-panel-signal-strong-sell[b-89e7j4sb5n] {
    border-color: rgba(239, 68, 68, 0.22);
    background: linear-gradient( 135deg, rgba(239, 68, 68, 0.10), rgba(239, 68, 68, 0.025) );
}

    .decision-panel-signal-sell .decision-panel-signal-action[b-89e7j4sb5n],
    .decision-panel-signal-strong-sell .decision-panel-signal-action[b-89e7j4sb5n] {
        color: var(--danger);
    }

    .decision-panel-signal-sell .decision-panel-signal-icon[b-89e7j4sb5n],
    .decision-panel-signal-strong-sell .decision-panel-signal-icon[b-89e7j4sb5n] {
        color: var(--danger);
        background: rgba(239, 68, 68, 0.10);
    }

.decision-panel-pro-gate[b-89e7j4sb5n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding: 13px 14px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 13px;
    background: linear-gradient( 135deg, rgba(37, 99, 235, 0.07), rgba(15, 23, 42, 0.36) );
}

.decision-panel-pro-gate-icon[b-89e7j4sb5n] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.10);
}

.decision-panel-pro-gate-content[b-89e7j4sb5n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

    .decision-panel-pro-gate-content > span[b-89e7j4sb5n] {
        color: #60a5fa;
        font-size: 8px;
        font-weight: 950;
        letter-spacing: 0.9px;
    }

    .decision-panel-pro-gate-content > strong[b-89e7j4sb5n] {
        color: #f8fafc;
        font-size: 11px;
        font-weight: 900;
    }

    .decision-panel-pro-gate-content > small[b-89e7j4sb5n] {
        color: #7184a0;
        font-size: 9px;
        line-height: 1.45;
    }

.decision-panel-pro-gate-action[b-89e7j4sb5n] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid rgba(96, 165, 250, 0.22);
    border-radius: 9px;
    color: #dbeafe !important;
    background: rgba(37, 99, 235, 0.10);
    font-size: 9px;
    font-weight: 900;
    text-decoration: none !important;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

    .decision-panel-pro-gate-action:hover[b-89e7j4sb5n] {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.38);
        background: rgba(37, 99, 235, 0.17);
    }

@media (max-width: 640px) {

    .decision-panel-pro-gate[b-89e7j4sb5n] {
        grid-template-columns: auto 1fr;
    }

    .decision-panel-pro-gate-action[b-89e7j4sb5n] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

.decision-panel-signal-insight[b-89e7j4sb5n] {
    max-width: 460px;
    margin: 8px 0 0;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.55;
}

/* ==========================================================
   PORTFOLIO IMPACT
   ========================================================== */

.decision-panel-portfolio[b-89e7j4sb5n] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 17px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 15px;
    background: linear-gradient( 135deg, rgba(37, 99, 235, 0.055), rgba(15, 23, 42, 0.22));
}

.decision-panel-portfolio-header[b-89e7j4sb5n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

    .decision-panel-portfolio-header > div[b-89e7j4sb5n] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

.decision-panel-portfolio-eyebrow[b-89e7j4sb5n] {
    color: var(--primary-light);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 1px;
}

.decision-panel-portfolio-title[b-89e7j4sb5n] {
    color: var(--text);
    font-size: 15px;
    font-weight: 900;
}

.decision-panel-portfolio-status[b-89e7j4sb5n] {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 0.65px;
    white-space: nowrap;
}

.decision-panel-portfolio-status-positive[b-89e7j4sb5n] {
    color: var(--success);
    border: 1px solid rgba(34, 197, 94, 0.18);
    background: rgba(34, 197, 94, 0.08);
}

.decision-panel-portfolio-status-negative[b-89e7j4sb5n] {
    color: var(--danger);
    border: 1px solid rgba(239, 68, 68, 0.18);
    background: rgba(239, 68, 68, 0.07);
}

.decision-panel-portfolio-grid[b-89e7j4sb5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
    border-top: 1px solid var(--border-soft);
}

.decision-panel-portfolio-metric[b-89e7j4sb5n] {
    display: flex;
    min-width: 0;
    padding: 13px 0;
    flex-direction: column;
    gap: 5px;
    border-bottom: 1px solid var(--border-soft);
}

    .decision-panel-portfolio-metric > span[b-89e7j4sb5n] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.65px;
    }

    .decision-panel-portfolio-metric > strong[b-89e7j4sb5n] {
        overflow: hidden;
        color: var(--text);
        font-size: 12px;
        font-weight: 900;
        text-overflow: ellipsis;
    }

    .decision-panel-portfolio-metric > small[b-89e7j4sb5n] {
        font-size: 9px;
        font-weight: 850;
    }

.decision-panel-portfolio-profit-positive[b-89e7j4sb5n] {
    color: var(--success) !important;
}

.decision-panel-portfolio-profit-negative[b-89e7j4sb5n] {
    color: var(--danger) !important;
}

.decision-panel-portfolio-alert[b-89e7j4sb5n] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 11px;
}

.decision-panel-portfolio-alert-positive[b-89e7j4sb5n] {
    color: var(--success);
    border: 1px solid rgba(34, 197, 94, 0.15);
    background: rgba(34, 197, 94, 0.055);
}

.decision-panel-portfolio-alert-waiting[b-89e7j4sb5n] {
    color: var(--warning);
    border: 1px solid rgba(245, 158, 11, 0.15);
    background: rgba(245, 158, 11, 0.055);
}

.decision-panel-portfolio-alert-icon[b-89e7j4sb5n] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.035);
}

.decision-panel-portfolio-alert > div:last-child[b-89e7j4sb5n] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.decision-panel-portfolio-alert span[b-89e7j4sb5n] {
    font-size: 7px;
    font-weight: 950;
    letter-spacing: 0.75px;
}

.decision-panel-portfolio-alert strong[b-89e7j4sb5n] {
    font-size: 10px;
    font-weight: 900;
}

.decision-panel-portfolio-disclaimer[b-89e7j4sb5n] {
    margin: -5px 0 0;
    color: var(--text-subtle);
    font-size: 8px;
    line-height: 1.45;
}

.decision-panel-portfolio-missing[b-89e7j4sb5n] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 11px 12px;
    color: var(--text-subtle);
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    font-size: 9px;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .decision-panel-portfolio-grid[b-89e7j4sb5n] {
        grid-template-columns: 1fr;
    }

    .decision-panel-portfolio-header[b-89e7j4sb5n] {
        flex-direction: column;
    }
}
/* /Components/Opportunities/ExecutionMetric/ExecutionMetric.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.execution-metric[b-farxikx1up] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 18px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(255,255,255,.028), rgba(255,255,255,.012) );
    transition: transform var(--transition), border-color var(--transition), background var(--transition);
}

    .execution-metric:hover[b-farxikx1up] {
        transform: translateY(-2px);
        border-color: var(--border-medium);
        background: linear-gradient( 145deg, rgba(255,255,255,.038), rgba(255,255,255,.02) );
    }

/* ==========================================================
   LABEL
   ========================================================== */

.execution-metric-label[b-farxikx1up] {
    color: var(--text-subtle);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
    text-transform: uppercase;
}

/* ==========================================================
   VALUE
   ========================================================== */

.execution-metric-value[b-farxikx1up] {
    font-size: 22px;
    font-weight: 950;
    line-height: 1;
    color: var(--text);
}

/* ==========================================================
   DESCRIPTION
   ========================================================== */

.execution-metric-description[b-farxikx1up] {
    color: var(--text-muted);
    font-size: 9px;
    line-height: 1.5;
}

/* ==========================================================
   VARIANTS
   ========================================================== */

.execution-metric-primary[b-farxikx1up] {
    border-color: rgba(59,130,246,.18);
}

    .execution-metric-primary .execution-metric-value[b-farxikx1up] {
        color: var(--primary-light);
    }

.execution-metric-success[b-farxikx1up] {
    border-color: rgba(34,197,94,.16);
}

    .execution-metric-success .execution-metric-value[b-farxikx1up] {
        color: var(--success);
    }

.execution-metric-danger[b-farxikx1up] {
    border-color: rgba(239,68,68,.16);
}

    .execution-metric-danger .execution-metric-value[b-farxikx1up] {
        color: var(--danger);
    }

.execution-metric-purple[b-farxikx1up] {
    border-color: rgba(168,85,247,.18);
}

    .execution-metric-purple .execution-metric-value[b-farxikx1up] {
        color: var(--brand-purple-light);
    }

@media(prefers-reduced-motion:reduce) {

    .execution-metric[b-farxikx1up] {
        transition: none;
    }

        .execution-metric:hover[b-farxikx1up] {
            transform: none;
        }
}
/* /Components/Opportunities/ExecutionPlan/ExecutionPlan.razor.rz.scp.css */
b /* ==========================================================
   ROOT
   ========================================================== */
.execution-plan[b-b2vbyz13l7] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 24px;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.09), transparent 38% ), radial-gradient( circle at bottom left, rgba(34, 197, 94, 0.045), transparent 34% ), linear-gradient( 160deg, rgba(24, 39, 65, 0.98), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.23), 0 42px 94px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.execution-plan-glow[b-b2vbyz13l7] {
    position: absolute;
    top: -190px;
    right: -150px;
    width: 440px;
    height: 440px;
    pointer-events: none;
    border-radius: 50%;
    background: radial-gradient( circle, rgba(59, 130, 246, 0.13), transparent 68% );
    filter: blur(18px);
}

/* ==========================================================
   HEADER
   ========================================================== */

.execution-plan-header[b-b2vbyz13l7] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding-bottom:30px;
}

.execution-plan-heading[b-b2vbyz13l7] {
    display: grid;
    min-width: 0;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
}

.execution-plan-icon[b-b2vbyz13l7] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 14px;
    color: var(--primary-light);
    background: var(--primary-soft);
}

.execution-plan-heading > div[b-b2vbyz13l7] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.execution-plan-eyebrow[b-b2vbyz13l7] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.05px;
    text-transform: uppercase;
}

.execution-plan-heading h2[b-b2vbyz13l7] {
    margin: 5px 0 0;
    color: var(--text);
    font-size: clamp( 24px, 2.3vw, 34px );
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

/* ==========================================================
   STATUS
   ========================================================== */

.execution-plan-status[b-b2vbyz13l7] {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

    .execution-plan-status > span[b-b2vbyz13l7] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 10px currentColor;
    }

.execution-plan-status-ready[b-b2vbyz13l7] {
    color: var(--success);
    background: var(--success-soft);
}

.execution-plan-status-waiting[b-b2vbyz13l7] {
    color: var(--warning);
    background: rgba(245, 158, 11, 0.08);
}

.execution-plan-status-invalidated[b-b2vbyz13l7] {
    color: var(--danger);
    background: var(--danger-soft);
}

/* ==========================================================
   METRICS
   ========================================================== */

.execution-plan-grid[b-b2vbyz13l7] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

/* ==========================================================
   DETAILS
   ========================================================== */

.execution-plan-details[b-b2vbyz13l7] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

    .execution-plan-details > div[b-b2vbyz13l7] {
        display: flex;
        min-width: 0;
        padding: 13px;
        flex-direction: column;
        gap: 5px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-md);
        background: rgba(255, 255, 255, 0.02);
    }

    .execution-plan-details span[b-b2vbyz13l7] {
        color: var(--text-subtle);
        font-size: 11px;
        font-weight: 850;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }

    .execution-plan-details strong[b-b2vbyz13l7] {
        overflow: hidden;
        color: var(--text-secondary);
        font-size: 11px;
        font-weight: 900;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* ==========================================================
   ASSESSMENT
   ========================================================== */

.execution-plan-assessment[b-b2vbyz13l7] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border: 1px solid rgba(34, 197, 94, 0.13);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(34, 197, 94, 0.065), rgba(34, 197, 94, 0.02) );
}

.execution-plan-assessment-icon[b-b2vbyz13l7] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(34, 197, 94, 0.14);
    border-radius: 14px;
    color: var(--success);
    background: var(--success-soft);
}

.execution-plan-assessment > div[b-b2vbyz13l7] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.execution-plan-assessment span[b-b2vbyz13l7] {
    color: var(--success);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.execution-plan-assessment strong[b-b2vbyz13l7] {
    color: var(--text);
    font-size: 13px;
    font-weight: 950;
}

.execution-plan-assessment p[b-b2vbyz13l7] {
    max-width: 940px;
    margin: 1px 0 0;
    color: var(--text-muted);
    font-size: 10px;
    line-height: 1.6;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1100px) {
    .execution-plan-grid[b-b2vbyz13l7],
    .execution-plan-details[b-b2vbyz13l7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .execution-plan[b-b2vbyz13l7] {
        padding: 17px;
        border-radius: var(--radius-lg);
    }

    .execution-plan-header[b-b2vbyz13l7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .execution-plan-grid[b-b2vbyz13l7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .execution-plan-details[b-b2vbyz13l7] {
        grid-template-columns: 1fr;
    }

    .execution-plan-assessment[b-b2vbyz13l7] {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 14px;
    }

    .execution-plan-assessment-icon[b-b2vbyz13l7] {
        width: 40px;
        height: 40px;
    }
}

section[b-b2vbyz13l7] {
    padding-top: 26px;
}

.execution-plan-content[b-b2vbyz13l7] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 768px) {
    .execution-plan-grid[b-b2vbyz13l7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }
}
/* /Components/Opportunities/OpportunityHeader/OpportunityHeader.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.opportunity-header[b-hwevugwgs0] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 24px;
    flex-direction: column;
    gap: 22px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.1), transparent 36% ), radial-gradient( circle at bottom left, rgba(139, 92, 246, 0.055), transparent 34% ), linear-gradient( 160deg, rgba(24, 39, 66, 0.98), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24), 0 46px 100px rgba(0, 0, 0, 0.27), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* ==========================================================
   TOP
   ========================================================== */

.opportunity-header-top[b-hwevugwgs0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.opportunity-header-back[b-hwevugwgs0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted) !important;
    font-size: 10px;
    font-weight: 850;
    text-decoration: none !important;
    transition: color var(--transition), transform var(--transition);
}

    .opportunity-header-back:hover[b-hwevugwgs0] {
        transform: translateX(-3px);
        color: var(--primary-light) !important;
    }

.opportunity-header-actions[b-hwevugwgs0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.opportunity-header-action[b-hwevugwgs0] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--border-soft);
    border-radius: 11px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
    font: inherit;
    font-size: 9px;
    font-weight: 850;
    cursor: pointer;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

    .opportunity-header-action:hover[b-hwevugwgs0] {
        transform: translateY(-2px);
        color: var(--text);
        border-color: var(--border-medium);
        background: rgba(255, 255, 255, 0.045);
    }

.opportunity-header-action-active[b-hwevugwgs0] {
    color: var(--primary-light);
    border-color: rgba(96, 165, 250, 0.18);
    background: var(--primary-soft);
}

/* ==========================================================
   MAIN
   ========================================================== */

.opportunity-header-main[b-hwevugwgs0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.opportunity-header-market[b-hwevugwgs0] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 17px;
}

.opportunity-header-market > div[b-hwevugwgs0] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 9px;
}

.opportunity-header-title-row[b-hwevugwgs0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

    .opportunity-header-title-row h1[b-hwevugwgs0] {
        margin: 0;
        color: var(--text);
        font-size: clamp( 30px, 3vw, 48px );
        font-weight: 950;
        line-height: 1;
        letter-spacing: -1.5px;
    }

.opportunity-header-meta[b-hwevugwgs0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

    .opportunity-header-meta span[b-hwevugwgs0] {
        display: inline-flex;
        min-height: 28px;
        align-items: center;
        gap: 7px;
        padding: 0 9px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-pill);
        color: var(--text-subtle);
        background: rgba(255, 255, 255, 0.02);
        font-size: 8px;
        font-weight: 800;
    }

/* ==========================================================
   SCORE
   ========================================================== */

.opportunity-header-score[b-hwevugwgs0] {
    display: flex;
    min-width: 190px;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

    .opportunity-header-score > span:first-child[b-hwevugwgs0] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }

    .opportunity-header-score > div[b-hwevugwgs0] {
        display: flex;
        align-items: baseline;
        gap: 5px;
    }

.opportunity-header-score-number[b-hwevugwgs0] {
    color: var(--text);
    font-size: clamp(44px, 4vw, 64px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -2px;
    font-variant-numeric: tabular-nums;
}

    .opportunity-header-score small[b-hwevugwgs0] {
        color: var(--text-muted);
        font-size: 11px;
        font-weight: 850;
    }


/* ==========================================================
   STATS
   ========================================================== */

.opportunity-header-stats[b-hwevugwgs0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

    .opportunity-header-stats article[b-hwevugwgs0] {
        display: flex;
        min-width: 0;
        padding: 14px;
        flex-direction: column;
        gap: 6px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-md);
        background: rgba(255, 255, 255, 0.022);
    }

    .opportunity-header-stats span[b-hwevugwgs0] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }

    .opportunity-header-stats strong[b-hwevugwgs0] {
        color: var(--text-secondary);
        font-size: 13px;
        font-weight: 950;
    }

.opportunity-header-trend-positive[b-hwevugwgs0] {
    color: var(--success) !important;
}

.opportunity-header-trend-negative[b-hwevugwgs0] {
    color: var(--danger) !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {
    .opportunity-header-top[b-hwevugwgs0],
    .opportunity-header-main[b-hwevugwgs0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .opportunity-header-score[b-hwevugwgs0] {
        align-items: flex-start;
    }

    .opportunity-header-stats[b-hwevugwgs0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .opportunity-header[b-hwevugwgs0] {
        padding: 17px;
        border-radius: var(--radius-lg);
    }

    .opportunity-header-actions[b-hwevugwgs0] {
        width: 100%;
        justify-content: flex-start;
    }

    .opportunity-header-action[b-hwevugwgs0] {
        flex: 1;
    }

    .opportunity-header-market[b-hwevugwgs0] {
        gap: 13px;
    }

    .opportunity-header-stats[b-hwevugwgs0] {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .opportunity-header-back[b-hwevugwgs0],
    .opportunity-header-action[b-hwevugwgs0] {
        transition: none;
    }

        .opportunity-header-back:hover[b-hwevugwgs0],
        .opportunity-header-action:hover[b-hwevugwgs0] {
            transform: none;
        }
}

.opportunity-header-confidence-number[b-hwevugwgs0] {
    color: inherit;
    font: inherit;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.opportunity-header-title-row[b-hwevugwgs0]  .status-badge {
    flex: 0 0 auto;
}

.opportunity-header-score[b-hwevugwgs0]  .status-badge {
    margin-top: 3px;
}
/* /Components/Opportunities/OpportunityPulse/OpportunityPulse.razor.rz.scp.css */
/* ==========================================================
   OPPORTUNITY PULSE
   ========================================================== */

.opportunity-pulse[b-1sur5zt776] {
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 22px 0 30px;
    padding: 0 var(--content-padding);
}


.opportunity-pulse-container[b-1sur5zt776] {
    display: grid;
    width: 100%;
    max-width: 1360px;
    min-height: 74px;
    margin: 0 auto;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: radial-gradient( circle at 10% 50%, rgba(34, 197, 94, 0.035), transparent 24% ), linear-gradient( 180deg, rgba(24, 38, 62, 0.92), rgba(13, 23, 40, 0.97) );
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}


/* ==========================================================
   STATUS
   ========================================================== */

.opportunity-pulse-status[b-1sur5zt776] {
    position: relative;
    z-index: 3;
    display: flex;
    height: 100%;
    min-height: 74px;
    align-items: center;
    gap: 9px;
    padding: 0 20px;
    border-right: 1px solid var(--border-soft);
    background: linear-gradient( 90deg, rgba(17, 31, 52, 1), rgba(17, 31, 52, 0.96) );
    white-space: nowrap;
}


.opportunity-pulse-live-dot[b-1sur5zt776] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--success);
    box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.08), 0 0 16px rgba(34, 197, 94, 0.52);
    animation: opportunity-pulse-dot-b-1sur5zt776 2.4s ease-in-out infinite;
}


.opportunity-pulse-status strong[b-1sur5zt776] {
    color: var(--success-light);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* ==========================================================
   LIVE / WAITING BADGES
   ========================================================== */

.opportunity-pulse-live[b-1sur5zt776],
.opportunity-pulse-demo[b-1sur5zt776] {
    display: inline-flex;
    min-height: 22px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: var(--radius-pill);
    font-size: 7px;
    font-weight: 950;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


.opportunity-pulse-live[b-1sur5zt776] {
    border: 1px solid rgba(34, 197, 94, 0.20);
    color: var(--success-light);
    background: rgba(34, 197, 94, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


.opportunity-pulse-demo[b-1sur5zt776] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    color: var(--text-muted);
    background: rgba(148, 163, 184, 0.05);
}


/* ==========================================================
   VIEWPORT
   ========================================================== */

.opportunity-pulse-viewport[b-1sur5zt776] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    mask-image: linear-gradient( 90deg, transparent, black 3%, black 97%, transparent );
    -webkit-mask-image: linear-gradient( 90deg, transparent, black 3%, black 97%, transparent );
}


/* ==========================================================
   ANIMATED TRACK
   ========================================================== */

.opportunity-pulse-track[b-1sur5zt776] {
    display: flex;
    width: max-content;
    align-items: center;
    will-change: transform;
    animation: opportunity-pulse-scroll-b-1sur5zt776 42s linear infinite;
}


.opportunity-pulse-viewport:hover
.opportunity-pulse-track[b-1sur5zt776] {
    animation-play-state: paused;
}


.opportunity-pulse-group[b-1sur5zt776] {
    display: flex;
    flex: none;
    align-items: center;
}


/* ==========================================================
   OPPORTUNITY ITEM
   ========================================================== */

.opportunity-pulse-item[b-1sur5zt776] {
    display: flex;
    min-height: 72px;
    flex: none;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    white-space: nowrap;
}


/* ==========================================================
   MARKET
   ========================================================== */

.opportunity-pulse-market[b-1sur5zt776] {
    display: flex;
    min-width: 76px;
    flex-direction: column;
    gap: 3px;
}


    .opportunity-pulse-market strong[b-1sur5zt776] {
        color: var(--text);
        font-size: 13px;
        font-weight: 950;
        line-height: 1.1;
        letter-spacing: -0.15px;
    }


    .opportunity-pulse-market span[b-1sur5zt776] {
        color: var(--text-subtle);
        font-size: 9px;
        font-weight: 850;
        line-height: 1;
    }


/* ==========================================================
   SCORE
   ========================================================== */

.opportunity-pulse-score[b-1sur5zt776] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


.opportunity-pulse-score-excellent[b-1sur5zt776] {
    border: 1px solid rgba(34, 197, 94, 0.22);
    color: var(--success-light);
    background: radial-gradient( circle at top, rgba(34, 197, 94, 0.14), transparent 72% ), rgba(34, 197, 94, 0.08);
    box-shadow: 0 0 18px rgba(34, 197, 94, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


.opportunity-pulse-score-strong[b-1sur5zt776] {
    border: 1px solid rgba(59, 130, 246, 0.20);
    color: var(--primary-light);
    background: radial-gradient( circle at top, rgba(59, 130, 246, 0.14), transparent 72% ), rgba(59, 130, 246, 0.08);
}


.opportunity-pulse-score-good[b-1sur5zt776] {
    border: 1px solid rgba(245, 158, 11, 0.18);
    color: var(--warning-light);
    background: rgba(245, 158, 11, 0.07);
}


.opportunity-pulse-score-neutral[b-1sur5zt776] {
    border: 1px solid var(--border-medium);
    color: var(--text-secondary);
    background: rgba(148, 163, 184, 0.06);
}


/* ==========================================================
   SIGNAL
   ========================================================== */

.opportunity-pulse-signal[b-1sur5zt776] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
}


    .opportunity-pulse-signal[b-1sur5zt776]  svg[blazicon] {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px;
        flex: 0 0 24px;
        vertical-align: middle;
    }


/* ==========================================================
   PRICE
   ========================================================== */

.opportunity-pulse-price[b-1sur5zt776] {
    margin-left: 4px;
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-align: left;
    font-variant-numeric: tabular-nums;
}


/* ==========================================================
   RISK / REWARD
   ========================================================== */

.opportunity-pulse-risk[b-1sur5zt776] {
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}


/* ==========================================================
   SEPARATOR
   ========================================================== */

.opportunity-pulse-separator[b-1sur5zt776] {
    width: 1px;
    height: 30px;
    flex: 0 0 auto;
    margin-inline: 4px;
    background: linear-gradient( to bottom, transparent, var(--border-medium), transparent );
}


/* ==========================================================
   EMPTY / SCANNING STATE
   ========================================================== */

.opportunity-pulse-empty[b-1sur5zt776] {
    display: flex;
    width: 100%;
    min-height: 72px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 24px;
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 800;
    text-align: center;
}


    .opportunity-pulse-empty svg[b-1sur5zt776] {
        flex: 0 0 auto;
        color: var(--primary-light);
    }


/* ==========================================================
   ANIMATIONS
   ========================================================== */

@keyframes opportunity-pulse-scroll-b-1sur5zt776 {

    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}


@keyframes opportunity-pulse-dot-b-1sur5zt776 {

    0%, 100% {
        opacity: 0.75;
        transform: scale(0.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .opportunity-pulse-container[b-1sur5zt776] {
        max-width: 100%;
    }


    .opportunity-pulse-item[b-1sur5zt776] {
        gap: 10px;
        padding-inline: 16px;
    }


    .opportunity-pulse-market[b-1sur5zt776] {
        min-width: 72px;
    }


    .opportunity-pulse-price[b-1sur5zt776] {
        font-size: 11px;
    }


    .opportunity-pulse-risk[b-1sur5zt776] {
        font-size: 9px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .opportunity-pulse[b-1sur5zt776] {
        margin: 18px 0 24px;
        padding-inline: 16px;
    }


    .opportunity-pulse-container[b-1sur5zt776] {
        display: flex;
        min-height: 0;
        flex-direction: column;
        align-items: stretch;
        border-radius: 16px;
    }


    .opportunity-pulse-status[b-1sur5zt776] {
        width: 100%;
        min-height: 46px;
        height: auto;
        justify-content: center;
        padding: 0 14px;
        border-right: 0;
        border-bottom: 1px solid var(--border-soft);
    }


        .opportunity-pulse-status strong[b-1sur5zt776] {
            font-size: 9px;
        }


    .opportunity-pulse-viewport[b-1sur5zt776] {
        width: 100%;
        mask-image: linear-gradient( 90deg, transparent, black 5%, black 95%, transparent );
        -webkit-mask-image: linear-gradient( 90deg, transparent, black 5%, black 95%, transparent );
    }


    .opportunity-pulse-track[b-1sur5zt776] {
        animation-duration: 38s;
    }


    .opportunity-pulse-item[b-1sur5zt776] {
        min-height: 66px;
        gap: 9px;
        padding-inline: 14px;
    }


    .opportunity-pulse-market[b-1sur5zt776] {
        min-width: 70px;
    }


        .opportunity-pulse-market strong[b-1sur5zt776] {
            font-size: 12px;
        }


        .opportunity-pulse-market span[b-1sur5zt776] {
            font-size: 9px;
        }


    .opportunity-pulse-score[b-1sur5zt776] {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        border-radius: 11px;
        font-size: 11px;
    }


    .opportunity-pulse-signal[b-1sur5zt776] {
        gap: 7px;
        font-size: 10px;
    }


        .opportunity-pulse-signal[b-1sur5zt776]  svg[blazicon] {
            width: 21px !important;
            height: 21px !important;
            min-width: 21px;
            flex-basis: 21px;
        }


    .opportunity-pulse-price[b-1sur5zt776] {
        margin-left: 2px;
        font-size: 10px;
    }


    .opportunity-pulse-risk[b-1sur5zt776] {
        font-size: 9px;
    }


    .opportunity-pulse-separator[b-1sur5zt776] {
        height: 26px;
        margin-inline: 2px;
    }


    .opportunity-pulse-empty[b-1sur5zt776] {
        min-height: 66px;
        padding-inline: 18px;
        font-size: 11px;
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

    .opportunity-pulse[b-1sur5zt776] {
        padding-inline: 12px;
    }


    .opportunity-pulse-status[b-1sur5zt776] {
        gap: 7px;
        padding-inline: 10px;
    }


    .opportunity-pulse-live[b-1sur5zt776],
    .opportunity-pulse-demo[b-1sur5zt776] {
        min-height: 20px;
        padding-inline: 6px;
        font-size: 6px;
    }


    .opportunity-pulse-item[b-1sur5zt776] {
        padding-inline: 12px;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .opportunity-pulse-track[b-1sur5zt776],
    .opportunity-pulse-live-dot[b-1sur5zt776] {
        animation: none;
    }


    .opportunity-pulse-track[b-1sur5zt776] {
        transform: none;
    }


    .opportunity-pulse-viewport[b-1sur5zt776] {
        overflow-x: auto;
        scrollbar-width: none;
    }


        .opportunity-pulse-viewport[b-1sur5zt776]::-webkit-scrollbar {
            display: none;
        }
}
/* /Components/Opportunities/OpportunityScoreBreakdown/OpportunityScoreBreakdown.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.score-breakdown[b-0feasgewmd] {
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 18px;
    flex-direction: column;
    gap: 18px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

/* ==========================================================
   HEADER
   ========================================================== */

.score-breakdown-header[b-0feasgewmd] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    justify-content: flex-start;
}

    .score-breakdown-header > div:first-child[b-0feasgewmd] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.score-breakdown-eyebrow[b-0feasgewmd] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}

.score-breakdown-header h3[b-0feasgewmd] {
    margin: 5px 0 0;
    color: var(--text);
    font-size: 17px;
    font-weight: 950;
    line-height: 1.2;
}


/* ==========================================================
   DIMENSIONS
   ========================================================== */

.score-breakdown-list[b-0feasgewmd] {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.score-breakdown-item[b-0feasgewmd] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    opacity: 0;
    transform: translateY(8px);
    animation: score-breakdown-item-enter-b-0feasgewmd 420ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.score-breakdown-item-header[b-0feasgewmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

    .score-breakdown-item-header span[b-0feasgewmd] {
        color: var(--text-secondary);
        font-size: 10px;
        font-weight: 850;
    }

    .score-breakdown-item-header strong[b-0feasgewmd] {
        color: var(--text);
        font-size: 10px;
        font-weight: 950;
        font-variant-numeric: tabular-nums;
    }

.score-breakdown-track[b-0feasgewmd] {
    position: relative;
    width: 100%;
    height: 7px;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.035);
}

.score-breakdown-fill[b-0feasgewmd] {
    position: absolute;
    inset: 0 auto 0 0;
    display: block;
    border-radius: inherit;
    width: 0;
    height: 100%;
    transition: width 650ms cubic-bezier(0.22, 1, 0.36, 1);
}

.score-breakdown-fill-strong[b-0feasgewmd] {
    background: linear-gradient( 90deg, #16a34a, var(--success) );
    box-shadow: 0 0 13px rgba(34, 197, 94, 0.3);
}

.score-breakdown-fill-moderate[b-0feasgewmd] {
    background: linear-gradient( 90deg, #d97706, var(--warning) );
    box-shadow: 0 0 13px rgba(245, 158, 11, 0.26);
}

.score-breakdown-fill-weak[b-0feasgewmd] {
    background: linear-gradient( 90deg, #dc2626, var(--danger) );
    box-shadow: 0 0 13px rgba(239, 68, 68, 0.25);
}

/* ==========================================================
   FOOTER
   ========================================================== */

.score-breakdown-footer[b-0feasgewmd] {
    display: flex;
    padding-top: 15px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--border-soft);
}

    .score-breakdown-footer > div[b-0feasgewmd] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        .score-breakdown-footer > div > span[b-0feasgewmd] {
            color: var(--text-subtle);
            font-size: 8px;
            font-weight: 900;
            letter-spacing: 0.65px;
            text-transform: uppercase;
        }

.score-breakdown-action[b-0feasgewmd] {
    font-size: 13px;
    font-weight: 950;
}

.score-breakdown-action-buy[b-0feasgewmd] {
    color: var(--success);
}

.score-breakdown-action-sell[b-0feasgewmd] {
    color: var(--danger);
}

.score-breakdown-action-hold[b-0feasgewmd] {
    color: var(--warning);
}

.score-breakdown-strength[b-0feasgewmd] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 0.55px;
    text-transform: uppercase;
}

.score-breakdown-strength-exceptional[b-0feasgewmd],
.score-breakdown-strength-strong[b-0feasgewmd] {
    color: var(--success);
    background: var(--success-soft);
}

.score-breakdown-strength-moderate[b-0feasgewmd] {
    color: var(--warning);
    background: rgba(245, 158, 11, 0.08);
}

.score-breakdown-strength-weak[b-0feasgewmd] {
    color: var(--danger);
    background: var(--danger-soft);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 560px) {
    .score-breakdown-total[b-0feasgewmd] {
        width: 100%;
        justify-content: flex-start;
    }

    .score-breakdown-total-ring[b-0feasgewmd] {
        width: 62px;
        height: 62px;
        flex-basis: 62px;
    }

    .score-breakdown-total-value[b-0feasgewmd] {
        font-size: 20px;
    }
    .score-breakdown[b-0feasgewmd] {
        padding: 15px;
    }

    .score-breakdown-header[b-0feasgewmd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .score-breakdown-footer[b-0feasgewmd] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .score-breakdown-fill[b-0feasgewmd] {
        transition: none;
    }
}

@keyframes score-breakdown-item-enter-b-0feasgewmd {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.score-breakdown-footer[b-0feasgewmd] {
    display: flex;
    padding-top: 15px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid var(--border-soft);
}

.score-breakdown-footer-label[b-0feasgewmd] {
    color: var(--text-subtle);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.score-breakdown-footer-badges[b-0feasgewmd] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}
/* /Components/Opportunities/OpportunityWorkspace/OpportunityWorkspace.razor.rz.scp.css */
.opportunity-workspace[b-7mrjnfsyw1] {
    align-items: start;
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 2.25fr) minmax(340px, 0.85fr);
    align-items: stretch;
    gap: 18px;
}

    .opportunity-workspace > *[b-7mrjnfsyw1] {
        width: 100%;
        min-width: 0;
    }

@media (max-width: 1180px) {
    .opportunity-workspace[b-7mrjnfsyw1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Opportunities/ScoreGauge/ScoreGauge.razor.rz.scp.css */
/* ==========================================================
   SCORE
   ========================================================== */

.score-gauge-score[b-c3cu9jmwsc] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}


/* ==========================================================
   RING
   ========================================================== */

.score-gauge-ring[b-c3cu9jmwsc] {
    position: relative;
    display: grid;
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    place-items: center;
}


    .score-gauge-ring[b-c3cu9jmwsc]::before {
        position: absolute;
        inset: 8px;
        border-radius: 50%;
        content: "";
        background: radial-gradient( circle, var(--score-soft), transparent 72% );
        box-shadow: 0 0 24px var(--score-glow);
    }


    .score-gauge-ring svg[b-c3cu9jmwsc] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        transform: rotate(-90deg);
    }


.score-gauge-ring-track[b-c3cu9jmwsc] {
    fill: none;
    stroke: rgba(148, 163, 184, 0.12);
    stroke-width: 5;
}


.score-gauge-ring-progress[b-c3cu9jmwsc] {
    fill: none;
    stroke: var(--score-color);
    stroke-width: 5;
    stroke-linecap: round;
    filter: drop-shadow( 0 0 6px var(--score-glow) );
}


/* ==========================================================
   RING CONTENT
   ========================================================== */

.score-gauge-ring-content[b-c3cu9jmwsc] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}


.score-gauge-number[b-c3cu9jmwsc] {
    color: var(--score-color);
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.7px;
    text-shadow: 0 0 18px var(--score-glow);
    font-variant-numeric: tabular-nums;
}


.score-gauge-ring-content span[b-c3cu9jmwsc] {
    color: var(--text-subtle);
    font-size: 6px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


/* ==========================================================
   SCORE COPY
   ========================================================== */

.score-gauge-score-copy[b-c3cu9jmwsc] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}


    .score-gauge-score-copy strong[b-c3cu9jmwsc] {
        color: var(--score-color);
        font-size: 13px;
        font-weight: 950;
        line-height: 1.15;
    }


    .score-gauge-score-copy span[b-c3cu9jmwsc] {
        max-width: 210px;
        color: var(--text-muted);
        font-size: 9px;
        font-weight: 750;
        line-height: 1.45;
    }


/* ==========================================================
   PROGRESS
   ========================================================== */

.score-gauge-progress[b-c3cu9jmwsc] {
    position: relative;
    z-index: 1;
    margin-top: 2px;
}


@media (max-width: 560px) {

    .score-gauge-score[b-c3cu9jmwsc] {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 13px;
    }

    .score-gauge-ring[b-c3cu9jmwsc] {
        width: 68px;
        height: 68px;
        flex-basis: 68px;
    }

    .score-gauge-number[b-c3cu9jmwsc] {
        font-size: 21px;
    }

    .score-gauge-score-copy strong[b-c3cu9jmwsc] {
        font-size: 12px;
    }

    .score-gauge-score-copy span[b-c3cu9jmwsc] {
        font-size: 8px;
    }
}
/* /Components/Opportunities/TechnicalConfirmation/TechnicalConfirmation.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */

.technical-confirmation[b-qsu1fvm6jl] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 24px;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38% ), radial-gradient( circle at bottom left, rgba(34, 197, 94, 0.04), transparent 34% ), linear-gradient( 160deg, rgba(24, 39, 65, 0.98), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.23), 0 42px 94px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

/* ==========================================================
   HEADER
   ========================================================== */

.technical-confirmation-header[b-qsu1fvm6jl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.technical-confirmation-heading[b-qsu1fvm6jl] {
    display: grid;
    min-width: 0;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
}

.technical-confirmation-icon[b-qsu1fvm6jl] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 14px;
    color: var(--primary-light);
    background: var(--primary-soft);
}

.technical-confirmation-heading > div[b-qsu1fvm6jl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.technical-confirmation-eyebrow[b-qsu1fvm6jl] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.05px;
    text-transform: uppercase;
}

.technical-confirmation-heading h2[b-qsu1fvm6jl] {
    margin: 5px 0 0;
    color: var(--text);
    font-size: clamp( 24px, 2.3vw, 34px );
    font-weight: 950;
    line-height: 1.12;
    letter-spacing: -0.8px;
}

.technical-confirmation-summary[b-qsu1fvm6jl] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

    .technical-confirmation-summary span[b-qsu1fvm6jl] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.65px;
        text-transform: uppercase;
    }

    .technical-confirmation-summary strong[b-qsu1fvm6jl] {
        color: var(--success);
        font-size: 22px;
        font-weight: 950;
        line-height: 1;
    }

/* ==========================================================
   LIST
   ========================================================== */

.technical-confirmation-list[b-qsu1fvm6jl] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01) );
}

.technical-confirmation-item[b-qsu1fvm6jl] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(160px, 1fr) minmax(110px, auto) 34px;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--border-soft);
    transition: background var(--transition);
}

    .technical-confirmation-item:last-child[b-qsu1fvm6jl] {
        border-bottom: 0;
    }

    .technical-confirmation-item:hover[b-qsu1fvm6jl] {
        background: rgba(255, 255, 255, 0.025);
    }

    .technical-confirmation-item > div[b-qsu1fvm6jl] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 3px;
    }

.technical-confirmation-name[b-qsu1fvm6jl] {
    color: var(--text);
    font-size: 12px;
    font-weight: 900;
}

.technical-confirmation-item small[b-qsu1fvm6jl] {
    overflow: hidden;
    color: var(--text-subtle);
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.technical-confirmation-value[b-qsu1fvm6jl] {
    justify-self: end;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
}

.technical-confirmation-value-positive[b-qsu1fvm6jl] {
    color: var(--success);
}

.technical-confirmation-value-negative[b-qsu1fvm6jl] {
    color: var(--danger);
}

.technical-confirmation-value-neutral[b-qsu1fvm6jl] {
    color: var(--warning);
}

.technical-confirmation-state[b-qsu1fvm6jl] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
}

.technical-confirmation-state-positive[b-qsu1fvm6jl] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.13);
    background: var(--success-soft);
}

.technical-confirmation-state-negative[b-qsu1fvm6jl] {
    color: var(--danger);
    border-color: rgba(239, 68, 68, 0.13);
    background: var(--danger-soft);
}

.technical-confirmation-state-neutral[b-qsu1fvm6jl] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.13);
    background: rgba(245, 158, 11, 0.08);
}

/* ==========================================================
   EMPTY
   ========================================================== */

.technical-confirmation-empty[b-qsu1fvm6jl] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.02);
}

    .technical-confirmation-empty > div[b-qsu1fvm6jl] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .technical-confirmation-empty strong[b-qsu1fvm6jl] {
        color: var(--text);
        font-size: 12px;
        font-weight: 900;
    }

    .technical-confirmation-empty p[b-qsu1fvm6jl] {
        margin: 0;
        font-size: 10px;
        line-height: 1.55;
    }

/* ==========================================================
   OVERALL
   ========================================================== */

.technical-confirmation-footer[b-qsu1fvm6jl] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: flex-start;
    gap: 14px;
    padding: 17px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01) );
}

.technical-confirmation-overall-icon[b-qsu1fvm6jl] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid var(--border-soft);
    border-radius: 14px;
}

.technical-confirmation-overall-positive[b-qsu1fvm6jl] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.14);
    background: var(--success-soft);
}

.technical-confirmation-overall-negative[b-qsu1fvm6jl] {
    color: var(--danger);
    border-color: rgba(239, 68, 68, 0.14);
    background: var(--danger-soft);
}

.technical-confirmation-overall-neutral[b-qsu1fvm6jl] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.14);
    background: rgba(245, 158, 11, 0.08);
}

.technical-confirmation-footer > div[b-qsu1fvm6jl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.technical-confirmation-footer span[b-qsu1fvm6jl] {
    color: var(--text-subtle);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.65px;
    text-transform: uppercase;
}

.technical-confirmation-footer strong[b-qsu1fvm6jl] {
    color: var(--text);
    font-size: 13px;
    font-weight: 950;
}

.technical-confirmation-footer p[b-qsu1fvm6jl] {
    max-width: 960px;
    margin: 1px 0 0;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.6;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 640px) {
    .technical-confirmation[b-qsu1fvm6jl] {
        padding: 17px;
        border-radius: var(--radius-lg);
    }

    .technical-confirmation-header[b-qsu1fvm6jl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .technical-confirmation-summary[b-qsu1fvm6jl] {
        align-items: flex-start;
    }

    .technical-confirmation-item[b-qsu1fvm6jl] {
        grid-template-columns: minmax(0, 1fr) 32px;
        gap: 12px;
    }

    .technical-confirmation-value[b-qsu1fvm6jl] {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        text-align: left;
    }

    .technical-confirmation-state[b-qsu1fvm6jl] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .technical-confirmation-footer[b-qsu1fvm6jl] {
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 14px;
    }

    .technical-confirmation-overall-icon[b-qsu1fvm6jl] {
        width: 40px;
        height: 40px;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .technical-confirmation-item[b-qsu1fvm6jl] {
        transition: none;
    }
}
/* /Components/Opportunities/TradingChart/TradingChart.razor.rz.scp.css */
/* ==========================================================
   ROOT
   ========================================================== */
.trading-chart[b-578m74uj44] {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 22px;
    flex-direction: column;
    gap: 18px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38% ), radial-gradient( circle at bottom left, rgba(139, 92, 246, 0.045), transparent 34% ), linear-gradient( 160deg, rgba(22, 36, 60, 0.98), rgba(12, 22, 39, 0.99) );
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.23), 0 42px 94px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

/* ==========================================================
   HEADER
   ========================================================== */

.trading-chart-header[b-578m74uj44] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

    .trading-chart-header > div:first-child[b-578m74uj44] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

.trading-chart-eyebrow[b-578m74uj44] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.trading-chart-header h2[b-578m74uj44] {
    margin: 6px 0 0;
    color: var(--text);
    font-size: clamp( 22px, 2.2vw, 32px );
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: -0.8px;
}

/* ==========================================================
   TIMEFRAMES
   ========================================================== */

.trading-chart-timeframes[b-578m74uj44] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.chart-timeframe[b-578m74uj44] {
    display: inline-flex;
    min-width: 38px;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid var(--border-soft);
    border-radius: 9px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.02);
    font: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

    .chart-timeframe:hover[b-578m74uj44] {
        transform: translateY(-1px);
        color: var(--text);
        border-color: var(--border-medium);
        background: rgba(255, 255, 255, 0.04);
    }

.chart-timeframe-active[b-578m74uj44] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.24);
    background: var(--primary-soft);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* ==========================================================
   CANVAS
   ========================================================== */

.trading-chart-canvas[b-578m74uj44] {
    position: relative;
    display: grid;
    width: 100%;
    min-width: 0;
    height: 520px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: linear-gradient( rgba(255, 255, 255, 0.025) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px ), radial-gradient( circle at 68% 28%, rgba(59, 130, 246, 0.07), transparent 32% ), linear-gradient( 180deg, rgba(12, 23, 42, 0.92), rgba(8, 17, 31, 0.98) );
    background-size: 100% 64px, 88px 100%, auto, auto;
}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 760px) {
    .trading-chart-header[b-578m74uj44] {
        align-items: flex-start;
        flex-direction: column;
    }

    .trading-chart-timeframes[b-578m74uj44] {
        width: 100%;
    }

    .chart-timeframe[b-578m74uj44] {
        flex: 1;
    }

    .trading-chart-canvas[b-578m74uj44] {
        height: 430px;
    }
}

@media (max-width: 560px) {
    .trading-chart[b-578m74uj44] {
        padding: 16px;
        border-radius: var(--radius-lg);
    }

    .trading-chart-canvas[b-578m74uj44] {
        height: 300px;
        border-radius: var(--radius-md);
        background-size: 100% 48px, 60px 100%, auto, auto;
    }

    .trading-chart-placeholder[b-578m74uj44] {
        width: 86%;
        padding: 22px 16px;
    }

    .trading-chart-logo[b-578m74uj44] {
        width: 60px;
        height: 60px;
        border-radius: 18px;
    }

    .trading-chart-footer[b-578m74uj44] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .chart-timeframe[b-578m74uj44] {
        transition: none;
    }

        .chart-timeframe:hover[b-578m74uj44] {
            transform: none;
        }
}

.trading-chart-host[b-578m74uj44] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.trading-chart-empty[b-578m74uj44] {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(340px, 82%);
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    color: var(--text-muted);
    background: rgba(12, 23, 40, 0.88);
    text-align: center;
}

    .trading-chart-empty > span[b-578m74uj44] {
        display: grid;
        width: 54px;
        height: 54px;
        place-items: center;
        border: 1px solid rgba(96, 165, 250, 0.18);
        border-radius: 16px;
        color: var(--primary-light);
        background: var(--primary-soft);
    }

    .trading-chart-empty strong[b-578m74uj44] {
        color: var(--text);
        font-size: 13px;
        font-weight: 950;
    }

    .trading-chart-empty p[b-578m74uj44] {
        margin: 0;
        font-size: 9px;
        line-height: 1.55;
    }


.chart-timeframe:disabled[b-578m74uj44] {
    cursor: wait;
    opacity: 0.65;
}


.trading-chart-footer .status-badge-success
.status-badge-icon svg[b-578m74uj44] {
    animation: none;
}



@media (prefers-reduced-motion: reduce) {
    .trading-chart-footer .status-badge-icon svg[b-578m74uj44] {
        animation: none;
    }
}

.opportunity-workspace-chart[b-578m74uj44] {
    align-self: start;
}

.trading-chart-next-candle[b-578m74uj44] {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 42px minmax(110px, auto) minmax(160px, 1fr);
    align-items: center;
    gap: 13px;
    margin-top: 14px;
    padding: 13px 15px;
    border: 1px solid rgba(96, 165, 250, 0.15);
    border-radius: var(--radius-md);
    background: linear-gradient( 145deg, rgba(59, 130, 246, 0.07), rgba(255, 255, 255, 0.018) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.trading-chart-next-candle-icon[b-578m74uj44] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 11px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.08);
}

.trading-chart-next-candle-copy[b-578m74uj44] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .trading-chart-next-candle-copy span[b-578m74uj44] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.65px;
        text-transform: uppercase;
    }

    .trading-chart-next-candle-copy strong[b-578m74uj44] {
        color: var(--primary-light);
        font-size: 17px;
        font-weight: 950;
        font-variant-numeric: tabular-nums;
    }

.trading-chart-next-candle-progress[b-578m74uj44] {
    min-width: 0;
}

@media (max-width: 680px) {
    .trading-chart-next-candle[b-578m74uj44] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .trading-chart-next-candle-progress[b-578m74uj44] {
        grid-column: 1 / -1;
    }
}


.trading-chart-legend[b-578m74uj44] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 14px;
}

@media (max-width: 680px) {
    .trading-chart-footer[b-578m74uj44] {
        grid-template-columns: 1fr;
    }

    .trading-chart-legend[b-578m74uj44] {
        justify-content: flex-start;
    }
}

.trading-chart-realtime[b-578m74uj44] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--border-medium);
    border-radius: 10px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
    font: inherit;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.45px;
    cursor: pointer;
    transition: color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);
}

    .trading-chart-realtime:hover[b-578m74uj44] {
        transform: translateY(-1px);
        color: var(--text);
        border-color: var(--border-strong);
        background: rgba(255, 255, 255, 0.045);
    }

.trading-chart-realtime-dot[b-578m74uj44] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--text-subtle);
}

.trading-chart-realtime-live[b-578m74uj44] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.24);
    background: rgba(34, 197, 94, 0.08);
    box-shadow: 0 0 22px rgba(34, 197, 94, 0.08);
}

.trading-chart-realtime-dot-live[b-578m74uj44] {
    background: var(--success);
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.08), 0 0 14px rgba(34, 197, 94, 0.45);
}

.trading-chart-realtime-connecting[b-578m74uj44] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.22);
    background: rgba(245, 158, 11, 0.07);
}

.trading-chart-realtime-dot-connecting[b-578m74uj44] {
    background: var(--warning);
    animation: trading-chart-realtime-pulse-b-578m74uj44 1.1s ease-in-out infinite;
}

@keyframes trading-chart-realtime-pulse-b-578m74uj44 {
    0%, 100% {
        opacity: 0.45;
        transform: scale(0.88);
    }

    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .trading-chart-realtime[b-578m74uj44],
    .trading-chart-realtime-dot-connecting[b-578m74uj44] {
        transition: none;
        animation: none;
    }

        .trading-chart-realtime:hover[b-578m74uj44] {
            transform: none;
        }
}

/* ==========================================================
   MOBILE CHART EXPAND
   ========================================================== */

.trading-chart-expand[b-578m74uj44] {
    display: none;
}

@media (max-width: 760px) {

    .trading-chart-expand[b-578m74uj44] {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 14px;
        border: 1px solid rgba(96, 165, 250, 0.26);
        border-radius: 10px;
        color: #93c5fd;
        background: linear-gradient( 135deg, rgba(37, 99, 235, 0.13), rgba(59, 130, 246, 0.06) );
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 22px rgba(37, 99, 235, 0.08);
        font: inherit;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0.2px;
        cursor: pointer;
        transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
    }

        .trading-chart-expand:active[b-578m74uj44] {
            transform: scale(0.97);
        }

    .trading-chart-fullscreen
    .trading-chart-expand[b-578m74uj44] {
        display: none;
    }
}

.trading-chart.trading-chart-fullscreen
.trading-chart-expand[b-578m74uj44] {
    display: none;
}

/*==========================================================
   MOBILE FULLSCREEN
   ========================================================== */


.trading-chart-fullscreen
.trading-chart-header[b-578m74uj44] {
    padding-right: 46px;
}


@media (max-width: 920px) and (orientation: landscape) {

    .trading-chart.trading-chart-fullscreen[b-578m74uj44] {
        padding: 10px 12px;
        gap: 8px;
    }

    .trading-chart-fullscreen
    .trading-chart-header[b-578m74uj44] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        padding-right: 44px;
    }

        .trading-chart-fullscreen
        .trading-chart-header > div:first-child[b-578m74uj44] {
            flex-direction: row;
            align-items: center;
        }

        .trading-chart-fullscreen
        .trading-chart-header h2[b-578m74uj44] {
            margin: 0;
            font-size: 18px;
            white-space: nowrap;
        }

    .trading-chart-fullscreen
    .trading-chart-timeframes[b-578m74uj44] {
        width: auto;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 5px;
    }

    .trading-chart-fullscreen
    .chart-timeframe[b-578m74uj44] {
        flex: 0 0 auto;
        min-width: 40px;
        min-height: 30px;
        padding: 0 9px;
    }

    .trading-chart-fullscreen
    .trading-chart-realtime[b-578m74uj44] {
        min-height: 30px;
        padding: 0 10px;
    }

    .trading-chart-fullscreen
    .trading-chart-canvas[b-578m74uj44] {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
        border-radius: 10px;
    }

    .trading-chart-fullscreen-close[b-578m74uj44] {
        top: 10px;
        right: 10px;
        width: 34px;
        height: 34px;
    }
}


@media (orientation: landscape) {

    .trading-chart.trading-chart-fullscreen[b-578m74uj44] {
        height: 100dvh;
        padding: 12px 16px;
        gap: 8px;
    }

    .trading-chart-fullscreen .trading-chart-canvas[b-578m74uj44] {
        flex: 1 1 0;
        height: 0;
        min-height: 0;
    }
}

.trading-chart-rotate-hint[b-578m74uj44] {
    display: none;
}

@media (max-width: 760px) and (orientation: portrait) {

    .trading-chart-fullscreen
    .trading-chart-rotate-hint[b-578m74uj44] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 4px 48px 4px 8px;
        border: 0;
        border-radius: 0;
        color: #8fa2bc;
        background: transparent;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
    }
}

.trading-chart-mobile-actions[b-578m74uj44] {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media (max-width: 760px) {

    .trading-chart-mobile-actions[b-578m74uj44] {
        width: 100%;
        justify-content: flex-start;
    }

    .trading-chart-realtime[b-578m74uj44],
    .trading-chart-expand[b-578m74uj44] {
        min-height: 36px;
    }
}

/* ==========================================================
   FULLSCREEN — FINAL OVERRIDES
   Keep this at the END of the file
   ========================================================== */

/* Native Fullscreen API. */
.trading-chart:fullscreen[b-578m74uj44] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100dvh;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 16px;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38% ), linear-gradient(160deg, #101c30, #08111f);
    box-shadow: none;
}

/*
 * iPhone / browsers where Element.requestFullscreen() is not available.
 * The Blazor component adds .trading-chart-fullscreen and JS locks the page
 * with chart-fallback-fullscreen on html/body.
 */
.trading-chart.trading-chart-fullscreen[b-578m74uj44] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex;
    width: 100% !important;
    height: 100dvh !important;
    min-width: 0;
    min-height: 0;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px;
    flex-direction: column;
    gap: 12px;
    overflow: hidden !important;
    border: 0;
    border-radius: 0;
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38% ), linear-gradient(160deg, #101c30, #08111f);
    box-shadow: none;
}

/* Lock the document while the CSS fullscreen fallback is active. */
html.chart-fallback-fullscreen[b-578m74uj44],
body.chart-fallback-fullscreen[b-578m74uj44] {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
}

/* Make the chart consume all remaining fullscreen space. */
.trading-chart:fullscreen .trading-chart-canvas[b-578m74uj44],
.trading-chart.trading-chart-fullscreen .trading-chart-canvas[b-578m74uj44] {
    flex: 1 1 0;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 12px;
}

/* Close must always remain a small button. */
.trading-chart:fullscreen .trading-chart-fullscreen-close[b-578m74uj44],
.trading-chart.trading-chart-fullscreen .trading-chart-fullscreen-close[b-578m74uj44] {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 50;
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 10px;
    color: #cbd5e1;
    background: rgba(8, 17, 31, 0.90);
    cursor: pointer;
}

/* ==========================================================
   PORTRAIT ROTATE HINT
   ========================================================== */

.trading-chart-rotate-hint[b-578m74uj44] {
    display: none;
}

@media (orientation: portrait) {

    .trading-chart:fullscreen .trading-chart-rotate-hint[b-578m74uj44],
    .trading-chart.trading-chart-fullscreen .trading-chart-rotate-hint[b-578m74uj44] {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 28px;
        margin: 0 44px 0 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: #8fa2bc;
        background: transparent;
        font-size: 10px;
        font-weight: 700;
        text-align: center;
    }

    /* Keep portrait fullscreen usable without producing a page-sized chart. */
    .trading-chart:fullscreen .trading-chart-header[b-578m74uj44],
    .trading-chart.trading-chart-fullscreen .trading-chart-header[b-578m74uj44] {
        flex: 0 0 auto;
        padding-right: 46px;
    }

    .trading-chart:fullscreen .trading-chart-canvas[b-578m74uj44],
    .trading-chart.trading-chart-fullscreen .trading-chart-canvas[b-578m74uj44] {
        flex: 1 1 0;
        height: 0 !important;
        min-height: 0 !important;
    }
}

/* ==========================================================
   LANDSCAPE FULLSCREEN
   ========================================================== */

@media (orientation: landscape) {

    .trading-chart:fullscreen[b-578m74uj44],
    .trading-chart.trading-chart-fullscreen[b-578m74uj44] {
        padding: 10px 16px;
        gap: 8px;
    }

        .trading-chart:fullscreen .trading-chart-header[b-578m74uj44],
        .trading-chart.trading-chart-fullscreen .trading-chart-header[b-578m74uj44] {
            display: grid;
            grid-template-columns: auto minmax(0, 1fr) auto;
            align-items: center;
            gap: 12px;
            padding-right: 46px;
        }

            .trading-chart:fullscreen .trading-chart-header > div:first-child[b-578m74uj44],
            .trading-chart.trading-chart-fullscreen .trading-chart-header > div:first-child[b-578m74uj44] {
                flex-direction: row;
                align-items: center;
            }

            .trading-chart:fullscreen .trading-chart-header h2[b-578m74uj44],
            .trading-chart.trading-chart-fullscreen .trading-chart-header h2[b-578m74uj44] {
                margin: 0;
                font-size: 18px;
                white-space: nowrap;
            }

        .trading-chart:fullscreen .trading-chart-timeframes[b-578m74uj44],
        .trading-chart.trading-chart-fullscreen .trading-chart-timeframes[b-578m74uj44] {
            width: auto;
            flex-wrap: nowrap;
            justify-content: center;
            gap: 5px;
        }

        .trading-chart:fullscreen .chart-timeframe[b-578m74uj44],
        .trading-chart.trading-chart-fullscreen .chart-timeframe[b-578m74uj44] {
            flex: 0 0 auto;
            min-width: 40px;
            min-height: 30px;
            padding: 0 9px;
        }

        .trading-chart:fullscreen .trading-chart-realtime[b-578m74uj44],
        .trading-chart.trading-chart-fullscreen .trading-chart-realtime[b-578m74uj44] {
            min-height: 30px;
            padding: 0 10px;
        }

        .trading-chart:fullscreen .trading-chart-canvas[b-578m74uj44],
        .trading-chart.trading-chart-fullscreen .trading-chart-canvas[b-578m74uj44] {
            flex: 1 1 0;
            height: 0 !important;
            min-height: 0 !important;
            border-radius: 10px;
        }

        .trading-chart:fullscreen .trading-chart-fullscreen-close[b-578m74uj44],
        .trading-chart.trading-chart-fullscreen .trading-chart-fullscreen-close[b-578m74uj44] {
            top: 10px;
            right: 10px;
            width: 34px !important;
            height: 34px !important;
            min-width: 34px !important;
            min-height: 34px !important;
        }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* =========================================================
   ABOUT PAGE
   ========================================================= */

.about-page[b-uwvlakd9zv] {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 54px 0 90px;
    display: flex;
    flex-direction: column;
    gap: 60px;
}


/* =========================================================
   HERO
   ========================================================= */

.about-hero[b-uwvlakd9zv] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(400px, 0.92fr);
    align-items: center;
    gap: 38px;
    min-height: 500px;
}


/* ---------------------------------------------------------
   HERO COPY
   --------------------------------------------------------- */

.about-hero-copy[b-uwvlakd9zv] {
    position: relative;
    z-index: 2;
    max-width: 760px;
}


.about-eyebrow[b-uwvlakd9zv],
.about-section-label[b-uwvlakd9zv] {
    color: var(--primary-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


.about-hero h1[b-uwvlakd9zv] {
    margin: 14px 0 20px;
    color: var(--text);
    font-size: clamp(42px, 5.6vw, 74px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -2px;
}


    .about-hero h1 span[b-uwvlakd9zv] {
        display: block;
        color: var(--primary-light);
    }


.about-hero p[b-uwvlakd9zv] {
    max-width: 720px;
    margin: 0;
    color: var(--text-muted);
    font-size: 17px;
    line-height: 1.8;
}


/* ---------------------------------------------------------
   HERO IMAGE
   --------------------------------------------------------- */

.about-hero-visual[b-uwvlakd9zv] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    min-width: 0;
    pointer-events: none;
}


    .about-hero-visual img[b-uwvlakd9zv] {
        display: block;
        width: 100%;
        max-width: 700px;
        height: auto;
        margin-left: auto;
        object-fit: contain;
        opacity: 0.96;
        /*
     * Fade da imagem para o fundo do site.
     * Evita que pareça um retângulo colocado ao lado do texto.
     */

        -webkit-mask-image: linear-gradient( to right, transparent 0%, rgba(0, 0, 0, 0.25) 8%, rgba(0, 0, 0, 0.7) 20%, #000 34%, #000 100% );
        mask-image: linear-gradient( to right, transparent 0%, rgba(0, 0, 0, 0.25) 8%, rgba(0, 0, 0, 0.7) 20%, #000 34%, #000 100% );
    }


/* =========================================================
   MISSION / STANDARD CONTENT SECTION
   ========================================================= */

.about-section[b-uwvlakd9zv],
.about-philosophy[b-uwvlakd9zv] {
    max-width: 860px;
}


    .about-section h2[b-uwvlakd9zv],
    .about-philosophy h2[b-uwvlakd9zv],
    .about-cta h2[b-uwvlakd9zv] {
        margin: 12px 0 18px;
        color: var(--text);
        font-size: clamp(28px, 4vw, 42px);
        font-weight: 950;
        line-height: 1.15;
        letter-spacing: -1px;
    }


    .about-section p[b-uwvlakd9zv],
    .about-philosophy p[b-uwvlakd9zv],
    .about-cta p[b-uwvlakd9zv] {
        margin: 0 0 14px;
        color: var(--text-muted);
        font-size: 14px;
        line-height: 1.8;
    }


/* =========================================================
   VALUES GRID
   ========================================================= */

.about-values-grid[b-uwvlakd9zv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}


.about-value-card[b-uwvlakd9zv] {
    padding: 24px 26px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 42% ), rgba(15, 25, 43, 0.92);
    transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}


    .about-value-card:hover[b-uwvlakd9zv] {
        transform: translateY(-2px);
        border-color: rgba(96, 165, 250, 0.24);
        background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.12), transparent 42% ), rgba(15, 25, 43, 0.96);
    }


    .about-value-card svg[b-uwvlakd9zv] {
        color: var(--primary-light);
    }


    .about-value-card h3[b-uwvlakd9zv] {
        margin: 18px 0 10px;
        color: var(--text);
        font-size: 17px;
        font-weight: 900;
    }


    .about-value-card p[b-uwvlakd9zv] {
        margin: 0;
        color: var(--text-muted);
        font-size: 13px;
        line-height: 1.7;
    }


/* =========================================================
   PHILOSOPHY
   ========================================================= */

.about-philosophy[b-uwvlakd9zv] {
    position: relative;
}


/* =========================================================
   DISCLAIMER
   ========================================================= */

.about-disclaimer[b-uwvlakd9zv] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 14px;
    padding: 22px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: var(--radius-lg);
    margin-top: -12px;
    background: rgba(59, 130, 246, 0.05);
}


    .about-disclaimer svg[b-uwvlakd9zv] {
        color: var(--primary-light);
    }


    .about-disclaimer strong[b-uwvlakd9zv] {
        color: var(--text);
        font-size: 14px;
        font-weight: 900;
    }


    .about-disclaimer p[b-uwvlakd9zv] {
        margin: 6px 0 0;
        color: var(--text-muted);
        font-size: 12px;
        line-height: 1.7;
    }


/* =========================================================
   CTA
   ========================================================= */

.about-cta[b-uwvlakd9zv] {
    padding: 38px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.12), transparent 38% ), rgba(15, 25, 43, 0.95);
}


.about-cta-actions[b-uwvlakd9zv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}


.about-primary-action[b-uwvlakd9zv],
.about-secondary-action[b-uwvlakd9zv] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}


.about-primary-action[b-uwvlakd9zv] {
    color: #fff;
    background: #2563eb;
}


    .about-primary-action:hover[b-uwvlakd9zv] {
        color: #fff;
        background: #3b82f6;
        transform: translateY(-1px);
    }


.about-secondary-action[b-uwvlakd9zv] {
    border: 1px solid var(--border-medium);
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.025);
}


    .about-secondary-action:hover[b-uwvlakd9zv] {
        color: var(--text);
        border-color: rgba(96, 165, 250, 0.28);
        background: rgba(255, 255, 255, 0.045);
        transform: translateY(-1px);
    }


/* =========================================================
   RESPONSIVE — MEDIUM DESKTOP / TABLET
   ========================================================= */

@media (max-width: 1050px) {

    .about-hero[b-uwvlakd9zv] {
        grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
        gap: 24px;
        min-height: 480px;
    }


        .about-hero h1[b-uwvlakd9zv] {
            font-size: clamp(42px, 6vw, 66px);
        }


    .about-hero-visual img[b-uwvlakd9zv] {
        max-width: 620px;
    }
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 860px) {

    .about-page[b-uwvlakd9zv] {
        padding-top: 40px;
        gap: 58px;
    }


    .about-hero[b-uwvlakd9zv] {
        grid-template-columns: 1fr;
        gap: 34px;
        min-height: auto;
    }


    .about-hero-copy[b-uwvlakd9zv] {
        max-width: 720px;
    }


    .about-hero-visual[b-uwvlakd9zv] {
        justify-content: center;
    }


        .about-hero-visual img[b-uwvlakd9zv] {
            width: min(100%, 680px);
            margin: 0 auto;
        }


    .about-values-grid[b-uwvlakd9zv] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .about-page[b-uwvlakd9zv] {
        width: min(100% - 28px, 1180px);
        padding: 34px 0 64px;
        gap: 52px;
    }


    .about-hero[b-uwvlakd9zv] {
        gap: 28px;
    }


        .about-hero h1[b-uwvlakd9zv] {
            margin-top: 12px;
            font-size: clamp(40px, 12vw, 58px);
            line-height: 1.03;
            letter-spacing: -1.2px;
        }


        .about-hero p[b-uwvlakd9zv] {
            font-size: 15px;
            line-height: 1.7;
        }


    .about-hero-visual img[b-uwvlakd9zv] {
        width: 100%;
    }


    .about-section h2[b-uwvlakd9zv],
    .about-philosophy h2[b-uwvlakd9zv],
    .about-cta h2[b-uwvlakd9zv] {
        font-size: clamp(27px, 8vw, 36px);
        letter-spacing: -0.7px;
    }


    .about-value-card[b-uwvlakd9zv] {
        padding: 22px;
    }


    .about-disclaimer[b-uwvlakd9zv] {
        grid-template-columns: 30px minmax(0, 1fr);
        padding: 18px;
    }


    .about-cta[b-uwvlakd9zv] {
        padding: 24px;
    }


    .about-cta-actions[b-uwvlakd9zv] {
        align-items: stretch;
        flex-direction: column;
    }


    .about-primary-action[b-uwvlakd9zv],
    .about-secondary-action[b-uwvlakd9zv] {
        width: 100%;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

    .about-page[b-uwvlakd9zv] {
        width: calc(100% - 24px);
    }


    .about-hero h1[b-uwvlakd9zv] {
        font-size: clamp(38px, 12.5vw, 50px);
    }


    .about-hero p[b-uwvlakd9zv] {
        font-size: 14px;
    }
}
/* /Components/Pages/AiAssistant.razor.rz.scp.css */
.ai-page[b-2fcz0eswak] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}

.ai-hero[b-2fcz0eswak] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
}

.ai-eyebrow[b-2fcz0eswak] {
    color: #60a5fa;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 1px;
}

.ai-hero h1[b-2fcz0eswak] {
    max-width: 700px;
    margin: 10px 0 0;
    color: #f8fafc;
    font-size: 40px;
    font-weight: 950;
    line-height: 1.04;
    letter-spacing: -1px;
}

.ai-hero p[b-2fcz0eswak] {
    max-width: 650px;
    margin: 16px 0 0;
    color: #8294ad;
    font-size: 14px;
    line-height: 1.7;
}

.ai-status[b-2fcz0eswak] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 15px;
    border: 1px solid rgba(34, 197, 94, 0.12);
    border-radius: 12px;
    background: rgba(34, 197, 94, 0.04);
}

.ai-status-dot[b-2fcz0eswak] {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.45);
}

.ai-status div[b-2fcz0eswak] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ai-status strong[b-2fcz0eswak] {
    color: #f8fafc;
    font-size: 11px;
    font-weight: 900;
}

.ai-status span[b-2fcz0eswak] {
    color: #71839c;
    font-size: 9px;
}

.ai-suggestions[b-2fcz0eswak] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 34px;
}

.ai-suggestion-card[b-2fcz0eswak] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 86px;
    padding: 16px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 14px;
    color: inherit;
    background: linear-gradient( 145deg, rgba(25, 43, 70, 0.92), rgba(17, 31, 52, 0.92) );
    text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

    .ai-suggestion-card:hover[b-2fcz0eswak] {
        transform: translateY(-2px);
        border-color: rgba(96, 165, 250, 0.32);
        background: linear-gradient( 145deg, rgba(30, 52, 84, 0.98), rgba(20, 38, 64, 0.98) );
    }

.ai-suggestion-icon[b-2fcz0eswak] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 10px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.09);
}

.ai-suggestion-card div[b-2fcz0eswak] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ai-suggestion-card strong[b-2fcz0eswak] {
    color: #f8fafc;
    font-size: 13px;
    font-weight: 900;
}

.ai-suggestion-card span[b-2fcz0eswak] {
    color: #71839c;
    font-size: 10px;
    line-height: 1.5;
}
.ai-workspace[b-2fcz0eswak] {
    display: flex;
    min-height: 520px;
    flex-direction: column;
    margin-top: 20px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 20px;
    background: radial-gradient( circle at 50% 0%, rgba(59, 130, 246, 0.09), transparent 42% ), linear-gradient( 180deg, #172943 0%, #122139 100% );
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.ai-conversation[b-2fcz0eswak] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 0;
    padding: 36px 32px;
    overflow-y: auto;
}

.ai-empty-state[b-2fcz0eswak] {
    max-width: 460px;
    text-align: center;
}

.ai-empty-icon[b-2fcz0eswak] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    margin: 0 auto;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 14px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.08);
}

.ai-empty-state h2[b-2fcz0eswak] {
    margin: 16px 0 0;
    color: #f8fafc;
    font-size: 22px;
    font-weight: 950;
}

.ai-empty-state p[b-2fcz0eswak] {
    margin: 9px 0 0;
    color: #7689a3;
    font-size: 12px;
    line-height: 1.65;
}


.ai-send-button[b-2fcz0eswak] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    place-items: center;
    border: none;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, #2563eb, #3b82f6 );
    cursor: pointer;
}

@media (max-width: 820px) {

    .ai-hero[b-2fcz0eswak] {
        flex-direction: column;
    }

    .ai-suggestions[b-2fcz0eswak] {
        grid-template-columns: 1fr;
    }

    .ai-hero h1[b-2fcz0eswak] {
        font-size: 36px;
    }
}


.ai-composer[b-2fcz0eswak] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid rgba(96, 165, 250, 0.12);
    background: rgba(8, 20, 37, 0.42);
}

.ai-composer-input[b-2fcz0eswak] {
    width: 100%;
    min-height: 54px;
    max-height: 150px;
    resize: none;
    padding: 16px;
    border: 1px solid rgba(96, 165, 250, 0.20);
    border-radius: 13px;
    outline: none;
    color: #f8fafc;
    background: rgba(6, 18, 34, 0.68);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

    .ai-composer-input:focus[b-2fcz0eswak] {
        border-color: rgba(96, 165, 250, 0.48);
        background: rgba(8, 23, 43, 0.90);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

.ai-thinking[b-2fcz0eswak] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
}

    .ai-thinking > span[b-2fcz0eswak] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #60a5fa;
        animation: ai-thinking-pulse-b-2fcz0eswak 1.2s ease-in-out infinite;
    }

        .ai-thinking > span:nth-child(2)[b-2fcz0eswak] {
            animation-delay: 120ms;
        }

        .ai-thinking > span:nth-child(3)[b-2fcz0eswak] {
            animation-delay: 240ms;
        }

    .ai-thinking small[b-2fcz0eswak] {
        margin-left: 7px;
        color: #7187a5;
        font-size: 10px;
    }

@keyframes ai-thinking-pulse-b-2fcz0eswak {

    0%, 60%, 100% {
        opacity: 0.30;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-3px);
    }
}

.ai-empty-hints[b-2fcz0eswak] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-top: 18px;
}

    .ai-empty-hints span[b-2fcz0eswak] {
        padding: 6px 10px;
        border: 1px solid rgba(96, 165, 250, 0.12);
        border-radius: 999px;
        color: #7f96b5;
        background: rgba(59, 130, 246, 0.05);
        font-size: 9px;
        font-weight: 700;
    }

.ai-messages[b-2fcz0eswak] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    gap: 28px;
}


/* USER */

.ai-message[b-2fcz0eswak] {
    display: flex;
    width: 100%;
}

.ai-message-user[b-2fcz0eswak] {
    justify-content: flex-end;
}

    .ai-message-user .ai-message-content[b-2fcz0eswak] {
        max-width: 660px;
    }

.ai-message-meta[b-2fcz0eswak] {
    margin-bottom: 7px;
    color: #7f94b2;
    font-size: 11px;
    font-weight: 800;
}

.ai-message-user .ai-message-meta[b-2fcz0eswak] {
    text-align: right;
}

.ai-user-bubble[b-2fcz0eswak] {
    padding: 14px 18px;
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 15px 15px 5px 15px;
    color: #f8fafc;
    background: linear-gradient( 135deg, rgba(37, 99, 235, 0.32), rgba(59, 130, 246, 0.17) );
    font-size: 13px;
    line-height: 1.65;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
}


/* ASSISTANT */

.ai-message-assistant[b-2fcz0eswak] {
    align-items: flex-start;
    gap: 13px;
}

.ai-assistant-avatar[b-2fcz0eswak] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    margin-top: 1px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 10px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.09);
}

.ai-message-assistant .ai-message-content[b-2fcz0eswak] {
    max-width: 760px;
    flex: 1;
}

.ai-assistant-response[b-2fcz0eswak] {
    padding: 16px 18px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 5px 15px 15px 15px;
    color: #b7c6da;
    background: rgba(7, 18, 35, 0.40);
    font-size: 13px;
    line-height: 1.75;
}

    .ai-assistant-response p[b-2fcz0eswak] {
        margin: 0;
    }

.ai-status-group[b-2fcz0eswak] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ai-usage[b-2fcz0eswak] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 105px;
    padding: 11px 14px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 12px;
    background: rgba(59, 130, 246, 0.04);
}

    .ai-usage span[b-2fcz0eswak] {
        color: #7187a5;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.6px;
    }

    .ai-usage strong[b-2fcz0eswak] {
        color: #dbeafe;
        font-size: 12px;
        font-weight: 900;
    }
/* /Components/Pages/Alerts.razor.rz.scp.css */
/* ==========================================================
   PAGE
   ========================================================== */

.signal-alerts-page[b-90sani2qhx] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 42px var(--content-padding) 64px;
}

.signal-alerts-loading[b-90sani2qhx] {
    width: 100%;
    padding: 80px 20px;
    color: var(--text-secondary);
    text-align: center;
}


/* ==========================================================
   HEADER
   ========================================================== */

.signal-alerts-header[b-90sani2qhx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 30px;
}

    .signal-alerts-header > div:first-child[b-90sani2qhx] {
        min-width: 0;
    }

.signal-alerts-eyebrow[b-90sani2qhx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #93c5fd;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.signal-alerts-header h1[b-90sani2qhx] {
    margin: 8px 0 0;
    color: var(--text);
    font-size: clamp(34px, 4vw, 52px);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -1.8px;
}

.signal-alerts-header p[b-90sani2qhx] {
    max-width: 620px;
    margin: 14px 0 0;
    color: var(--text-secondary);
    font-size: 14px;
    line-height: 1.65;
}


/* ==========================================================
   MASTER TOGGLE
   ========================================================== */

.signal-alerts-master-toggle[b-90sani2qhx] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    gap: 11px;
    padding: 0 15px;
    border: 1px solid rgba(34, 197, 94, 0.20);
    border-radius: 14px;
    color: #dfffea;
    background: linear-gradient( 145deg, rgba(34, 197, 94, 0.10), rgba(16, 185, 129, 0.035) );
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

    .signal-alerts-master-toggle input[b-90sani2qhx] {
        width: 16px;
        height: 16px;
        accent-color: #22c55e;
    }


/* ==========================================================
   MESSAGES
   ========================================================== */

.signal-alerts-message[b-90sani2qhx] {
    margin-bottom: 20px;
    padding: 13px 16px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 800;
}

.signal-alerts-message-success[b-90sani2qhx] {
    border: 1px solid rgba(34, 197, 94, 0.18);
    color: #86efac;
    background: rgba(34, 197, 94, 0.08);
}

.signal-alerts-message-error[b-90sani2qhx] {
    border: 1px solid rgba(239, 68, 68, 0.18);
    color: #fca5a5;
    background: rgba(239, 68, 68, 0.08);
}


/* ==========================================================
   GRID
   ========================================================== */

.signal-alerts-grid[b-90sani2qhx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}


/* ==========================================================
   CARDS
   ========================================================== */

.signal-alerts-card[b-90sani2qhx] {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 20px;
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.10), transparent 42% ), linear-gradient( 180deg, rgba(24, 38, 62, 0.98), rgba(15, 26, 45, 0.98) );
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.signal-alerts-card-heading[b-90sani2qhx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

    .signal-alerts-card-heading > div:first-child[b-90sani2qhx] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

.signal-alerts-card-label[b-90sani2qhx] {
    color: #6f83a2;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.signal-alerts-card h2[b-90sani2qhx] {
    margin: 0;
    color: #f8fafc;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.35px;
}

.signal-alerts-card-description[b-90sani2qhx] {
    margin: 0;
    color: #8190a8;
    font-size: 12px;
    line-height: 1.6;
}


/* ==========================================================
   SCORE
   ========================================================== */

.signal-alerts-score[b-90sani2qhx] {
    color: #60a5fa;
    font-size: 24px;
    font-weight: 950;
    line-height: 1;
}


/* ==========================================================
   INPUTS
   ========================================================== */

.signal-alerts-input[b-90sani2qhx],
.signal-alerts-textarea[b-90sani2qhx] {
    width: 100%;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    outline: none;
    color: #f8fafc;
    background: rgba(7, 16, 31, 0.72);
    font-size: 13px;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.signal-alerts-input[b-90sani2qhx] {
    min-height: 44px;
    padding: 0 13px;
}

.signal-alerts-textarea[b-90sani2qhx] {
    min-height: 96px;
    resize: vertical;
    padding: 12px 13px;
    line-height: 1.5;
}

    .signal-alerts-input:focus[b-90sani2qhx],
    .signal-alerts-textarea:focus[b-90sani2qhx] {
        border-color: rgba(96, 165, 250, 0.55);
        background: rgba(8, 19, 37, 0.92);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

    .signal-alerts-input[b-90sani2qhx]::placeholder,
    .signal-alerts-textarea[b-90sani2qhx]::placeholder {
        color: #4f5f78;
    }


/* ==========================================================
   HELP / LABELS
   ========================================================== */

.signal-alerts-help[b-90sani2qhx] {
    color: #586880;
    font-size: 10px;
    line-height: 1.5;
}

.signal-alerts-fields[b-90sani2qhx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

    .signal-alerts-fields > div[b-90sani2qhx] {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .signal-alerts-fields label[b-90sani2qhx] {
        color: #8795aa;
        font-size: 10px;
        font-weight: 850;
    }


/* ==========================================================
   SIGNAL OPTIONS
   ========================================================== */

.signal-alerts-options[b-90sani2qhx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.signal-alert-option[b-90sani2qhx] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

    .signal-alert-option:hover[b-90sani2qhx] {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.18);
        background: rgba(59, 130, 246, 0.045);
    }

    .signal-alert-option input[b-90sani2qhx] {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        margin-top: 2px;
        accent-color: #3b82f6;
    }

    .signal-alert-option > div[b-90sani2qhx] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .signal-alert-option strong[b-90sani2qhx] {
        color: #e2e8f0;
        font-size: 12px;
        font-weight: 900;
    }

    .signal-alert-option span[b-90sani2qhx] {
        color: #728198;
        font-size: 10px;
        line-height: 1.45;
    }


/* ==========================================================
   CHECKBOXES
   ========================================================== */

.signal-alerts-card-heading input[type="checkbox"][b-90sani2qhx] {
    width: 17px;
    height: 17px;
    accent-color: #3b82f6;
    cursor: pointer;
}


/* ==========================================================
   VALIDATION
   ========================================================== */

.signal-alerts-card[b-90sani2qhx]  .validation-message {
    color: #f87171;
    font-size: 10px;
    font-weight: 750;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.signal-alerts-actions[b-90sani2qhx] {
    display: flex;
    margin-top: 22px;
    justify-content: flex-end;
}

.signal-alerts-save[b-90sani2qhx] {
    display: inline-flex;
    min-width: 210px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 14px;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
    transition: transform var(--transition), box-shadow var(--transition), filter var(--transition);
}

    .signal-alerts-save:hover:not(:disabled)[b-90sani2qhx] {
        transform: translateY(-2px);
        filter: brightness(1.06);
        box-shadow: 0 22px 46px rgba(37, 99, 235, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }

    .signal-alerts-save:disabled[b-90sani2qhx] {
        cursor: not-allowed;
        opacity: 0.55;
    }


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {

    .signal-alerts-grid[b-90sani2qhx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {

    .signal-alerts-page[b-90sani2qhx] {
        padding-top: 28px;
        padding-bottom: 44px;
    }

    .signal-alerts-header[b-90sani2qhx] {
        flex-direction: column;
        margin-bottom: 24px;
    }

        .signal-alerts-header h1[b-90sani2qhx] {
            font-size: 36px;
        }

    .signal-alerts-master-toggle[b-90sani2qhx] {
        width: 100%;
        justify-content: space-between;
    }

    .signal-alerts-card[b-90sani2qhx] {
        padding: 18px;
        border-radius: 17px;
    }

    .signal-alerts-options[b-90sani2qhx],
    .signal-alerts-fields[b-90sani2qhx] {
        grid-template-columns: 1fr;
    }

    .signal-alerts-actions[b-90sani2qhx] {
        justify-content: stretch;
    }

    .signal-alerts-save[b-90sani2qhx] {
        width: 100%;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .signal-alert-option[b-90sani2qhx],
    .signal-alerts-save[b-90sani2qhx],
    .signal-alerts-input[b-90sani2qhx],
    .signal-alerts-textarea[b-90sani2qhx] {
        transition: none;
    }

        .signal-alert-option:hover[b-90sani2qhx],
        .signal-alerts-save:hover:not(:disabled)[b-90sani2qhx] {
            transform: none;
        }
}

[b-90sani2qhx] .signal-alerts-input {
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    outline: none;
    color: #f8fafc;
    background: rgba(7, 16, 31, 0.72);
    font-family: inherit;
    font-size: 13px;
}

    [b-90sani2qhx] .signal-alerts-input:focus {
        border-color: rgba(96, 165, 250, 0.55);
        background: rgba(8, 19, 37, 0.92);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

    [b-90sani2qhx] .signal-alerts-input::placeholder {
        color: #4f5f78;
    }

.signal-alerts-score-control[b-90sani2qhx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.signal-alerts-score-range[b-90sani2qhx] {
    width: 100%;
    height: 6px;
    appearance: none;
    border-radius: 999px;
    background: linear-gradient( 90deg, #2563eb, #3b82f6 55%, #22c55e );
    cursor: pointer;
}

    .signal-alerts-score-range[b-90sani2qhx]::-webkit-slider-thumb {
        width: 18px;
        height: 18px;
        appearance: none;
        border: 3px solid #0f1a2d;
        border-radius: 50%;
        background: #60a5fa;
        box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.25), 0 3px 10px rgba(0, 0, 0, 0.35);
    }

    .signal-alerts-score-range[b-90sani2qhx]::-moz-range-thumb {
        width: 18px;
        height: 18px;
        border: 3px solid #0f1a2d;
        border-radius: 50%;
        background: #60a5fa;
        box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.25);
    }

.signal-alerts-score-scale[b-90sani2qhx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #53637c;
    font-size: 9px;
    font-weight: 750;
}

[b-90sani2qhx] .signal-alerts-input {
    width: 100%;
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    outline: none;
    color: #f8fafc;
    background: rgba(7, 16, 31, 0.72);
    font-family: inherit;
    font-size: 13px;
}

[b-90sani2qhx] .signal-alerts-input:focus {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(8, 19, 37, 0.92);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
}

.signal-alerts-score-control[b-90sani2qhx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.signal-alerts-score-range[b-90sani2qhx] {
    width: 100%;
    height: 6px;
    appearance: none;
    border-radius: 999px;
    background: linear-gradient( 90deg, #2563eb, #3b82f6 55%, #22c55e );
    cursor: pointer;
}

    .signal-alerts-score-range[b-90sani2qhx]::-webkit-slider-thumb {
        width: 18px;
        height: 18px;
        appearance: none;
        border: 3px solid #0f1a2d;
        border-radius: 50%;
        background: #60a5fa;
        box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.25), 0 3px 10px rgba(0, 0, 0, 0.35);
    }

    .signal-alerts-score-range[b-90sani2qhx]::-moz-range-thumb {
        width: 18px;
        height: 18px;
        border: 3px solid #0f1a2d;
        border-radius: 50%;
        background: #60a5fa;
    }

.signal-alerts-score-scale[b-90sani2qhx] {
    display: flex;
    justify-content: space-between;
    color: #53637c;
    font-size: 9px;
    font-weight: 750;
}

.signal-alerts-market-count[b-90sani2qhx] {
    color: #60a5fa;
    font-size: 10px;
    font-weight: 900;
}

.signal-alerts-market-chips[b-90sani2qhx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.signal-alerts-market-chip[b-90sani2qhx] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 9px;
    padding: 0 11px;
    border: 1px solid rgba(96, 165, 250, 0.20);
    border-radius: 10px;
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.09);
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

    .signal-alerts-market-chip:hover[b-90sani2qhx] {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.45);
        background: rgba(59, 130, 246, 0.14);
    }

    .signal-alerts-market-chip span:last-child[b-90sani2qhx] {
        color: #60a5fa;
        font-size: 15px;
        line-height: 1;
    }

.signal-alerts-all-markets[b-90sani2qhx] {
    padding: 13px 14px;
    border: 1px dashed rgba(96, 165, 250, 0.18);
    border-radius: 12px;
    color: #6f83a2;
    background: rgba(59, 130, 246, 0.035);
    font-size: 11px;
}

.signal-alerts-market-add[b-90sani2qhx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.signal-alerts-market-select[b-90sani2qhx] {
    min-height: 44px;
    width: 100%;
    padding: 0 12px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    outline: none;
    color: #f8fafc;
    background: rgba(7, 16, 31, 0.72);
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
}

    .signal-alerts-market-select:focus[b-90sani2qhx] {
        border-color: rgba(96, 165, 250, 0.55);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
    }

.signal-alerts-market-add-button[b-90sani2qhx] {
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, rgba(37, 99, 235, 0.90), rgba(59, 130, 246, 0.90) );
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

    .signal-alerts-market-add-button:disabled[b-90sani2qhx] {
        cursor: not-allowed;
        opacity: 0.45;
    }

@media (max-width: 640px) {

    .signal-alerts-market-add[b-90sani2qhx] {
        grid-template-columns: 1fr;
    }

    .signal-alerts-market-add-button[b-90sani2qhx] {
        width: 100%;
    }
}

.signal-alerts-recent[b-90sani2qhx] {
    margin-top: 48px;
    padding-top: 36px;
    border-top: 1px solid rgba(120, 151, 196, 0.16);
}

.signal-alerts-recent-header[b-90sani2qhx] {
    margin-bottom: 20px;
}

    .signal-alerts-recent-header h2[b-90sani2qhx] {
        margin: 6px 0 6px;
        font-size: 24px;
        color: #f4f7ff;
    }

    .signal-alerts-recent-header p[b-90sani2qhx] {
        margin: 0;
        color: #8fa3c2;
        font-size: 14px;
    }

.signal-alerts-recent-list[b-90sani2qhx] {
    display: grid;
    gap: 12px;
}

.signal-alerts-match[b-90sani2qhx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 28px;
    padding: 18px 22px;
    border: 1px solid rgba(120, 151, 196, 0.16);
    border-radius: 16px;
    background: rgba(19, 37, 62, 0.82);
}

.signal-alerts-match-market[b-90sani2qhx] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.signal-alerts-match-symbol[b-90sani2qhx] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    border: 1px solid rgba(69, 145, 255, 0.28);
    background: rgba(43, 112, 214, 0.13);
    color: #62a5ff;
    font-weight: 800;
}

.signal-alerts-match-market strong[b-90sani2qhx] {
    display: block;
    color: #f5f8ff;
    font-size: 16px;
}

.signal-alerts-match-market span[b-90sani2qhx] {
    display: block;
    margin-top: 4px;
    color: #7387a6;
    font-size: 12px;
}

.signal-alerts-match-score[b-90sani2qhx] {
    text-align: right;
}

    .signal-alerts-match-score span[b-90sani2qhx] {
        display: block;
        color: #7187a8;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.08em;
    }

    .signal-alerts-match-score strong[b-90sani2qhx] {
        display: block;
        margin-top: 3px;
        color: #f5f8ff;
        font-size: 20px;
    }

.signal-alerts-match-action[b-90sani2qhx] {
    min-width: 64px;
    padding: 7px 10px;
    border-radius: 999px;
    text-align: center;
    font-size: 10px;
    font-weight: 800;
}

.signal-alerts-match-action-buy[b-90sani2qhx] {
    color: #27db85;
    background: rgba(20, 190, 115, 0.1);
    border: 1px solid rgba(20, 190, 115, 0.24);
}

.signal-alerts-match-action-sell[b-90sani2qhx] {
    color: #ff6b7d;
    background: rgba(255, 75, 100, 0.1);
    border: 1px solid rgba(255, 75, 100, 0.22);
}

@media (max-width: 700px) {
    .signal-alerts-match[b-90sani2qhx] {
        grid-template-columns: 1fr auto;
        gap: 14px;
    }

    .signal-alerts-match-score[b-90sani2qhx] {
        display: none;
    }
}

.signal-alerts-upgrade-page[b-90sani2qhx] {
    display: flex;
    width: 100%;
    min-height: calc(100svh - 120px);
    align-items: center;
    justify-content: center;
    padding: 60px var(--content-padding);
}

.signal-alerts-upgrade-card[b-90sani2qhx] {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 720px;
    flex-direction: column;
    align-items: center;
    padding: 44px 42px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 26px;
    background: radial-gradient( circle at top, rgba(37, 99, 235, 0.14), transparent 38% ), radial-gradient( circle at bottom right, rgba(124, 58, 237, 0.08), transparent 42% ), linear-gradient( 180deg, rgba(24, 38, 62, 0.98), rgba(12, 23, 41, 0.98) );
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    text-align: center;
}

.signal-alerts-upgrade-icon[b-90sani2qhx] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    margin-bottom: 18px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 18px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.11);
    box-shadow: 0 0 28px rgba(37, 99, 235, 0.09);
}

.signal-alerts-pro-badge[b-90sani2qhx] {
    display: inline-flex;
    margin-top: 14px;
    padding: 5px 10px;
    border: 1px solid rgba(168, 85, 247, 0.22);
    border-radius: 999px;
    color: #c4b5fd;
    background: rgba(124, 58, 237, 0.10);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 1px;
}

.signal-alerts-upgrade-card h1[b-90sani2qhx] {
    max-width: 580px;
    margin: 18px 0 0;
    color: #f8fafc;
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -1.6px;
}

.signal-alerts-upgrade-description[b-90sani2qhx] {
    max-width: 570px;
    margin: 18px 0 0;
    color: #90a2bb;
    font-size: 14px;
    line-height: 1.7;
}

.signal-alerts-upgrade-features[b-90sani2qhx] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin-top: 30px;
    text-align: left;
}

    .signal-alerts-upgrade-features > div[b-90sani2qhx] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 48px;
        padding: 10px 13px;
        border: 1px solid rgba(255, 255, 255, 0.055);
        border-radius: 12px;
        color: #aebbd0;
        background: rgba(255, 255, 255, 0.025);
        font-size: 11px;
        font-weight: 750;
    }

.signal-alerts-upgrade-check[b-90sani2qhx] {
    display: grid;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    place-items: center;
    border-radius: 8px;
    color: #22c55e;
    background: rgba(34, 197, 94, 0.10);
}

.signal-alerts-upgrade-button[b-90sani2qhx] {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 30px;
    padding: 0 22px;
    border: 1px solid rgba(96, 165, 250, 0.30);
    border-radius: 14px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.13);
    font-size: 12px;
    font-weight: 950;
    text-decoration: none !important;
    transition: transform var(--transition), filter var(--transition), box-shadow var(--transition);
}

    .signal-alerts-upgrade-button:hover[b-90sani2qhx] {
        transform: translateY(-2px);
        filter: brightness(1.06);
        box-shadow: 0 22px 48px rgba(37, 99, 235, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }

.signal-alerts-upgrade-price[b-90sani2qhx] {
    margin-top: 13px;
    color: #60718a;
    font-size: 10px;
    font-weight: 750;
}

@media (max-width: 640px) {

    .signal-alerts-upgrade-page[b-90sani2qhx] {
        padding-top: 34px;
        padding-bottom: 44px;
    }

    .signal-alerts-upgrade-card[b-90sani2qhx] {
        padding: 30px 20px;
        border-radius: 21px;
    }

    .signal-alerts-upgrade-features[b-90sani2qhx] {
        grid-template-columns: 1fr;
    }

    .signal-alerts-upgrade-button[b-90sani2qhx] {
        width: 100%;
    }
}
/* /Components/Pages/Billing/BillingSuccess.razor.rz.scp.css */
.billing-success-page[b-aahrlqxcft] {
    display: flex;
    min-height: calc(100svh - 120px);
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
}

.billing-success-card[b-aahrlqxcft] {
    display: flex;
    width: 100%;
    max-width: 640px;
    flex-direction: column;
    align-items: center;
    padding: 42px 36px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 24px;
    background: radial-gradient( circle at top, rgba(34, 197, 94, 0.10), transparent 35% ), linear-gradient( 180deg, rgba(24, 38, 62, 0.98), rgba(12, 23, 41, 0.98) );
    text-align: center;
}

.billing-success-icon[b-aahrlqxcft] {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border-radius: 50%;
    color: #22c55e;
    background: rgba(34, 197, 94, 0.10);
    font-size: 24px;
    font-weight: 900;
}

.billing-success-eyebrow[b-aahrlqxcft] {
    margin-top: 18px;
    color: #60a5fa;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1px;
}

.billing-success-card h1[b-aahrlqxcft] {
    margin: 14px 0 0;
    color: #f8fafc;
    font-size: 38px;
    font-weight: 950;
}

.billing-success-card p[b-aahrlqxcft] {
    max-width: 520px;
    margin: 16px 0 0;
    color: #91a3bd;
    font-size: 13px;
    line-height: 1.7;
}

.billing-success-status[b-aahrlqxcft] {
    margin-top: 24px;
    padding: 10px 14px;
    border-radius: 10px;
    color: #aab8cb;
    background: rgba(255, 255, 255, 0.035);
    font-size: 11px;
    font-weight: 800;
}

.billing-success-status-active[b-aahrlqxcft] {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.08);
}

.billing-success-button[b-aahrlqxcft] {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    padding: 0 20px;
    border-radius: 12px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    font-size: 11px;
    font-weight: 900;
    text-decoration: none !important;
}
/* /Components/Pages/Contacts.razor.rz.scp.css */
/* ==========================================================
   PAGE
   ========================================================== */

.contact-page[b-nsro36rmsg] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 84px);
    overflow: hidden;
    padding: clamp(72px, 6vw, 96px) var(--content-padding) clamp(80px, 7vw, 110px);
    background: radial-gradient( circle at 16% 20%, rgba(37, 99, 235, 0.10), transparent 34% ), radial-gradient( circle at 86% 28%, rgba(124, 58, 237, 0.06), transparent 34% ), linear-gradient( 180deg, var(--bg-1), var(--bg-2) );
}

    .contact-page[b-nsro36rmsg]::before {
        position: absolute;
        inset: 0;
        pointer-events: none;
        content: "";
        opacity: 0.07;
        background-image: linear-gradient( rgba(255, 255, 255, 0.02) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px );
        background-size: 72px 72px;
    }


/* ==========================================================
   CONTAINER
   ========================================================== */

.contact-container[b-nsro36rmsg] {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.contact-header[b-nsro36rmsg] {
    display: flex;
    max-width: 760px;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.contact-eyebrow[b-nsro36rmsg] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.07);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.contact-header h1[b-nsro36rmsg] {
    margin: 22px 0 0;
    color: var(--text);
    font-size: clamp( 46px, 5vw, 72px );
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: clamp( -3.5px, -0.3vw, -2px );
}

.contact-header p[b-nsro36rmsg] {
    max-width: 680px;
    margin: 20px 0 0;
    color: var(--text-secondary);
    font-size: clamp( 15px, 1.1vw, 17px );
    line-height: 1.75;
}


/* ==========================================================
   GRID
   ========================================================== */

.contact-grid[b-nsro36rmsg] {
    display: grid;
    margin-top: clamp( 52px, 5vw, 70px );
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}


/* ==========================================================
   CARD
   ========================================================== */

.contact-card[b-nsro36rmsg] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 250px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--border-medium);
    border-radius: 18px;
    background: linear-gradient( 145deg, rgba(22, 36, 60, 0.90), rgba(12, 23, 42, 0.94) );
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

    .contact-card:hover[b-nsro36rmsg] {
        transform: translateY(-3px);
        border-color: rgba(96, 165, 250, 0.24);
        box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28), 0 0 28px rgba(37, 99, 235, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }


/* ==========================================================
   ICON
   ========================================================== */

.contact-card-icon[b-nsro36rmsg] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 13px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}


/* ==========================================================
   CONTENT
   ========================================================== */

.contact-card h2[b-nsro36rmsg] {
    margin: 20px 0 0;
    color: var(--text);
    font-size: 20px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: -0.4px;
}

.contact-card p[b-nsro36rmsg] {
    margin: 12px 0 0;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.7;
}

.contact-card a[b-nsro36rmsg] {
    width: fit-content;
    margin-top: auto;
    padding-top: 22px;
    color: var(--primary-light);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: color 160ms ease;
}

    .contact-card a:hover[b-nsro36rmsg] {
        color: #ffffff;
    }


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 980px) {

    .contact-grid[b-nsro36rmsg] {
        grid-template-columns: 1fr;
    }

    .contact-card[b-nsro36rmsg] {
        min-height: auto;
    }
}


@media (max-width: 640px) {

    .contact-page[b-nsro36rmsg] {
        padding: 58px var(--content-padding) 72px;
    }

    .contact-header h1[b-nsro36rmsg] {
        margin-top: 18px;
        font-size: clamp( 42px, 11vw, 58px );
        letter-spacing: -2.5px;
    }

    .contact-header p[b-nsro36rmsg] {
        font-size: 15px;
    }

    .contact-grid[b-nsro36rmsg] {
        margin-top: 42px;
        gap: 14px;
    }

    .contact-card[b-nsro36rmsg] {
        padding: 22px;
        border-radius: 15px;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .contact-card[b-nsro36rmsg],
    .contact-card a[b-nsro36rmsg] {
        transition: none;
    }

        .contact-card:hover[b-nsro36rmsg] {
            transform: none;
        }
}

/* ==========================================================
   PRIMARY CONTACT ACTION
   ========================================================== */

.contact-primary-action[b-nsro36rmsg] {
    display: flex;
    margin-top: 18px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 22px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 16px;
    background: linear-gradient( 135deg, rgba(20, 38, 65, 0.92), rgba(12, 25, 45, 0.94) );
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.contact-primary-action-copy[b-nsro36rmsg] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
}

.contact-primary-action-icon[b-nsro36rmsg] {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 12px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.09);
}

.contact-primary-action-copy > div[b-nsro36rmsg] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.contact-primary-action-copy strong[b-nsro36rmsg] {
    color: var(--text);
    font-size: 13px;
    font-weight: 900;
}

.contact-primary-action-copy span[b-nsro36rmsg] {
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.5;
}

.contact-email-button[b-nsro36rmsg] {
    display: inline-flex;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient( 135deg, #2563eb, #3b82f6 );
    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.18);
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

    .contact-email-button:hover[b-nsro36rmsg] {
        transform: translateY(-1px);
        color: #ffffff;
        filter: brightness(1.06);
        box-shadow: 0 14px 32px rgba(37, 99, 235, 0.26);
    }

@media (max-width: 640px) {

    .contact-primary-action[b-nsro36rmsg] {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-email-button[b-nsro36rmsg] {
        width: 100%;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* ==========================================================
   PAGE
   ========================================================== */

.dashboard-page[b-xp3kql66zk] {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1720px;
    min-width: 0;
    margin: 0 auto;
    padding: 28px clamp(20px, 2.5vw, 38px) 52px;
    flex-direction: column;
    gap: 28px;
}

    .dashboard-page > *[b-xp3kql66zk] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

/* ==========================================================
   SUMMARY
   ========================================================== */

.dashboard-summary[b-xp3kql66zk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.dashboard-summary-card[b-xp3kql66zk] {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-lg);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.045), transparent 44% ), linear-gradient( 160deg, rgba(25, 38, 62, 0.96), rgba(15, 25, 43, 0.98) );
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .dashboard-summary-card:hover[b-xp3kql66zk] {
        transform: translateY(-3px);
        border-color: rgba(96, 165, 250, 0.18);
        box-shadow: 0 19px 42px rgba(0, 0, 0, 0.26), 0 0 30px rgba(59, 130, 246, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

.dashboard-summary-icon[b-xp3kql66zk] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: 14px;
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
    box-shadow: 0 11px 24px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dashboard-summary-icon-primary[b-xp3kql66zk] {
    color: var(--primary-light);
    border-color: rgba(96, 165, 250, 0.18);
    background: var(--primary-soft);
}

.dashboard-summary-icon-success[b-xp3kql66zk] {
    color: var(--success);
    border-color: rgba(34, 197, 94, 0.16);
    background: var(--success-soft);
}

.dashboard-summary-icon-purple[b-xp3kql66zk] {
    color: var(--brand-purple-light);
    border-color: rgba(192, 132, 252, 0.17);
    background: rgba(168, 85, 247, 0.09);
}

.dashboard-summary-icon-warning[b-xp3kql66zk] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.16);
    background: rgba(245, 158, 11, 0.08);
}

.dashboard-summary-card > div[b-xp3kql66zk] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: 3px 10px;
}

    .dashboard-summary-card > div > span[b-xp3kql66zk] {
        min-width: 0;
        color: var(--text-muted);
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }

    .dashboard-summary-card > div > strong[b-xp3kql66zk] {
        grid-row: 1 / span 2;
        grid-column: 2;
        color: var(--text);
        font-size: clamp( 22px, 2vw, 31px );
        font-weight: 950;
        line-height: 1;
        letter-spacing: -0.9px;
    }

    .dashboard-summary-card > div > small[b-xp3kql66zk] {
        min-width: 0;
        overflow: hidden;
        color: var(--text-subtle);
        font-size: 9px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* ==========================================================
   SECTION HEADER
   ========================================================== */

.dashboard-section-header[b-xp3kql66zk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
}

    .dashboard-section-header > div[b-xp3kql66zk] {
        display: flex;
        min-width: 0;
        flex-direction: column;
    }

    .dashboard-section-header h2[b-xp3kql66zk],
    .dashboard-panel-header h2[b-xp3kql66zk] {
        margin: 6px 0 0;
        color: var(--text);
        font-size: clamp( 22px, 2vw, 30px );
        font-weight: 950;
        line-height: 1.15;
        letter-spacing: -0.7px;
    }

.dashboard-section-link[b-xp3kql66zk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--text-muted) !important;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
    text-decoration: none !important;
    transition: color var(--transition), transform var(--transition);
}

    .dashboard-section-link:hover[b-xp3kql66zk] {
        transform: translateX(3px);
        color: var(--primary-light) !important;
    }

/* ==========================================================
   PRIORITY
   ========================================================== */

.dashboard-priority[b-xp3kql66zk] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 15px;
}

    .dashboard-priority[b-xp3kql66zk]  .opportunity-card {
        width: 100%;
        max-width: none;
        box-shadow: 0 20px 52px rgba(0, 0, 0, 0.25), 0 46px 100px rgba(0, 0, 0, 0.29), 0 0 52px rgba(37, 99, 235, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

/* ==========================================================
   TWO-COLUMN GRID
   ========================================================== */

.dashboard-grid[b-xp3kql66zk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

/* ==========================================================
   PANELS
   ========================================================== */

.dashboard-panel[b-xp3kql66zk] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 23px;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.06), transparent 42% ), linear-gradient( 160deg, rgba(25, 39, 65, 0.97), rgba(15, 25, 44, 0.99) );
    box-shadow: 0 17px 42px rgba(0, 0, 0, 0.22), 0 40px 86px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.dashboard-market-pulse[b-xp3kql66zk] {
    border-color: rgba(96, 165, 250, 0.17);
}

.dashboard-ai-panel[b-xp3kql66zk] {
    border-color: rgba(192, 132, 252, 0.16);
    background: radial-gradient( circle at top right, rgba(168, 85, 247, 0.1), transparent 42% ), radial-gradient( circle at bottom left, rgba(59, 130, 246, 0.055), transparent 38% ), linear-gradient( 160deg, rgba(27, 39, 67, 0.98), rgba(16, 25, 45, 0.99) );
}

.dashboard-panel-header[b-xp3kql66zk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.dashboard-live-badge[b-xp3kql66zk] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(34, 197, 94, 0.15);
    border-radius: var(--radius-pill);
    color: var(--success);
    background: var(--success-soft);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

    .dashboard-live-badge > span[b-xp3kql66zk] {
        width: 7px;
        height: 7px;
        flex: 0 0 7px;
        border-radius: 50%;
        background: var(--success);
        box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.07), 0 0 10px rgba(34, 197, 94, 0.58);
        animation: dashboard-live-pulse-b-xp3kql66zk 2.6s ease-in-out infinite;
    }

.dashboard-ai-icon[b-xp3kql66zk] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(192, 132, 252, 0.18);
    border-radius: 13px;
    color: var(--brand-purple-light);
    background: rgba(168, 85, 247, 0.09);
}

/* ==========================================================
   MARKET PULSE
   ========================================================== */

.dashboard-market-state[b-xp3kql66zk] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 15px;
    padding: 17px;
    border: 1px solid rgba(34, 197, 94, 0.13);
    border-radius: var(--radius-lg);
    background: linear-gradient( 145deg, rgba(34, 197, 94, 0.075), rgba(34, 197, 94, 0.025) );
}

.dashboard-market-state-icon[b-xp3kql66zk] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(34, 197, 94, 0.15);
    border-radius: 15px;
    color: var(--success);
    background: var(--success-soft);
}

.dashboard-market-state > div[b-xp3kql66zk] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.dashboard-market-state strong[b-xp3kql66zk] {
    color: var(--text);
    font-size: 15px;
    font-weight: 950;
}

.dashboard-market-state p[b-xp3kql66zk] {
    margin: 0;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.58;
}

.dashboard-market-metrics[b-xp3kql66zk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

    .dashboard-market-metrics > div[b-xp3kql66zk] {
        display: flex;
        min-width: 0;
        padding: 14px;
        flex-direction: column;
        gap: 6px;
        border: 1px solid var(--border-soft);
        border-radius: var(--radius-md);
        background: rgba(255, 255, 255, 0.022);
    }

    .dashboard-market-metrics span[b-xp3kql66zk] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.55px;
        text-transform: uppercase;
    }

    .dashboard-market-metrics strong[b-xp3kql66zk] {
        color: var(--text-secondary);
        font-size: 12px;
        font-weight: 900;
    }

.dashboard-positive[b-xp3kql66zk] {
    color: var(--success) !important;
}

/* ==========================================================
   AI ANALYST
   ========================================================== */

.dashboard-ai-summary[b-xp3kql66zk] {
    margin: 0;
    color: #c8bdd9;
    font-size: 12px;
    line-height: 1.72;
}

.dashboard-ai-signals[b-xp3kql66zk] {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    gap: 9px;
    list-style: none;
}

    .dashboard-ai-signals li[b-xp3kql66zk] {
        display: grid;
        grid-template-columns: 26px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        color: var(--text-secondary);
        font-size: 11px;
        line-height: 1.5;
    }

        .dashboard-ai-signals li :deep(svg)[b-xp3kql66zk] {
            display: block;
            padding: 5px;
            box-sizing: content-box;
            border: 1px solid rgba(34, 197, 94, 0.11);
            border-radius: 8px;
            color: var(--success);
            background: var(--success-soft);
        }

/* ==========================================================
   RECENT OPPORTUNITIES
   ========================================================== */

.dashboard-recent[b-xp3kql66zk] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dashboard-recent-list[b-xp3kql66zk] {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: linear-gradient( 160deg, rgba(24, 38, 63, 0.96), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.21), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dashboard-recent-item[b-xp3kql66zk] {
    display: grid;
    min-width: 0;
    grid-template-columns: 44px minmax(190px, 1.4fr) 78px 82px 90px 34px;
    align-items: center;
    gap: 14px;
    padding: 14px 17px;
    border-bottom: 1px solid var(--border-soft);
    transition: background var(--transition), border-color var(--transition);
}

    .dashboard-recent-item:last-child[b-xp3kql66zk] {
        border-bottom: 0;
    }

    .dashboard-recent-item:hover[b-xp3kql66zk] {
        background: rgba(255, 255, 255, 0.027);
    }

.dashboard-recent-symbol[b-xp3kql66zk] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid var(--border-medium);
    border-radius: 13px;
    color: var(--text);
    background: linear-gradient( 145deg, var(--card-light), var(--card) );
    font-size: 14px;
    font-weight: 950;
}

.dashboard-recent-symbol-btc[b-xp3kql66zk] {
    color: #f59e0b;
}

.dashboard-recent-symbol-eth[b-xp3kql66zk] {
    color: #a78bfa;
}

.dashboard-recent-symbol-sol[b-xp3kql66zk] {
    color: #67e8f9;
}

.dashboard-recent-symbol-xrp[b-xp3kql66zk] {
    color: #e2e8f0;
}

.dashboard-recent-market[b-xp3kql66zk] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

    .dashboard-recent-market strong[b-xp3kql66zk] {
        overflow: hidden;
        color: var(--text);
        font-size: 12px;
        font-weight: 950;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .dashboard-recent-market span[b-xp3kql66zk] {
        overflow: hidden;
        color: var(--text-subtle);
        font-size: 9px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.dashboard-action[b-xp3kql66zk] {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 0.6px;
}

.dashboard-action-buy[b-xp3kql66zk] {
    color: var(--success);
    background: var(--success-soft);
}

.dashboard-action-sell[b-xp3kql66zk] {
    color: var(--danger);
    background: var(--danger-soft);
}

.dashboard-action-hold[b-xp3kql66zk] {
    color: var(--warning);
    background: rgba(245, 158, 11, 0.08);
}

.dashboard-recent-score[b-xp3kql66zk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

    .dashboard-recent-score span[b-xp3kql66zk] {
        color: var(--text-subtle);
        font-size: 7px;
        font-weight: 850;
        letter-spacing: 0.6px;
        text-transform: uppercase;
    }

    .dashboard-recent-score strong[b-xp3kql66zk] {
        color: var(--text);
        font-size: 15px;
        font-weight: 950;
    }

.dashboard-recent-time[b-xp3kql66zk] {
    color: var(--text-subtle);
    font-size: 9px;
    font-weight: 750;
    white-space: nowrap;
}

.dashboard-recent-item > a[b-xp3kql66zk] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    color: var(--text-muted) !important;
    background: rgba(255, 255, 255, 0.02);
    text-decoration: none !important;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

    .dashboard-recent-item > a:hover[b-xp3kql66zk] {
        transform: translateY(-2px);
        color: var(--primary-light) !important;
        border-color: rgba(96, 165, 250, 0.18);
        background: var(--primary-soft);
    }

/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes dashboard-live-pulse-b-xp3kql66zk {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.18);
        opacity: 0.76;
    }
}

/* ==========================================================
   LARGE TABLET
   ========================================================== */

@media (max-width: 1280px) {
    .dashboard-summary[b-xp3kql66zk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-header[b-xp3kql66zk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-header-actions[b-xp3kql66zk] {
        justify-content: flex-start;
    }
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 980px) {
    .dashboard-page[b-xp3kql66zk] {
        padding: 22px 20px 44px;
        gap: 24px;
    }

    .dashboard-grid[b-xp3kql66zk] {
        grid-template-columns: 1fr;
    }

    .dashboard-recent-item[b-xp3kql66zk] {
        grid-template-columns: 42px minmax(160px, 1fr) 72px 72px 32px;
    }

    .dashboard-recent-time[b-xp3kql66zk] {
        display: none;
    }
}

/* ==========================================================
   SMALL TABLET
   ========================================================== */

@media (max-width: 760px) {
    .dashboard-summary[b-xp3kql66zk] {
        grid-template-columns: 1fr;
    }

    .dashboard-header-actions[b-xp3kql66zk] {
        width: 100%;
    }

    .dashboard-primary-action[b-xp3kql66zk],
    .dashboard-secondary-action[b-xp3kql66zk] {
        flex: 1;
    }

    .dashboard-section-header[b-xp3kql66zk] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .dashboard-market-metrics[b-xp3kql66zk] {
        grid-template-columns: 1fr;
    }

    .dashboard-recent-item[b-xp3kql66zk] {
        grid-template-columns: 42px minmax(0, 1fr) 70px 32px;
        gap: 11px;
    }

    .dashboard-recent-score[b-xp3kql66zk] {
        display: none;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 560px) {
    .dashboard-page[b-xp3kql66zk] {
        padding: 18px 14px 36px;
        gap: 20px;
    }

    .dashboard-header[b-xp3kql66zk] {
        padding-top: 12px;
        gap: 22px;
    }

        .dashboard-header h1[b-xp3kql66zk] {
            font-size: clamp( 32px, 10vw, 43px );
        }

    .dashboard-header-actions[b-xp3kql66zk] {
        flex-direction: column;
    }

    .dashboard-primary-action[b-xp3kql66zk],
    .dashboard-secondary-action[b-xp3kql66zk] {
        width: 100%;
    }

    .dashboard-summary-card[b-xp3kql66zk] {
        padding: 15px;
    }

    .dashboard-panel[b-xp3kql66zk] {
        padding: 18px;
        border-radius: var(--radius-lg);
    }

    .dashboard-market-state[b-xp3kql66zk] {
        grid-template-columns: 46px minmax(0, 1fr);
        padding: 14px;
    }

    .dashboard-market-state-icon[b-xp3kql66zk] {
        width: 44px;
        height: 44px;
    }

    .dashboard-recent-list[b-xp3kql66zk] {
        border-radius: var(--radius-lg);
    }

    .dashboard-recent-item[b-xp3kql66zk] {
        grid-template-columns: 40px minmax(0, 1fr) 32px;
        padding: 13px 14px;
    }

    .dashboard-action[b-xp3kql66zk] {
        display: none;
    }

    .dashboard-recent-symbol[b-xp3kql66zk] {
        width: 38px;
        height: 38px;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .dashboard-live-badge > span[b-xp3kql66zk] {
        animation: none;
    }

    .dashboard-summary-card[b-xp3kql66zk],
    .dashboard-primary-action[b-xp3kql66zk],
    .dashboard-secondary-action[b-xp3kql66zk],
    .dashboard-section-link[b-xp3kql66zk],
    .dashboard-recent-item[b-xp3kql66zk],
    .dashboard-recent-item > a[b-xp3kql66zk] {
        transition: none;
    }

        .dashboard-summary-card:hover[b-xp3kql66zk],
        .dashboard-primary-action:hover[b-xp3kql66zk],
        .dashboard-secondary-action:hover[b-xp3kql66zk],
        .dashboard-section-link:hover[b-xp3kql66zk],
        .dashboard-recent-item > a:hover[b-xp3kql66zk] {
            transform: none;
        }
}


@keyframes dashboard-scan-spin-b-xp3kql66zk {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */

.home-page[b-gzw8aqyu94] {
    display: block;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    background: #020617;
}

@media (max-width: 1100px) {
    .home-page[b-gzw8aqyu94] {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }
}
/* /Components/Pages/Markets.razor.rz.scp.css */
.markets-page[b-c98oaxts32] {
    display: flex;
    width: 100%;
    max-width: 1500px;
    min-width: 0;
    margin: 0 auto;
    padding: 32px;
    flex-direction: column;
    gap: 24px;
}

.markets-header[b-c98oaxts32] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.markets-eyebrow[b-c98oaxts32] {
    color: #60a5fa;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.markets-header h1[b-c98oaxts32] {
    margin: 7px 0 0;
    color: #f8fafc;
    font-size: clamp(34px, 5vw, 48px);
    font-weight: 950;
    letter-spacing: -1.5px;
}

.markets-header p[b-c98oaxts32] {
    max-width: 720px;
    margin: 9px 0 0;
    color: #7c8aa0;
    font-size: 13px;
    line-height: 1.65;
}

.markets-header-actions[b-c98oaxts32] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.markets-refresh-button[b-c98oaxts32],
.markets-alerts-button[b-c98oaxts32] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 11px;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.markets-refresh-button[b-c98oaxts32] {
    border: 1px solid rgba(255, 255, 255, 0.07);
    color: #cbd5e1;
    background: rgba(255, 255, 255, 0.02);
}

.markets-alerts-button[b-c98oaxts32] {
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
}

.markets-summary-grid[b-c98oaxts32] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.market-summary-card[b-c98oaxts32] {
    display: flex;
    min-width: 0;
    padding: 18px;
    flex-direction: column;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    background: rgba(15, 23, 42, 0.72);
}

.market-summary-label[b-c98oaxts32] {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.market-summary-card strong[b-c98oaxts32] {
    color: #f8fafc;
    font-size: 27px;
    font-weight: 900;
}

.market-summary-card small[b-c98oaxts32] {
    color: #475569;
    font-size: 10px;
}

.markets-table-card[b-c98oaxts32] {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.76);
}

.markets-table-header[b-c98oaxts32] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

    .markets-table-header h2[b-c98oaxts32] {
        margin: 0;
        color: #f8fafc;
        font-size: 18px;
        font-weight: 850;
    }

    .markets-table-header p[b-c98oaxts32] {
        margin: 5px 0 0;
        color: #64748b;
        font-size: 11px;
    }

.markets-filter[b-c98oaxts32] {
    display: flex;
    gap: 5px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.018);
}

    .markets-filter button[b-c98oaxts32] {
        min-height: 32px;
        padding: 0 12px;
        border: 0;
        border-radius: 8px;
        color: #64748b;
        background: transparent;
        font: inherit;
        font-size: 9px;
        font-weight: 800;
        cursor: pointer;
    }

        .markets-filter button.active[b-c98oaxts32] {
            color: #60a5fa;
            background: rgba(59, 130, 246, 0.09);
        }

.markets-table[b-c98oaxts32] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.markets-table-head[b-c98oaxts32],
.markets-table-row[b-c98oaxts32] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(110px, 0.75fr) minmax(110px, 0.65fr) minmax(190px, 1.1fr) minmax(120px, 0.75fr) minmax(120px, 0.7fr);
    align-items: center;
    column-gap: 24px;
}

.markets-table-head[b-c98oaxts32] {
    padding: 0 14px 11px;
    color: #475569;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.markets-table-row[b-c98oaxts32] {
    min-height: 76px;
    padding: 13px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
}

.market-pair[b-c98oaxts32] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

    .market-pair > span:last-child[b-c98oaxts32],
    .market-price[b-c98oaxts32],
    .market-confidence[b-c98oaxts32],
    .markets-table-row > div:nth-child(6)[b-c98oaxts32] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 4px;
    }

        .market-pair strong[b-c98oaxts32],
        .market-price strong[b-c98oaxts32],
        .market-confidence strong[b-c98oaxts32],
        .markets-table-row > div:nth-child(6) strong[b-c98oaxts32] {
            color: #e2e8f0;
            font-size: 11px;
        }

        .market-pair small[b-c98oaxts32],
        .market-price small[b-c98oaxts32],
        .markets-table-row > div:nth-child(6) small[b-c98oaxts32] {
            color: #475569;
            font-size: 9px;
        }

.market-action[b-c98oaxts32] {
    display: inline-flex;
    width: fit-content;
    min-width: 55px;
    min-height: 25px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 900;
}

.market-action-buy[b-c98oaxts32] {
    color: #22c55e;
    background: rgba(34, 197, 94, 0.05);
}

.market-action-sell[b-c98oaxts32] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

.market-action-hold[b-c98oaxts32] {
    color: #94a3b8;
    background: rgba(148, 163, 184, 0.04);
}

.market-confidence-track[b-c98oaxts32] {
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #1e293b;
}

    .market-confidence-track span[b-c98oaxts32] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, #2563eb, #60a5fa);
    }

.market-positive[b-c98oaxts32] {
    color: #22c55e !important;
}

.market-negative[b-c98oaxts32] {
    color: #ef4444 !important;
}

.market-neutral[b-c98oaxts32] {
    color: #94a3b8 !important;
}

.market-row-actions[b-c98oaxts32] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: #8fa2bc;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    transition: color 160ms ease, transform 160ms ease;
}

.market-row-action-label[b-c98oaxts32] {
    display: inline-block;
}

.markets-table-row-clickable[b-c98oaxts32] {
    cursor: pointer;
}

    .markets-table-row-clickable:hover .market-row-actions[b-c98oaxts32] {
        color: #60a5fa;
        transform: translateX(2px);
    }

@media (max-width: 1100px) {
    .markets-summary-grid[b-c98oaxts32] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .markets-table-card[b-c98oaxts32] {
        overflow-x: auto;
    }

    .markets-table[b-c98oaxts32] {
        min-width: 1000px;
    }
}

/* Mobile card is hidden on desktop */
.market-mobile-card[b-c98oaxts32] {
    display: none;
}

.markets-table-header[b-c98oaxts32],
.markets-table-row-desktop[b-c98oaxts32] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(120px, 0.75fr) minmax(110px, 0.65fr) minmax(220px, 1.1fr) minmax(120px, 0.7fr) minmax(120px, auto);
    align-items: center;
    column-gap: 24px;
}

    .markets-table-header > :last-child[b-c98oaxts32],
    .markets-table-row-desktop > :last-child[b-c98oaxts32] {
        justify-self: end;
    }

.markets-table-row-clickable[b-c98oaxts32],
.market-mobile-card[b-c98oaxts32] {
    color: inherit;
    text-decoration: none !important;
}

    .markets-table-row-clickable:visited[b-c98oaxts32],
    .market-mobile-card:visited[b-c98oaxts32] {
        color: inherit;
        text-decoration: none !important;
    }

@media (max-width: 700px) {

    .markets-table-head[b-c98oaxts32],
    .markets-table-row-desktop[b-c98oaxts32] {
        display: none !important;
    }

    .markets-table[b-c98oaxts32] {
        display: flex;
        width: 100%;
        min-width: 0;
        flex-direction: column;
        gap: 12px;
    }

    .market-mobile-card[b-c98oaxts32] {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 14px;
        padding: 16px;
        border: 1px solid rgba(96, 165, 250, 0.12);
        border-radius: 14px;
        background: linear-gradient( 145deg, rgba(18, 31, 52, 0.96), rgba(11, 22, 39, 0.96) );
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.025);
        cursor: pointer;
    }

    .market-mobile-top[b-c98oaxts32] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .market-mobile-identity[b-c98oaxts32] {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: 10px;
    }

        .market-mobile-identity > div[b-c98oaxts32] {
            display: flex;
            min-width: 0;
            flex-direction: column;
            gap: 3px;
        }

        .market-mobile-identity strong[b-c98oaxts32] {
            color: #f8fafc;
            font-size: 12px;
            font-weight: 900;
            white-space: nowrap;
        }

        .market-mobile-identity small[b-c98oaxts32] {
            color: #64748b;
            font-size: 8px;
            white-space: nowrap;
        }

    .market-mobile-price[b-c98oaxts32] {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: baseline;
        gap: 4px;
        white-space: nowrap;
    }

        .market-mobile-price strong[b-c98oaxts32] {
            color: #f8fafc;
            font-size: 13px;
            font-weight: 900;
        }

        .market-mobile-price small[b-c98oaxts32] {
            color: #7184a0;
            font-size: 8px;
            font-weight: 800;
            text-transform: uppercase;
        }

    .market-mobile-bottom[b-c98oaxts32] {
        display: grid;
        grid-template-columns: auto auto minmax(70px, 1fr) 16px;
        align-items: center;
        gap: 12px;
    }

        .market-mobile-bottom > strong[b-c98oaxts32] {
            font-size: 9px;
            font-weight: 900;
            white-space: nowrap;
        }

    .market-mobile-confidence[b-c98oaxts32] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
    }

        .market-mobile-confidence > strong[b-c98oaxts32] {
            color: #f8fafc;
            font-size: 9px;
            font-weight: 900;
            white-space: nowrap;
        }

        .market-mobile-confidence .market-confidence-track[b-c98oaxts32] {
            width: 42px;
            height: 4px;
        }

    .market-mobile-bottom > svg[b-c98oaxts32] {
        color: #60a5fa;
    }


    .markets-header[b-c98oaxts32] {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .markets-header-actions[b-c98oaxts32] {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .markets-live-status[b-c98oaxts32] {
        width: 100%;
        justify-content: flex-start;
        white-space: normal;
    }

    .markets-opportunity-center-button[b-c98oaxts32] {
        width: 100%;
        min-width: 0;
        justify-content: center;
        box-sizing: border-box;
    }


    .market-mobile-card[b-c98oaxts32] {
        cursor: pointer;
    }

        .market-mobile-card:active[b-c98oaxts32] {
            transform: scale(0.99);
        }
}

.markets-header-actions[b-c98oaxts32] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}


/* LIVE STATUS */

.markets-live-status[b-c98oaxts32] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 700;
}

.markets-live-dot[b-c98oaxts32] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.08), 0 0 10px rgba(34, 197, 94, 0.45);
}

.markets-live-label[b-c98oaxts32] {
    color: #22c55e;
    font-weight: 900;
}

.markets-live-separator[b-c98oaxts32] {
    color: var(--text-muted);
    opacity: 0.6;
}

.markets-live-updated[b-c98oaxts32] {
    color: var(--text-muted);
}


/* CREATE ALERT */

.markets-create-alert[b-c98oaxts32] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border: 1px solid rgba(96, 165, 250, 0.28);
    border-radius: 11px;
    color: #fff !important;
    background: linear-gradient( 135deg, #2563eb, #3b82f6 );
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18);
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    text-decoration: none !important;
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

    .markets-create-alert:hover[b-c98oaxts32] {
        transform: translateY(-1px);
        color: #fff !important;
        filter: brightness(1.06);
        box-shadow: 0 14px 30px rgba(37, 99, 235, 0.26);
    }

.markets-create-alert-icon[b-c98oaxts32] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

    .markets-create-alert-icon[b-c98oaxts32]  svg {
        width: 20px !important;
        height: 20px !important;
    }

.markets-empty-state[b-c98oaxts32] {
    display: flex;
    min-height: 260px;
    padding: 48px 24px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.markets-empty-icon[b-c98oaxts32] {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 14px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.07);
}

.markets-empty-state strong[b-c98oaxts32] {
    color: var(--text);
    font-size: 15px;
    font-weight: 900;
}

.markets-empty-state p[b-c98oaxts32] {
    max-width: 420px;
    margin: 7px 0 0;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.6;
}

.markets-empty-action[b-c98oaxts32] {
    min-height: 36px;
    margin-top: 18px;
    padding: 0 16px;
    border: 1px solid rgba(96, 165, 250, 0.2);
    border-radius: 10px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.07);
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}

    .markets-empty-action:hover[b-c98oaxts32] {
        border-color: rgba(96, 165, 250, 0.35);
        background: rgba(59, 130, 246, 0.12);
    }

.markets-opportunity-center-button[b-c98oaxts32] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 11px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.055);
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
    transition: transform var(--transition), border-color var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition);
}

    .markets-opportunity-center-button:hover[b-c98oaxts32] {
        transform: translateY(-1px);
        border-color: rgba(96, 165, 250, 0.32);
        color: #dbeafe;
        background: rgba(59, 130, 246, 0.10);
        box-shadow: 0 10px 24px rgba(37, 99, 235, 0.08);
    }

.markets-opportunity-center-icon[b-c98oaxts32] {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 8px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.08);
}

@media (max-width: 700px) {

    .markets-table-card[b-c98oaxts32] {
        padding: 16px;
        overflow: visible;
    }

    .markets-table-header[b-c98oaxts32] {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .markets-filter[b-c98oaxts32] {
        width: 100%;
    }

        .markets-filter button[b-c98oaxts32] {
            flex: 1;
            min-width: 0;
        }

    .markets-table[b-c98oaxts32] {
        width: 100%;
        min-width: 0;
    }

    .markets-table-head[b-c98oaxts32] {
        display: none;
    }

    .markets-table-row[b-c98oaxts32] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "pair price"
            "action trend"
            "confidence confidence";
        min-height: auto;
        padding: 16px 0;
        column-gap: 16px;
        row-gap: 12px;
        align-items: center;
    }

    .market-pair[b-c98oaxts32] {
        grid-area: pair;
    }

    .market-price[b-c98oaxts32] {
        grid-area: price;
        align-items: flex-end;
        text-align: right;
    }

    .markets-table-row > div:nth-child(3)[b-c98oaxts32] {
        grid-area: action;
    }

    .market-confidence[b-c98oaxts32] {
        grid-area: confidence;
        width: 100%;
    }

    .markets-table-row > div:nth-child(5)[b-c98oaxts32] {
        grid-area: trend;
        justify-self: end;
        text-align: right;
    }

    .market-row-actions[b-c98oaxts32] {
        position: absolute;
        top: 50%;
        right: 4px;
        transform: translateY(-50%);
        color: #60a5fa;
    }

    .market-row-action-label[b-c98oaxts32] {
        display: none;
    }

    .market-confidence-track[b-c98oaxts32] {
        width: 100%;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* ==========================================================
   NOT FOUND PAGE
   ========================================================== */

.not-found-page[b-azkmcp99rg] {
    display: grid;
    width: 100%;
    min-height: calc(100vh - 160px);
    padding: 120px 24px 64px;
    align-items: start;
    justify-items: center;
}


/* ==========================================================
   CARD
   ========================================================== */

.not-found-card[b-azkmcp99rg] {
    position: relative;
    display: flex;
    width: min(100%, 680px);
    overflow: hidden;
    padding: 52px 44px;
    align-items: center;
    flex-direction: column;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    text-align: center;
    background: radial-gradient( circle at top, rgba(59, 130, 246, 0.09), transparent 42% ), linear-gradient( 160deg, rgba(24, 38, 63, 0.97), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}


/* ==========================================================
   ICON
   ========================================================== */

.not-found-icon[b-azkmcp99rg] {
    display: grid;
    width: 58px;
    height: 58px;
    margin-bottom: 20px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 17px;
    color: var(--primary-light);
    background: rgba(59, 130, 246, 0.075);
    box-shadow: 0 0 32px rgba(59, 130, 246, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


/* ==========================================================
   404 CODE
   ========================================================== */

.not-found-code[b-azkmcp99rg] {
    margin-bottom: 10px;
    color: var(--primary-light);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}


/* ==========================================================
   CONTENT
   ========================================================== */

.not-found-card h1[b-azkmcp99rg] {
    max-width: 560px;
    margin: 0;
    color: var(--text);
    font-size: clamp(32px, 5vw, 46px);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -1.6px;
}

.not-found-card > p[b-azkmcp99rg] {
    max-width: 500px;
    margin: 16px 0 0;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.7;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.not-found-actions[b-azkmcp99rg] {
    display: flex;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.not-found-primary-action[b-azkmcp99rg],
.not-found-secondary-action[b-azkmcp99rg] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    text-decoration: none !important;
    transition: transform var(--transition), border-color var(--transition), background var(--transition), color var(--transition), box-shadow var(--transition);
}


    /* PRIMARY */

    .not-found-primary-action[b-azkmcp99rg],
    .not-found-primary-action:visited[b-azkmcp99rg] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.25);
        background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
        box-shadow: 0 12px 28px rgba(37, 99, 235, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

        .not-found-primary-action:hover[b-azkmcp99rg] {
            transform: translateY(-2px);
            color: #ffffff !important;
            box-shadow: 0 16px 34px rgba(37, 99, 235, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.15);
        }


    /* SECONDARY */

    .not-found-secondary-action[b-azkmcp99rg],
    .not-found-secondary-action:visited[b-azkmcp99rg] {
        color: var(--text-secondary) !important;
        border-color: var(--border-medium);
        background: rgba(255, 255, 255, 0.025);
    }

        .not-found-secondary-action:hover[b-azkmcp99rg] {
            transform: translateY(-2px);
            color: var(--text) !important;
            border-color: var(--border-strong);
            background: rgba(255, 255, 255, 0.05);
        }


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 560px) {

    .not-found-page[b-azkmcp99rg] {
        min-height: calc(100vh - 120px);
        padding: 28px 14px;
    }

    .not-found-card[b-azkmcp99rg] {
        padding: 38px 22px;
        border-radius: var(--radius-lg);
    }

    .not-found-icon[b-azkmcp99rg] {
        width: 52px;
        height: 52px;
        margin-bottom: 18px;
        border-radius: 15px;
    }

    .not-found-card h1[b-azkmcp99rg] {
        font-size: 32px;
        letter-spacing: -1.1px;
    }

    .not-found-card > p[b-azkmcp99rg] {
        font-size: 12px;
    }

    .not-found-actions[b-azkmcp99rg] {
        width: 100%;
        margin-top: 26px;
        flex-direction: column;
    }

    .not-found-primary-action[b-azkmcp99rg],
    .not-found-secondary-action[b-azkmcp99rg] {
        width: 100%;
        min-height: 46px;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .not-found-primary-action[b-azkmcp99rg],
    .not-found-secondary-action[b-azkmcp99rg] {
        transition: none;
    }

        .not-found-primary-action:hover[b-azkmcp99rg],
        .not-found-secondary-action:hover[b-azkmcp99rg] {
            transform: none;
        }
}
/* /Components/Pages/Opportunities/OpportunityCenter.razor.rz.scp.css */
/* ==========================================================
   PAGE
   ========================================================== */

.opportunity-center-page[b-mikb07u7yp] {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 1720px;
    min-width: 0;
    margin: 0 auto;
    padding: 28px clamp(20px, 2.5vw, 38px) 52px;
    flex-direction: column;
    gap: 26px;
}

    .opportunity-center-page > *[b-mikb07u7yp] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

/* ==========================================================
   HEADER
   ========================================================== */

.opportunity-center-header[b-mikb07u7yp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding: 24px 2px 6px;
}

.opportunity-center-header-copy[b-mikb07u7yp] {
    display: flex;
    min-width: 0;
    max-width: 940px;
    flex-direction: column;
    align-items: flex-start;
}

.opportunity-center-eyebrow[b-mikb07u7yp] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.opportunity-center-header h1[b-mikb07u7yp] {
    max-width: 940px;
    margin: 10px 0 0;
    color: var(--text);
    font-size: clamp( 36px, 3.6vw, 60px );
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: clamp( -3px, -0.24vw, -1.3px );
}

    .opportunity-center-header h1 span[b-mikb07u7yp] {
        display: block;
        margin-top: 5px;
        color: var(--text-secondary);
    }

.opportunity-center-header-copy > p[b-mikb07u7yp] {
    max-width: 760px;
    margin: 15px 0 0;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.68;
}

/* ==========================================================
   HEADER ACTIONS
   ========================================================== */

.opportunity-center-header-actions[b-mikb07u7yp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.opportunity-center-primary-action[b-mikb07u7yp],
.opportunity-center-secondary-action[b-mikb07u7yp] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border: 1px solid transparent;
    border-radius: 13px;
    font: inherit;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);
}

.opportunity-center-primary-action[b-mikb07u7yp] {
    color: #ffffff;
    border-color: rgba(96, 165, 250, 0.27);
    background: linear-gradient( 135deg, var(--primary-dark), var(--primary) );
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

    .opportunity-center-primary-action:hover[b-mikb07u7yp] {
        transform: translateY(-2px);
        filter: brightness(1.07);
        box-shadow: 0 18px 40px rgba(37, 99, 235, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.17);
    }

.opportunity-center-secondary-action[b-mikb07u7yp],
.opportunity-center-secondary-action:visited[b-mikb07u7yp] {
    color: var(--text-secondary) !important;
    border-color: var(--border-medium);
    background: linear-gradient( 145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02) );
}

    .opportunity-center-secondary-action:hover[b-mikb07u7yp] {
        transform: translateY(-2px);
        color: var(--text) !important;
        border-color: var(--border-strong);
        background: linear-gradient( 145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.034) );
    }

/* ==========================================================
   TOOLBAR
   ========================================================== */

.opportunity-toolbar[b-mikb07u7yp] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto auto;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.055), transparent 42% ), linear-gradient( 160deg, rgba(24, 38, 63, 0.97), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.21), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}


/* ==========================================================
   QUICK FILTERS
   ========================================================== */

.opportunity-quick-filters[b-mikb07u7yp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.opportunity-filter[b-mikb07u7yp] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-pill);
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.02);
    font: inherit;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

    .opportunity-filter:hover[b-mikb07u7yp] {
        transform: translateY(-1px);
        color: var(--text);
        border-color: var(--border-medium);
        background: rgba(255, 255, 255, 0.04);
    }

.opportunity-filter-active[b-mikb07u7yp] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.24);
    background: var(--primary-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* ==========================================================
   SORT
   ========================================================== */

.opportunity-sort[b-mikb07u7yp] {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .opportunity-sort > span[b-mikb07u7yp] {
        color: var(--text-subtle);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: 0.55px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .opportunity-sort select[b-mikb07u7yp] {
        min-height: 42px;
        padding: 0 42px 0 14px;
        border: 1px solid var(--border-soft);
        border-radius: 12px;
        outline: 0;
        color: var(--text-secondary);
        background-color: rgba(255, 255, 255, 0.035);
        font: inherit;
        font-size: 10px;
        font-weight: 850;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);
        background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%;
        background-size: 5px 5px, 5px 5px;
        background-repeat: no-repeat;
        transition: border-color var(--transition), background-color var(--transition), box-shadow var(--transition);
    }

        .opportunity-sort select:focus[b-mikb07u7yp] {
            border-color: rgba(96, 165, 250, 0.25);
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.07);
        }

/* ==========================================================
   RESULTS
   ========================================================== */

.opportunity-results[b-mikb07u7yp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.opportunity-results-header[b-mikb07u7yp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

    .opportunity-results-header > div[b-mikb07u7yp] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

.opportunity-results-count[b-mikb07u7yp] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 13px;
    color: var(--primary-light);
    background: var(--primary-soft);
    font-size: 14px;
    font-weight: 950;
}

.opportunity-results-header > div > div[b-mikb07u7yp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.opportunity-results-header strong[b-mikb07u7yp] {
    color: var(--text);
    font-size: 13px;
    font-weight: 950;
}

.opportunity-results-header > div > div > span[b-mikb07u7yp] {
    color: var(--text-subtle);
    font-size: 9px;
    font-weight: 750;
}

.opportunity-refresh-button[b-mikb07u7yp] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid var(--border-soft);
    border-radius: 11px;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.025);
    font: inherit;
    font-size: 9px;
    font-weight: 850;
    cursor: pointer;
    transition: transform var(--transition), color var(--transition), border-color var(--transition), background var(--transition);
}

    .opportunity-refresh-button:hover[b-mikb07u7yp] {
        transform: translateY(-2px);
        color: var(--primary-light);
        border-color: rgba(96, 165, 250, 0.18);
        background: var(--primary-soft);
    }

/* ==========================================================
   GRID
   ========================================================== */

.opportunity-results-grid[b-mikb07u7yp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    width: 100%;
}
.opportunity-result-card[b-mikb07u7yp] {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 16px;
    flex-direction: column;
    gap: 12px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.05), transparent 42% ), linear-gradient( 160deg, rgba(24, 38, 63, 0.97), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 17px 42px rgba(0, 0, 0, 0.22), 0 40px 86px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

    .opportunity-result-card:hover[b-mikb07u7yp] {
        transform: translateY(-4px);
        border-color: rgba(96, 165, 250, 0.18);
        box-shadow: 0 22px 54px rgba(0, 0, 0, 0.27), 0 48px 104px rgba(0, 0, 0, 0.25), 0 0 40px rgba(59, 130, 246, 0.045), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

.opportunity-result-card-meta[b-mikb07u7yp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.opportunity-result-detected[b-mikb07u7yp],
.opportunity-result-favorite[b-mikb07u7yp] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 7px;
    padding: 0 9px;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-pill);
    color: var(--text-subtle);
    background: rgba(255, 255, 255, 0.022);
    font-size: 8px;
    font-weight: 850;
}

.opportunity-result-favorite[b-mikb07u7yp] {
    color: var(--warning);
    border-color: rgba(245, 158, 11, 0.14);
    background: rgba(245, 158, 11, 0.07);
}

.opportunity-result-card[b-mikb07u7yp]  .opportunity-card {
    width: 100%;
    max-width: none;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

/* ==========================================================
   EMPTY STATE
   ========================================================== */

.opportunity-empty-state[b-mikb07u7yp] {
    display: grid;
    min-height: 260px;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    align-content: center;
    gap: 17px;
    padding: 30px;
    border: 1px solid var(--border-medium);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.06), transparent 42% ), linear-gradient( 160deg, rgba(24, 38, 63, 0.97), rgba(14, 24, 42, 0.99) );
    box-shadow: 0 17px 42px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.opportunity-empty-icon[b-mikb07u7yp] {
    display: grid;
    width: 56px;
    height: 56px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: 16px;
    color: var(--primary-light);
    background: var(--primary-soft);
}

.opportunity-empty-state > div[b-mikb07u7yp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.opportunity-empty-state strong[b-mikb07u7yp] {
    color: var(--text);
    font-size: 16px;
    font-weight: 950;
}

.opportunity-empty-state p[b-mikb07u7yp] {
    margin: 0;
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.6;
}

.opportunity-empty-state button[b-mikb07u7yp] {
    display: inline-flex;
    min-height: 38px;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border: 1px solid var(--border-medium);
    border-radius: 11px;
    color: var(--text);
    background: rgba(255, 255, 255, 0.035);
    font: inherit;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    transition: transform var(--transition), border-color var(--transition), background var(--transition);
}

    .opportunity-empty-state button:hover[b-mikb07u7yp] {
        transform: translateY(-2px);
        border-color: var(--border-strong);
        background: rgba(255, 255, 255, 0.06);
    }

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1280px) {
    .opportunity-center-header[b-mikb07u7yp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .opportunity-center-header-actions[b-mikb07u7yp] {
        justify-content: flex-start;
    }

    .opportunity-toolbar[b-mikb07u7yp] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .opportunity-sort[b-mikb07u7yp] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 980px) {
    .opportunity-center-page[b-mikb07u7yp] {
        padding: 22px 20px 44px;
        gap: 22px;
    }

    .opportunity-results-grid[b-mikb07u7yp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .opportunity-center-header-actions[b-mikb07u7yp] {
        width: 100%;
    }

    .opportunity-center-primary-action[b-mikb07u7yp],
    .opportunity-center-secondary-action[b-mikb07u7yp] {
        flex: 1;
    }

    .opportunity-toolbar[b-mikb07u7yp] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .opportunity-quick-filters[b-mikb07u7yp] {
        justify-content: flex-start;
    }

    .opportunity-sort[b-mikb07u7yp] {
        grid-column: auto;
        justify-content: space-between;
    }

    .opportunity-results-header[b-mikb07u7yp] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .opportunity-center-page[b-mikb07u7yp] {
        padding: 18px 14px 36px;
        gap: 20px;
    }

    .opportunity-center-header[b-mikb07u7yp] {
        padding-top: 12px;
        gap: 22px;
    }

        .opportunity-center-header h1[b-mikb07u7yp] {
            font-size: clamp( 32px, 10vw, 44px );
        }

    .opportunity-center-header-actions[b-mikb07u7yp] {
        flex-direction: column;
    }

    .opportunity-center-primary-action[b-mikb07u7yp],
    .opportunity-center-secondary-action[b-mikb07u7yp] {
        width: 100%;
    }

    .opportunity-toolbar[b-mikb07u7yp],
    .opportunity-result-card[b-mikb07u7yp],
    .opportunity-empty-state[b-mikb07u7yp] {
        border-radius: var(--radius-lg);
    }

    .opportunity-quick-filters[b-mikb07u7yp] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .opportunity-filter[b-mikb07u7yp] {
        width: 100%;
    }

    .opportunity-sort[b-mikb07u7yp] {
        align-items: flex-start;
        flex-direction: column;
    }

        .opportunity-sort select[b-mikb07u7yp] {
            width: 100%;
            height: 44px;
        }

    .opportunity-result-card[b-mikb07u7yp] {
        padding: 13px;
    }

    .opportunity-result-card-meta[b-mikb07u7yp] {
        justify-content: flex-start;
    }

    .opportunity-empty-state[b-mikb07u7yp] {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 20px;
    }

    .opportunity-empty-icon[b-mikb07u7yp] {
        width: 46px;
        height: 46px;
    }
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .opportunity-center-primary-action[b-mikb07u7yp],
    .opportunity-center-secondary-action[b-mikb07u7yp],
    .opportunity-filter[b-mikb07u7yp],
    .opportunity-refresh-button[b-mikb07u7yp],
    .opportunity-result-card[b-mikb07u7yp],
    .opportunity-empty-state button[b-mikb07u7yp] {
        transition: none;
    }

        .opportunity-center-primary-action:hover[b-mikb07u7yp],
        .opportunity-center-secondary-action:hover[b-mikb07u7yp],
        .opportunity-filter:hover[b-mikb07u7yp],
        .opportunity-refresh-button:hover[b-mikb07u7yp],
        .opportunity-result-card:hover[b-mikb07u7yp],
        .opportunity-empty-state button:hover[b-mikb07u7yp] {
            transform: none;
        }
}

/* ==========================================================
   SEARCH — DEFINITIVE VERSION
   ========================================================== */

.opportunity-search[b-mikb07u7yp] {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    height: 44px;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
    transition: border-color var(--transition), background var(--transition), box-shadow var(--transition);
}

    .opportunity-search:focus-within[b-mikb07u7yp] {
        border-color: rgba(96, 165, 250, 0.28);
        background: rgba(255, 255, 255, 0.04);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.07);
    }

.opportunity-search-icon[b-mikb07u7yp] {
    position: absolute;
    top: 50%;
    left: 14px;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    color: var(--text-muted);
    pointer-events: none;
    transform: translateY(-50%);
}

.opportunity-search input[b-mikb07u7yp] {
    display: block;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 48px 0 44px;
    border: 0;
    outline: 0;
    color: var(--text);
    background: transparent;
    font: inherit;
    font-size: 11px;
    font-weight: 750;
    line-height: normal;
    appearance: none;
    -webkit-appearance: none;
}

    .opportunity-search input[b-mikb07u7yp]::placeholder {
        color: var(--text-subtle);
        opacity: 1;
    }

    .opportunity-search input[b-mikb07u7yp]::-webkit-search-decoration,
    .opportunity-search input[b-mikb07u7yp]::-webkit-search-cancel-button,
    .opportunity-search input[b-mikb07u7yp]::-webkit-search-results-button,
    .opportunity-search input[b-mikb07u7yp]::-webkit-search-results-decoration {
        display: none;
    }

.opportunity-search-clear[b-mikb07u7yp] {
    position: absolute;
    top: 50%;
    right: 6px;
    display: grid;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 9px;
    color: var(--text-muted);
    background: transparent;
    cursor: pointer;
    transform: translateY(-50%);
}

    .opportunity-search-clear:hover[b-mikb07u7yp] {
        color: var(--text);
        background: rgba(255, 255, 255, 0.055);
    }
/* /Components/Pages/Opportunities/OpportunityDetails.razor.rz.scp.css */
/* ==========================================================
   PAGE
   ========================================================== */

.opportunity-details-page[b-2735toq4bp] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 28px clamp(18px, 2.3vw, 38px) 64px;
}

/* Container principal responsável por todo o ritmo vertical. */
.opportunity-details-content[b-2735toq4bp] {
    display: flex;
    width: 100%;
    max-width: 1720px;
    min-width: 0;
    margin-inline: auto;
    flex-direction: column;
    gap: 30px;
}

    .opportunity-details-content > *[b-2735toq4bp] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

/* ==========================================================
   SECTIONS
   ========================================================== */

.opportunity-details-section[b-2735toq4bp] {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

/*
 * O header já é visualmente grande.
 * Mantemos um espaço ligeiramente menor para o workspace.
 */
.opportunity-details-header-section[b-2735toq4bp] {
    margin-bottom: 2px;
}

/*
 * Garante uma separação um pouco mais evidente
 * entre o gráfico/DecisionPanel e o Market Intelligence.
 */
.opportunity-details-workspace-section[b-2735toq4bp] {
    margin-bottom: 6px;
}

/* Impede margens internas dos componentes de quebrarem o ritmo. */
.opportunity-details-section[b-2735toq4bp]  > * {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}

/* ==========================================================
   WORKSPACE
   ========================================================== */

.opportunity-workspace-wrapper[b-2735toq4bp] {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

/* ==========================================================
   TIMEFRAME REFRESH
   ========================================================== */

.opportunity-workspace-refresh[b-2735toq4bp] {
    position: absolute;
    z-index: 20;
    top: 18px;
    left: 50%;
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 15px;
    transform: translateX(-50%);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: var(--radius-pill);
    color: var(--primary-light);
    background: linear-gradient( 145deg, rgba(14, 27, 48, 0.96), rgba(11, 21, 38, 0.94) );
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.045);
    font-size: 9px;
    font-weight: 900;
    pointer-events: none;
    backdrop-filter: blur(14px);
}

    .opportunity-workspace-refresh svg[b-2735toq4bp] {
        animation: opportunity-refresh-spin-b-2735toq4bp 900ms linear infinite;
    }

/* ==========================================================
   LOADING / ERROR STATE
   ========================================================== */

.opportunity-details-state[b-2735toq4bp] {
    display: flex;
    width: min(560px, calc(100% - 28px));
    min-height: 180px;
    margin: 80px auto;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 24px;
    border: 1px solid rgba(96, 165, 250, 0.17);
    border-radius: var(--radius-xl);
    color: var(--primary-light);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.09), transparent 42% ), linear-gradient( 150deg, rgba(24, 39, 65, 0.98), rgba(14, 24, 43, 0.99) );
    box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    font-size: 11px;
    font-weight: 900;
}

    .opportunity-details-state > svg[b-2735toq4bp] {
        animation: opportunity-refresh-spin-b-2735toq4bp 900ms linear infinite;
    }

    .opportunity-details-state > div[b-2735toq4bp] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

    .opportunity-details-state strong[b-2735toq4bp] {
        color: var(--text);
        font-size: 13px;
        font-weight: 950;
    }

    .opportunity-details-state span[b-2735toq4bp] {
        color: var(--text-muted);
        font-size: 10px;
        line-height: 1.55;
    }

.opportunity-details-state-error[b-2735toq4bp] {
    color: var(--danger);
    border-color: rgba(239, 68, 68, 0.17);
    background: radial-gradient( circle at top right, rgba(239, 68, 68, 0.08), transparent 42% ), linear-gradient( 150deg, rgba(24, 39, 65, 0.98), rgba(14, 24, 43, 0.99) );
}

    .opportunity-details-state-error > svg[b-2735toq4bp] {
        animation: none;
    }

/* ==========================================================
   COMPONENT SPACING SAFEGUARDS
   ========================================================== */

/*
 * Estes componentes não devem introduzir margens próprias.
 * Todo o espaçamento vertical pertence ao content container.
 */

.opportunity-details-content[b-2735toq4bp]  .opportunity-header,
.opportunity-details-content[b-2735toq4bp]  .opportunity-workspace,
.opportunity-details-content[b-2735toq4bp]  .ai-analyst-section,
.opportunity-details-content[b-2735toq4bp]  .execution-plan,
.opportunity-details-content[b-2735toq4bp]  .technical-confirmation {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
}

/*
 * Dá um pouco mais de ar interno às grandes secções
 * sem alterar os seus layouts individuais.
 */

.opportunity-details-content[b-2735toq4bp]  .ai-analyst-section,
.opportunity-details-content[b-2735toq4bp]  .execution-plan,
.opportunity-details-content[b-2735toq4bp]  .technical-confirmation {
    scroll-margin-top: 24px;
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {
    .opportunity-details-page[b-2735toq4bp] {
        padding: 24px 20px 54px;
    }

    .opportunity-details-content[b-2735toq4bp] {
        gap: 25px;
    }

    .opportunity-details-workspace-section[b-2735toq4bp] {
        margin-bottom: 3px;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 650px) {
    .opportunity-details-page[b-2735toq4bp] {
        padding: 17px 12px 42px;
    }

    .opportunity-details-content[b-2735toq4bp] {
        gap: 20px;
    }

    .opportunity-details-header-section[b-2735toq4bp],
    .opportunity-details-workspace-section[b-2735toq4bp] {
        margin-bottom: 0;
    }

    .opportunity-workspace-refresh[b-2735toq4bp] {
        top: 12px;
        min-height: 36px;
        padding: 0 12px;
        font-size: 11px;
    }

    .opportunity-details-state[b-2735toq4bp] {
        min-height: 150px;
        margin: 48px auto;
        padding: 19px;
        border-radius: var(--radius-lg);
    }
}

/* ==========================================================
   WIDE SCREENS
   ========================================================== */

@media (min-width: 1600px) {
    .opportunity-details-content[b-2735toq4bp] {
        gap: 34px;
    }

    .opportunity-details-workspace-section[b-2735toq4bp] {
        margin-bottom: 8px;
    }
}

/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes opportunity-refresh-spin-b-2735toq4bp {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .opportunity-workspace-refresh svg[b-2735toq4bp],
    .opportunity-details-state > svg[b-2735toq4bp] {
        animation: none;
    }
}

.opportunity-premium-gate[b-2735toq4bp] {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 38px 34px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 22px;
    background: radial-gradient( circle at top, rgba(37, 99, 235, 0.14), transparent 38% ), radial-gradient( circle at bottom right, rgba(124, 58, 237, 0.08), transparent 42% ), linear-gradient( 180deg, rgba(24, 38, 62, 0.98), rgba(12, 23, 41, 0.98) );
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    text-align: center;
}

    .opportunity-premium-gate[b-2735toq4bp]::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( 180deg, rgba(96, 165, 250, 0.025), transparent 35% );
    }

.opportunity-premium-gate-icon[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    margin-bottom: 16px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 16px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.10);
    box-shadow: 0 0 24px rgba(37, 99, 235, 0.08);
}

.opportunity-premium-gate-badge[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    padding: 5px 10px;
    border: 1px solid rgba(168, 85, 247, 0.22);
    border-radius: 999px;
    color: #c4b5fd;
    background: rgba(124, 58, 237, 0.10);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 1px;
}

.opportunity-premium-gate h2[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    max-width: 560px;
    margin: 16px 0 0;
    color: #f8fafc;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 950;
    line-height: 1.08;
    letter-spacing: -1.1px;
}

.opportunity-premium-gate > p[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    max-width: 620px;
    margin: 16px 0 0;
    color: #91a3bd;
    font-size: 13px;
    line-height: 1.7;
}

.opportunity-premium-features[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 100%;
    max-width: 720px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
}

    .opportunity-premium-features > div[b-2735toq4bp] {
        display: flex;
        min-height: 70px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 9px;
        padding: 14px 12px;
        border: 1px solid rgba(255, 255, 255, 0.055);
        border-radius: 14px;
        color: #aebbd0;
        background: rgba(255, 255, 255, 0.025);
        font-size: 11px;
        font-weight: 800;
    }

        .opportunity-premium-features > div svg[b-2735toq4bp] {
            color: #60a5fa;
        }

.opportunity-premium-button[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
    padding: 0 20px;
    border: 1px solid rgba(96, 165, 250, 0.30);
    border-radius: 13px;
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-size: 11px;
    font-weight: 950;
    text-decoration: none !important;
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

    .opportunity-premium-button:hover[b-2735toq4bp] {
        transform: translateY(-2px);
        filter: brightness(1.06);
        box-shadow: 0 20px 44px rgba(37, 99, 235, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }

.opportunity-premium-gate small[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    margin-top: 12px;
    color: #60718a;
    font-size: 10px;
    font-weight: 750;
}

.opportunity-premium-actions[b-2735toq4bp] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
}

    .opportunity-premium-actions .opportunity-premium-button[b-2735toq4bp] {
        margin-top: 0;
    }

.opportunity-premium-login[b-2735toq4bp] {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 13px;
    color: #9fb0c6 !important;
    background: rgba(255, 255, 255, 0.025);
    font-size: 11px;
    font-weight: 850;
    text-decoration: none !important;
    transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

    .opportunity-premium-login:hover[b-2735toq4bp] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.24);
        background: rgba(59, 130, 246, 0.045);
    }

@media (max-width: 760px) {

    .opportunity-premium-gate[b-2735toq4bp] {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .opportunity-premium-features[b-2735toq4bp] {
        grid-template-columns: 1fr;
    }

    .opportunity-premium-actions[b-2735toq4bp] {
        width: 100%;
        flex-direction: column;
    }

    .opportunity-premium-button[b-2735toq4bp],
    .opportunity-premium-login[b-2735toq4bp] {
        width: 100%;
    }
}

.opportunity-history-summary[b-2735toq4bp] {
    padding: 28px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: var(--radius-xl);
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38% ), rgba(15, 25, 43, 0.94);
}


.opportunity-history-badge[b-2735toq4bp] {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--primary-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.3px;
}


.opportunity-history-heading h1[b-2735toq4bp] {
    margin: 0;
    color: var(--text);
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 950;
    letter-spacing: -1px;
}


.opportunity-history-meta[b-2735toq4bp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}


    .opportunity-history-meta span[b-2735toq4bp] {
        padding: 6px 9px;
        border: 1px solid rgba(96, 165, 250, 0.12);
        border-radius: 8px;
        color: var(--text-secondary);
        background: rgba(255, 255, 255, 0.025);
        font-size: 11px;
        font-weight: 800;
    }


.opportunity-history-grid[b-2735toq4bp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
}


.opportunity-history-metric[b-2735toq4bp] {
    padding: 16px;
    border: 1px solid rgba(96, 165, 250, 0.10);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.018);
}


    .opportunity-history-metric span[b-2735toq4bp] {
        display: block;
        margin-bottom: 6px;
        color: var(--text-muted);
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }


    .opportunity-history-metric strong[b-2735toq4bp] {
        color: var(--text);
        font-size: 13px;
        font-weight: 900;
    }


.opportunity-history-outcomes[b-2735toq4bp] {
    margin-top: 26px;
}


.opportunity-history-outcomes-label[b-2735toq4bp] {
    color: var(--primary-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.2px;
}


.opportunity-history-outcomes-grid[b-2735toq4bp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}


    .opportunity-history-outcomes-grid > div[b-2735toq4bp] {
        padding: 14px;
        border: 1px solid rgba(96, 165, 250, 0.10);
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.018);
    }


    .opportunity-history-outcomes-grid span[b-2735toq4bp] {
        display: block;
        margin-bottom: 6px;
        color: var(--text-muted);
        font-size: 10px;
        font-weight: 800;
    }


.opportunity-history-outcome[b-2735toq4bp] {
    font-size: 15px;
    font-weight: 950;
}


.opportunity-history-outcome-positive[b-2735toq4bp] {
    color: #4ade80;
}


.opportunity-history-outcome-negative[b-2735toq4bp] {
    color: #f87171;
}


.opportunity-history-outcome-neutral[b-2735toq4bp],
.opportunity-history-outcome-pending[b-2735toq4bp] {
    color: var(--text-secondary);
}


.opportunity-history-note[b-2735toq4bp] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 22px;
    padding: 14px 16px;
    border-radius: 10px;
    color: var(--text-muted);
    background: rgba(59, 130, 246, 0.04);
    font-size: 11px;
    line-height: 1.6;
}


    .opportunity-history-note svg[b-2735toq4bp] {
        flex: 0 0 auto;
        color: var(--primary-light);
    }


.opportunity-history-summary
.opportunity-details-back-button[b-2735toq4bp] {
    margin-top: 22px;
}


@media (max-width: 640px) {

    .opportunity-history-summary[b-2735toq4bp] {
        padding: 22px;
    }


    .opportunity-history-grid[b-2735toq4bp] {
        grid-template-columns: 1fr;
    }


    .opportunity-history-outcomes-grid[b-2735toq4bp] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.opportunity-history-summary
.opportunity-details-back-button[b-2735toq4bp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    margin-top: 22px;
    padding: 11px 16px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 10px;
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.025);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

    .opportunity-history-summary
    .opportunity-details-back-button:hover[b-2735toq4bp] {
        border-color: rgba(96, 165, 250, 0.32);
        color: var(--text);
        background: rgba(59, 130, 246, 0.08);
        transform: translateX(-2px);
    }

    .opportunity-history-summary
    .opportunity-details-back-button svg[b-2735toq4bp] {
        flex: 0 0 auto;
    }

.opportunity-history-price[b-2735toq4bp] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
}

    .opportunity-history-price small[b-2735toq4bp] {
        color: #7184a0;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
        text-transform: uppercase;
    }

/* ==========================================================
   PORTFOLIO POSITION IMPACT
   ========================================================== */

.portfolio-position-impact[b-2735toq4bp] {
    width: 100%;
    margin-top: 14px;
    padding: 18px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    border-radius: 16px;
    background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.07), transparent 38%), rgba(15, 25, 43, 0.94);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.portfolio-position-impact-heading[b-2735toq4bp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

    .portfolio-position-impact-heading > div[b-2735toq4bp] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

.portfolio-position-impact-eyebrow[b-2735toq4bp] {
    color: var(--primary-light);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 1.15px;
}

.portfolio-position-impact-heading strong[b-2735toq4bp] {
    color: var(--text);
    font-size: 18px;
    font-weight: 950;
}

.portfolio-position-impact-badge[b-2735toq4bp] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid;
    border-radius: var(--radius-pill);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0.7px;
    white-space: nowrap;
}

.portfolio-position-impact-badge-positive[b-2735toq4bp] {
    border-color: rgba(74, 222, 128, 0.20);
    color: #4ade80;
    background: rgba(34, 197, 94, 0.07);
}

.portfolio-position-impact-badge-waiting[b-2735toq4bp] {
    border-color: rgba(248, 113, 113, 0.18);
    color: #f87171;
    background: rgba(239, 68, 68, 0.06);
}

.portfolio-position-impact-grid[b-2735toq4bp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

    .portfolio-position-impact-grid > div[b-2735toq4bp] {
        min-width: 0;
        padding: 13px 14px;
        border: 1px solid rgba(148, 163, 184, 0.09);
        border-radius: 11px;
        background: rgba(255, 255, 255, 0.018);
    }

    .portfolio-position-impact-grid span[b-2735toq4bp] {
        display: block;
        margin-bottom: 5px;
        color: var(--text-muted);
        font-size: 9px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: 0.65px;
    }

    .portfolio-position-impact-grid strong[b-2735toq4bp] {
        display: flex;
        min-width: 0;
        align-items: baseline;
        gap: 5px;
        color: var(--text);
        font-size: 13px;
        font-weight: 950;
        overflow-wrap: anywhere;
    }

    .portfolio-position-impact-grid small[b-2735toq4bp] {
        color: #7184a0;
        font-size: 9px;
        font-weight: 850;
    }

.portfolio-position-profit-positive[b-2735toq4bp] {
    color: #4ade80 !important;
}

.portfolio-position-profit-negative[b-2735toq4bp] {
    color: #f87171 !important;
}

.portfolio-sell-alert-state[b-2735toq4bp] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid;
    border-radius: 11px;
}

    .portfolio-sell-alert-state > svg[b-2735toq4bp] {
        flex: 0 0 auto;
    }

    .portfolio-sell-alert-state > div[b-2735toq4bp] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 3px;
    }

    .portfolio-sell-alert-state span[b-2735toq4bp] {
        font-size: 8px;
        font-weight: 950;
        letter-spacing: 0.9px;
    }

    .portfolio-sell-alert-state strong[b-2735toq4bp] {
        font-size: 11px;
        font-weight: 900;
        line-height: 1.4;
    }

.portfolio-sell-alert-state-positive[b-2735toq4bp] {
    border-color: rgba(74, 222, 128, 0.15);
    color: #4ade80;
    background: rgba(34, 197, 94, 0.045);
}

.portfolio-sell-alert-state-waiting[b-2735toq4bp] {
    border-color: rgba(248, 113, 113, 0.14);
    color: #f87171;
    background: rgba(239, 68, 68, 0.04);
}

.portfolio-sell-alert-state-unavailable[b-2735toq4bp] {
    border-color: rgba(148, 163, 184, 0.12);
    color: var(--text-secondary);
    background: rgba(148, 163, 184, 0.035);
}

@media (max-width: 900px) {
    .portfolio-position-impact-grid[b-2735toq4bp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .portfolio-position-impact[b-2735toq4bp] {
        padding: 15px;
        border-radius: 14px;
    }

    .portfolio-position-impact-heading[b-2735toq4bp] {
        flex-direction: column;
    }

    .portfolio-position-impact-grid[b-2735toq4bp] {
        grid-template-columns: 1fr;
    }

    .portfolio-position-impact-badge[b-2735toq4bp] {
        align-self: flex-start;
    }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
.pricing-hero[b-2bheb381nx] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 980px;
    margin: 0 auto;
    padding: 88px 24px 54px;
    text-align: center;
}

.pricing-eyebrow[b-2bheb381nx] {
    display: inline-flex;
    padding: 6px 11px;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 999px;
    color: #60a5fa;
    background: rgba(59, 130, 246, 0.08);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1.1px;
}

.pricing-hero h1[b-2bheb381nx] {
    max-width: 820px;
    margin: 20px 0 0;
    color: #f8fafc;
    font-size: clamp(42px, 6vw, 68px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -2px;
}

.pricing-hero p[b-2bheb381nx] {
    max-width: 700px;
    margin: 22px 0 0;
    color: #8fa2bc;
    font-size: 15px;
    line-height: 1.7;
}

.pricing-hero-actions[b-2bheb381nx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
}

.pricing-primary-button[b-2bheb381nx],
.pricing-secondary-button[b-2bheb381nx] {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease, background 160ms ease;
}

.pricing-primary-button[b-2bheb381nx] {
    border: 1px solid rgba(96, 165, 250, 0.30);
    color: #ffffff !important;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    box-shadow: 0 16px 38px rgba(37, 99, 235, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

    .pricing-primary-button:hover[b-2bheb381nx] {
        transform: translateY(-2px);
        filter: brightness(1.06);
    }

.pricing-secondary-button[b-2bheb381nx] {
    border: 1px solid rgba(148, 163, 184, 0.14);
    color: #a8b6ca !important;
    background: rgba(255, 255, 255, 0.025);
}

    .pricing-secondary-button:hover[b-2bheb381nx] {
        color: #ffffff !important;
        border-color: rgba(96, 165, 250, 0.22);
        background: rgba(59, 130, 246, 0.05);
    }

.pricing-benefits[b-2bheb381nx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: none;
    margin: 0;
    padding: 0;
}

.benefit-card[b-2bheb381nx] {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    padding: 24px;
    border: 1px solid rgba(96, 165, 250, 0.12);
    border-radius: 18px;
    background: linear-gradient( 180deg, rgba(24, 38, 62, 0.96), rgba(12, 23, 41, 0.96) );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.benefit-icon[b-2bheb381nx] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    background: rgba(59, 130, 246, 0.09);
    font-size: 20px;
}

.benefit-card h3[b-2bheb381nx] {
    margin: 18px 0 0;
    color: #f8fafc;
    font-size: 16px;
    font-weight: 900;
}

.benefit-card p[b-2bheb381nx] {
    margin: 10px 0 0;
    color: #8496af;
    font-size: 12px;
    line-height: 1.65;
}

.pricing-plans[b-2bheb381nx] {
    display: flex;
    justify-content: center;
    padding: 0;
}

.pricing-plan-card[b-2bheb381nx] {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 560px;
    flex-direction: column;
    align-items: center;
    padding: 38px 34px;
    overflow: hidden;
    border: 1px solid rgba(96, 165, 250, 0.18);
    border-radius: 24px;
    background: radial-gradient( circle at top, rgba(37, 99, 235, 0.14), transparent 40% ), radial-gradient( circle at bottom right, rgba(124, 58, 237, 0.08), transparent 40% ), linear-gradient( 180deg, rgba(24, 38, 62, 0.99), rgba(12, 23, 41, 0.99) );
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    text-align: center;
}

.pricing-plan-badge[b-2bheb381nx] {
    display: inline-flex;
    padding: 6px 11px;
    border: 1px solid rgba(168, 85, 247, 0.22);
    border-radius: 999px;
    color: #c4b5fd;
    background: rgba(124, 58, 237, 0.10);
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 1px;
}

.pricing-plan-price[b-2bheb381nx] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

    .pricing-plan-price strong[b-2bheb381nx] {
        color: #ffffff;
        font-size: 58px;
        font-weight: 950;
        line-height: 1;
        letter-spacing: -2px;
    }

    .pricing-plan-price span[b-2bheb381nx] {
        color: #7184a0;
        font-size: 13px;
        font-weight: 800;
    }

.pricing-plan-card > p[b-2bheb381nx] {
    max-width: 470px;
    margin: 18px 0 0;
    color: #91a3bd;
    font-size: 13px;
    line-height: 1.65;
}

.pricing-plan-features[b-2bheb381nx] {
    display: grid;
    width: 100%;
    gap: 10px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

    .pricing-plan-features li[b-2bheb381nx] {
        position: relative;
        padding: 12px 14px 12px 42px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 12px;
        color: #aab8cb;
        background: rgba(255, 255, 255, 0.022);
        font-size: 12px;
        font-weight: 760;
    }

        .pricing-plan-features li[b-2bheb381nx]::before {
            content: "✓";
            position: absolute;
            left: 14px;
            top: 50%;
            display: grid;
            width: 20px;
            height: 20px;
            place-items: center;
            transform: translateY(-50%);
            border-radius: 7px;
            color: #22c55e;
            background: rgba(34, 197, 94, 0.09);
            font-size: 11px;
            font-weight: 900;
        }

.pricing-plan-action[b-2bheb381nx] {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    padding: 0 22px;
    border: 1px solid rgba(96, 165, 250, 0.30);
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient( 135deg, #1d4ed8, #3b82f6 );
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
    transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

    .pricing-plan-action:hover:not(:disabled)[b-2bheb381nx] {
        transform: translateY(-2px);
        filter: brightness(1.06);
        box-shadow: 0 22px 48px rgba(37, 99, 235, 0.34);
    }

    .pricing-plan-action:disabled[b-2bheb381nx] {
        cursor: wait;
        opacity: 0.72;
    }

.pricing-plan-card small[b-2bheb381nx] {
    margin-top: 13px;
    color: #60718a;
    font-size: 10px;
    font-weight: 750;
}

@media (max-width: 980px) {

    .pricing-content-layout[b-2bheb381nx] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .pricing-benefits[b-2bheb381nx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pricing-content-plan[b-2bheb381nx] {
        width: 100%;
    }

    .pricing-plan-card[b-2bheb381nx] {
        max-width: none;
    }
}


@media (max-width: 640px) {


    .pricing-hero[b-2bheb381nx] {
        padding: 28px 18px 42px;
    }

        .pricing-hero h1[b-2bheb381nx] {
            margin-top: 16px;
            font-size: clamp(38px, 11vw, 50px);
            letter-spacing: -1.4px;
        }

    .pricing-content-layout[b-2bheb381nx] {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 18px 72px;
    }

    .pricing-benefits[b-2bheb381nx] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .pricing-content-plan[b-2bheb381nx] {
        width: 100%;
    }

    .pricing-plan-card[b-2bheb381nx] {
        width: 100%;
        max-width: none;
        padding: 28px 20px;
        border-radius: 20px;
    }
}

/* =========================================
   PRICING MAIN LAYOUT
   ========================================= */

.pricing-content-layout[b-2bheb381nx] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 36px;
    align-items: start;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px 96px;
}

.pricing-content-benefits[b-2bheb381nx],
.pricing-content-plan[b-2bheb381nx] {
    min-width: 0;
}

.pricing-content-benefits[b-2bheb381nx] {
    min-width: 0;
}

.pricing-content-plan[b-2bheb381nx] {
    min-width: 0;
}

/* =========================================
   PRICING RESPONSIVE LAYOUT
   Keep this at the END of the file
   ========================================= */

@media (max-width: 980px) {

    .pricing-content-layout[b-2bheb381nx] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 28px;
        max-width: 760px;
        margin: 0 auto;
        padding: 0 24px 80px;
    }

    .pricing-content-benefits[b-2bheb381nx],
    .pricing-content-plan[b-2bheb381nx] {
        width: 100%;
        min-width: 0;
    }

    .pricing-benefits[b-2bheb381nx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .pricing-plans[b-2bheb381nx] {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .pricing-plan-card[b-2bheb381nx] {
        width: 100%;
        max-width: none;
    }
}


@media (max-width: 640px) {

    .pricing-content-layout[b-2bheb381nx] {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0 18px 72px;
    }

    .pricing-content-benefits[b-2bheb381nx],
    .pricing-content-plan[b-2bheb381nx] {
        position: static;
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .pricing-benefits[b-2bheb381nx] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .pricing-plans[b-2bheb381nx] {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .pricing-plan-card[b-2bheb381nx] {
        position: relative;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 28px 20px;
        border-radius: 20px;
    }

    .benefit-card[b-2bheb381nx] {
        width: 100%;
        min-height: auto;
    }

    .pricing-plan-price strong[b-2bheb381nx] {
        font-size: 48px;
    }

    .pricing-plan-action[b-2bheb381nx] {
        width: 100%;
    }
}
/* /Components/Portfolio/PortfolioIntelligenceSection.razor.rz.scp.css */
/* ==========================================================
   PORTFOLIO INTELLIGENCE
   ========================================================== */

.portfolio-intelligence-section[b-f9cz9lcf2k] {
    position: relative;
    width: 100%;
    padding: 76px var(--content-padding);
}

.portfolio-intelligence-container[b-f9cz9lcf2k] {
    display: grid;
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: 72px;
}


/* ==========================================================
   COPY
   ========================================================== */

.portfolio-intelligence-copy[b-f9cz9lcf2k] {
    max-width: 580px;
}

.portfolio-intelligence-eyebrow[b-f9cz9lcf2k] {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--primary-light);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.portfolio-intelligence-copy h2[b-f9cz9lcf2k] {
    max-width: 540px;
    margin: 0;
    color: var(--text);
    font-weight: 950;
    font-size: clamp(2rem, 3vw, 2.4rem);
    line-height: 1.1;
    letter-spacing: -0.035em;
}

.portfolio-intelligence-copy > p[b-f9cz9lcf2k] {
    font-size: 0.95rem;
    line-height: 1.65;
    max-width: 560px;
    margin: 22px 0 0;
    color: var(--text-secondary);
    font-weight: 600;
}



/* ==========================================================
   POINTS
   ========================================================== */

.portfolio-intelligence-points[b-f9cz9lcf2k] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-top: 30px;
}

.portfolio-intelligence-point[b-f9cz9lcf2k] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-secondary);
    font-size: 13px;
    font-weight: 800;
}

    .portfolio-intelligence-point[b-f9cz9lcf2k]  svg[blazicon] {
        width: 18px !important;
        height: 18px !important;
        flex: 0 0 18px;
        color: var(--primary-light);
    }


/* ==========================================================
   CTA
   ========================================================== */

.portfolio-intelligence-cta[b-f9cz9lcf2k] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 34px;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.20);
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient( 135deg, rgba(37, 99, 235, 0.95), rgba(124, 58, 237, 0.95));
    box-shadow: 0 12px 32px rgba(37, 99, 235, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

    .portfolio-intelligence-cta:hover[b-f9cz9lcf2k] {
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 16px 38px rgba(37, 99, 235, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .portfolio-intelligence-cta[b-f9cz9lcf2k]  svg[blazicon] {
        width: 17px !important;
        height: 17px !important;
        flex: 0 0 17px;
    }


/* ==========================================================
   VISUAL
   ========================================================== */

.portfolio-intelligence-visual[b-f9cz9lcf2k] {
    position: relative;
    min-width: 0;
    padding: 28px;
    overflow: hidden;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-lg);
    background: radial-gradient( circle at 50% 0%, rgba(59, 130, 246, 0.10), transparent 38%), radial-gradient( circle at 100% 100%, rgba(139, 92, 246, 0.07), transparent 32%), linear-gradient( 180deg, rgba(24, 38, 62, 0.94), rgba(13, 23, 40, 0.98));
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}


/* ==========================================================
   SOURCES
   ========================================================== */

.portfolio-source-flow[b-f9cz9lcf2k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.portfolio-source-node[b-f9cz9lcf2k] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--border-soft);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
}

.portfolio-source-node-icon[b-f9cz9lcf2k] {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.portfolio-source-node-binance[b-f9cz9lcf2k] {
    color: #facc15;
    border: 1px solid rgba(250, 204, 21, 0.18);
    background: rgba(250, 204, 21, 0.07);
}

.portfolio-source-node-coinbase[b-f9cz9lcf2k] {
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.18);
    background: rgba(59, 130, 246, 0.08);
}

.portfolio-source-node-manual[b-f9cz9lcf2k] {
    color: #c4b5fd;
    border: 1px solid rgba(167, 139, 250, 0.18);
    background: rgba(139, 92, 246, 0.08);
}

.portfolio-source-node[b-f9cz9lcf2k]  svg[blazicon] {
    width: 18px !important;
    height: 18px !important;
}

.portfolio-source-node > div:last-child[b-f9cz9lcf2k] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.portfolio-source-node strong[b-f9cz9lcf2k] {
    overflow: hidden;
    color: var(--text);
    font-size: 11px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portfolio-source-node span[b-f9cz9lcf2k] {
    overflow: hidden;
    color: var(--text-subtle);
    font-size: 8px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==========================================================
   FLOW CONNECTOR
   ========================================================== */

.portfolio-flow-connector[b-f9cz9lcf2k] {
    display: flex;
    height: 42px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--primary-light);
}

    .portfolio-flow-connector span[b-f9cz9lcf2k] {
        width: 1px;
        height: 15px;
        background: linear-gradient( to bottom, rgba(96, 165, 250, 0), rgba(96, 165, 250, 0.55));
    }

    .portfolio-flow-connector[b-f9cz9lcf2k]  svg[blazicon] {
        width: 17px !important;
        height: 17px !important;
    }


/* ==========================================================
   CONSOLIDATED PORTFOLIO
   ========================================================== */

.portfolio-consolidated-card[b-f9cz9lcf2k] {
    padding: 22px;
    border: 1px solid rgba(96, 165, 250, 0.16);
    border-radius: 16px;
    background: radial-gradient( circle at top right, rgba(59, 130, 246, 0.08), transparent 38%), rgba(8, 17, 31, 0.48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.portfolio-consolidated-label[b-f9cz9lcf2k] {
    display: block;
    color: var(--primary-light);
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 1.1px;
}

.portfolio-consolidated-value[b-f9cz9lcf2k] {
    margin-top: 8px;
    color: var(--text);
    font-size: 29px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -0.8px;
    font-variant-numeric: tabular-nums;
}

.portfolio-consolidated-grid[b-f9cz9lcf2k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

    .portfolio-consolidated-grid > div[b-f9cz9lcf2k] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

    .portfolio-consolidated-grid span[b-f9cz9lcf2k] {
        color: var(--text-subtle);
        font-size: 10px;
        font-weight: 850;
        line-height: 1.2;
    }

    .portfolio-consolidated-grid strong[b-f9cz9lcf2k] {
        overflow: hidden;
        color: var(--text);
        font-size: 13px;
        font-weight: 900;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }

    .portfolio-consolidated-grid
    .portfolio-positive[b-f9cz9lcf2k] {
        color: var(--success-light);
    }


/* ==========================================================
   PERSONALIZED INSIGHT
   ========================================================== */

.portfolio-insight-card[b-f9cz9lcf2k] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 18px;
    border: 1px solid rgba(139, 92, 246, 0.17);
    border-radius: 14px;
    background: linear-gradient( 90deg, rgba(139, 92, 246, 0.075), rgba(59, 130, 246, 0.035));
}

    .portfolio-insight-card[b-f9cz9lcf2k] >  svg[blazicon] {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px;
        color: #c4b5fd;
    }

    .portfolio-insight-card > div[b-f9cz9lcf2k] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .portfolio-insight-card span[b-f9cz9lcf2k] {
        color: #c4b5fd;
        font-size: 7px;
        font-weight: 950;
        letter-spacing: 1px;
    }

    .portfolio-insight-card strong[b-f9cz9lcf2k] {
        max-width: 480px;
        color: var(--text-secondary);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.5;
    }


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .portfolio-intelligence-section[b-f9cz9lcf2k] {
        padding-block: 78px;
    }

    .portfolio-intelligence-container[b-f9cz9lcf2k] {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .portfolio-intelligence-copy[b-f9cz9lcf2k] {
        max-width: 720px;
    }

        .portfolio-intelligence-copy h2[b-f9cz9lcf2k] {
            max-width: 680px;
        }

        .portfolio-intelligence-copy > p[b-f9cz9lcf2k] {
            max-width: 680px;
        }

    .portfolio-intelligence-visual[b-f9cz9lcf2k] {
        max-width: 760px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .portfolio-intelligence-section[b-f9cz9lcf2k] {
        padding: 64px 16px;
    }

    .portfolio-intelligence-container[b-f9cz9lcf2k] {
        gap: 38px;
    }

    .portfolio-intelligence-copy h2[b-f9cz9lcf2k] {
        font-size: 30px;
        line-height: 1.12;
        letter-spacing: -0.8px;
    }

    .portfolio-intelligence-copy > p[b-f9cz9lcf2k] {
        margin-top: 18px;
        font-size: 14px;
    }

    .portfolio-intelligence-points[b-f9cz9lcf2k] {
        margin-top: 24px;
    }

    .portfolio-intelligence-cta[b-f9cz9lcf2k] {
        width: 100%;
        margin-top: 28px;
    }

    .portfolio-intelligence-visual[b-f9cz9lcf2k] {
        padding: 18px;
        border-radius: 16px;
    }

    .portfolio-source-flow[b-f9cz9lcf2k] {
        grid-template-columns: 1fr;
    }

    .portfolio-source-node[b-f9cz9lcf2k] {
        padding: 12px;
    }

        .portfolio-source-node span[b-f9cz9lcf2k] {
            font-size: 9px;
        }

    .portfolio-consolidated-card[b-f9cz9lcf2k] {
        padding: 18px;
    }

    .portfolio-consolidated-value[b-f9cz9lcf2k] {
        font-size: 26px;
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

    .portfolio-intelligence-section[b-f9cz9lcf2k] {
        padding-inline: 12px;
    }

    .portfolio-intelligence-copy h2[b-f9cz9lcf2k] {
        font-size: 28px;
    }

    .portfolio-consolidated-grid[b-f9cz9lcf2k] {
        grid-template-columns: 1fr;
        gap: 13px;
    }

        .portfolio-consolidated-grid > div[b-f9cz9lcf2k] {
            padding-bottom: 10px;
            border-bottom: 1px solid var(--border-soft);
        }

            .portfolio-consolidated-grid > div:last-child[b-f9cz9lcf2k] {
                padding-bottom: 0;
                border-bottom: 0;
            }

        .portfolio-consolidated-grid span[b-f9cz9lcf2k] {
            font-size: 8px;
        }

        .portfolio-consolidated-grid strong[b-f9cz9lcf2k] {
            font-size: 12px;
        }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .portfolio-intelligence-cta[b-f9cz9lcf2k] {
        transition: none;
    }

        .portfolio-intelligence-cta:hover[b-f9cz9lcf2k] {
            transform: none;
        }
}
/* /Components/Shared/CryptoIcon.razor.rz.scp.css */
.crypto-icon[b-9muzsv7sxp] {
    display: block;
    flex: 0 0 auto;
    object-fit: contain;
}
/* /Components/UI/NotificationCard.razor.rz.scp.css */
.notification-card[b-3z8xt42esq] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    margin: 18px;
    border-radius: 18px;
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-md);
}

.notification-icon[b-3z8xt42esq] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(59,130,246,.12);
    color: var(--primary);
}

.notification-content[b-3z8xt42esq] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .notification-content strong[b-3z8xt42esq] {
        font-size: 15px;
    }

    .notification-content span[b-3z8xt42esq] {
        color: var(--text-secondary);
        font-size: 13px;
    }

.notification-score[b-3z8xt42esq] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(34,197,94,.15);
    color: var(--success);
    font-weight: 700;
}

.notification-heading[b-3z8xt42esq],
.notification-market[b-3z8xt42esq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

    .notification-heading small[b-3z8xt42esq] {
        color: var(--text-subtle);
        font-size: 8px;
    }

.notification-market[b-3z8xt42esq] {
    margin-top: 5px;
}

.notification-message[b-3z8xt42esq] {
    margin-top: 5px;
    color: var(--text-muted);
    font-size: 9px;
}

.notification-action[b-3z8xt42esq] {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border: 1px solid currentColor;
    border-radius: var(--radius-pill);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 0.6px;
}

.notification-action-buy[b-3z8xt42esq] {
    color: var(--success);
    background: var(--success-soft);
}

.notification-action-sell[b-3z8xt42esq] {
    color: var(--danger);
    background: var(--danger-soft);
}

.notification-action-hold[b-3z8xt42esq] {
    color: var(--neutral);
    background: var(--neutral-soft);
}

.notification-score[b-3z8xt42esq] {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    background: var(--success-soft);
    color: var(--success);
}

    .notification-score strong[b-3z8xt42esq] {
        font-size: 15px;
        line-height: 1;
    }

    .notification-score span[b-3z8xt42esq] {
        margin-top: 2px;
        font-size: 6px;
        font-weight: 900;
        text-transform: uppercase;
    }
/* /Components/UI/PhoneMockup.razor.rz.scp.css */