* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    min-height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;

    background:
        linear-gradient(
            rgba(2, 8, 18, 0.72),
            rgba(2, 8, 18, 0.82)
        ),
        url("mpx-background.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    font-family: Arial, sans-serif;
}
main {
    width: min(94vw, 390px);
    max-width: 390px;
    min-height: 680px;
    height: auto;
  
    position: relative;
    overflow: hidden;

    margin: 24px auto;
    padding: 28px 22px;

    background:
        radial-gradient(circle at top, rgba(255, 185, 0, 0.12), transparent 35%),
        linear-gradient(180deg, #070707 0%, #020202 100%);

    border: 1px solid rgba(245, 178, 27, 0.55);
    border-radius: 24px;

    box-shadow:
        0 0 12px rgba(245, 178, 27, 0.18),
        inset 0 0 12px rgba(255, 255, 255, 0.04);

    display: flex;
    align-items: center;
    justify-content: center;
}

h1 {
    color: #f5b21b;
    font-size: 30px;
    margin-top: 8px;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

h1 + p {
    color: #d4af37;
    font-size: 14px;
    margin-bottom: 35px;
}

h2 {
    color: #ffffff;
    font-size: 34px;
    margin-bottom: 12px;
}

h2 + p {
    color: #cfcfcf;
    font-size: 16px;
    margin-bottom: 30px;
}

button {
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #f6c343, #d99a00);
    color: #111;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 30px;
}

button:hover {
    opacity: 0.92;
}

main > p:last-child {
    color: #999;
    font-size: 13px;
    margin-top: 40px;
}
.logo {
    width: 165px;
    height: auto;
    margin-top: 0;
    margin-bottom: 8px;
}

.bot-description {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #d4af37;
}
.values-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 38px;
}

.value-item {
    flex: 1;
    text-align: center;
}

.value-item span {
    display: block;
    color: #d4af37;
    font-size: 22px;
    margin-bottom: 6px;
}

.value-item p {
    color: #d8d8d8;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 0;
}

main::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("mpx-background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    opacity: 0.70;

    z-index: 0;
}

main::after {
    content: "";
    position: absolute;
    inset: 0;

   background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.10),
    rgba(0, 0, 0, 0.30)
);

    z-index: 1;
}

.screen-content {
    width: 100%;
    text-align: center;

    position: relative;
    z-index: 2;

    background: rgba(0, 0, 0, 0.42);
    border-radius: 20px;
    padding: 24px 16px;

    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.auth-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
}

.auth-buttons button {
    width: 100%;
    padding: 17px;
    border-radius: 14px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0;
}

.login-btn {
    border: none;
    background: linear-gradient(135deg, #f6c343, #d99a00);
    color: #111;
}

.signup-btn {
    background: rgba(0, 0, 0, 0.45);
    color: #f5c542;
    border: 1px solid rgba(245, 197, 66, 0.85);
}

.signup-btn:hover {
    background: rgba(245, 197, 66, 0.10);
}

.tagline {
    margin-top: 18px;
    color: #1100fc;
}

.algo-title {
    color: #1100fc;
}

.hidden {
    display: none !important;
}

.dashboard {
    width: 100%;
    min-height: 100vh;
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.app-shell {
    width: min(94vw, 430px);
    min-height: calc(100vh - 36px);
    background:
        linear-gradient(
            180deg,
            rgba(4, 12, 24, 0.96),
            rgba(3, 9, 18, 0.98)
        );
    border: 1px solid rgba(212, 175, 55, 0.55);
    border-radius: 28px;
    overflow: hidden;
    box-shadow:
        0 0 26px rgba(212, 175, 55, 0.16),
        inset 0 0 18px rgba(255, 255, 255, 0.025);
}

.app-header {
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    align-items: center;
    gap: 8px;
    padding: 18px 16px 12px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.12);
}

.menu-btn,
.theme-btn {
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
    background: transparent;
    color: #f1f1f1;
    font-size: 22px;
}

.brand-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
}

.app-logo {
    width: 58px;
    height: auto;
}

.brand-block h3 {
    color: #f5c542;
    font-size: 16px;
    letter-spacing: 0.7px;
    white-space: nowrap;
}

.brand-block p {
    color: #c9c9c9;
    font-size: 9px;
    margin-top: 2px;
}

.hero-section {
    padding: 18px 18px 12px;
    text-align: center;
}

.hero-section h2 {
    color: #d4af37;
    font-size: 24px;
    margin-bottom: 5px;
}

.hero-section p {
    color: #d7d7d7;
    font-size: 14px;
}

.account-summary {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 10px;
    padding: 0 14px 14px;
}

.account-select,
.balance-panel {
    min-height: 66px;
    border: 1px solid rgba(212, 175, 55, 0.28);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
    padding: 12px 14px;
}

.account-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.account-label {
    display: block;
    color: #8f98a8;
    font-size: 9px;
    margin-bottom: 3px;
}

.account-select strong {
    display: block;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.25;
}

.chevron {
    color: #d4af37;
    font-size: 20px;
}

.balance-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.balance-panel span {
    color: #b7bdc8;
    font-size: 10px;
}

.balance-panel strong {
    color: #f5c542;
    font-size: 18px;
    margin-top: 2px;
}

.dashboard-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 0 14px 14px;
}

.tab-btn {
    margin: 0;
    padding: 12px 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: #c9c9c9;
    font-size: 13px;
}

.active-tab {
    background: linear-gradient(135deg, #f6c343, #d99a00);
    color: #111111;
    border-color: transparent;
}

.bots-list {
    padding: 0 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.bot-card {
    border-radius: 18px;
    padding: 14px;
    background: rgba(4, 14, 28, 0.88);
    box-shadow: inset 0 0 14px rgba(255, 255, 255, 0.02);
}

.safe-card {
    border: 1px solid rgba(25, 220, 106, 0.78);
}

.pro-card {
    border: 1px solid rgba(41, 140, 255, 0.78);
}

.turbo-card {
    border: 1px solid rgba(245, 178, 27, 0.82);
}

.bot-top-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.bot-avatar {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    background: rgba(255, 255, 255, 0.05);
}

.safe-avatar {
    box-shadow: inset 0 0 22px rgba(25, 220, 106, 0.18);
}

.pro-avatar {
    box-shadow: inset 0 0 22px rgba(41, 140, 255, 0.18);
}

.turbo-avatar {
    box-shadow: inset 0 0 22px rgba(245, 178, 27, 0.18);
}

.bot-info {
    flex: 1;
    min-width: 0;
}

.bot-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
}

.bot-title-row h3 {
    color: #f5c542;
    font-size: 15px;
    font-weight: 800;
}

.bot-info > p {
    color: #b7bdc8;
    font-size: 11px;
    margin-top: 5px;
}

.risk-badge {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
}

.low-risk {
    color: #d7ffe4;
    background: rgba(25, 220, 106, 0.16);
    border: 1px solid rgba(25, 220, 106, 0.45);
}

.medium-risk {
    color: #dcecff;
    background: rgba(41, 140, 255, 0.16);
    border: 1px solid rgba(41, 140, 255, 0.45);
}

.high-risk {
    color: #fff4c4;
    background: rgba(245, 178, 27, 0.16);
    border: 1px solid rgba(245, 178, 27, 0.45);
}

.bot-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 13px 0 12px;
}

.bot-features span {
    color: #cfd4dc;
    font-size: 9px;
    line-height: 1.25;
    text-align: center;
}

.bot-start-btn {
    margin: 0;
    padding: 13px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 800;
}

.safe-start {
    background: linear-gradient(135deg, #f6c343, #d99a00);
    color: #111;
}

.pro-start {
    background: linear-gradient(135deg, #f6c343, #d99a00);
    color: #111;
}

.turbo-start {
    background: linear-gradient(135deg, #f6c343, #d99a00);
    color: #111;
}

.bottom-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;

    padding: 14px 18px;
    border-top: 1px solid rgba(212, 175, 55, 0.25);
}

.nav-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.nav-item span {
    font-size: 18px;
}

.nav-item small {
    font-size: 9px;
}

.active-nav {
    color: #f5c542;
}

@media (max-width: 480px) {
    .dashboard {
        padding: 0;
        align-items: stretch;
    }

    .app-shell {
        width: 100%;
        min-height: 100vh;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .hero-section h2 {
        font-size: 22px;
    }

    .account-summary {
        grid-template-columns: 1.2fr 0.8fr;
    }

    .bot-features {
        gap: 4px;
    }
}

@media (max-width: 480px) {
    main {
        width: calc(100% - 20px);
        max-width: 390px;
        min-height: auto;
        margin: 10px auto;
        padding: 24px 18px;
    }
}
/* =========================================
   MPX DASHBOARD DESKTOP SIZE CORRECTION
   ========================================= */

@media (min-width: 481px) {

    .dashboard {
        min-height: 100vh;
        padding: 35px 20px;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .app-shell {
        width: min(94vw, 500px);
        min-height: 0;
        height: auto;

        border-radius: 28px;
    }

    .app-header {
        padding: 20px 20px 15px;
    }

    .app-logo {
        width: 68px;
    }

    .brand-block h3 {
        font-size: 18px;
    }

    .brand-block p {
        font-size: 10px;
    }

    .hero-section {
        padding: 24px 20px 18px;
    }

    .hero-section h2 {
        font-size: 28px;
    }

    .hero-section p {
        font-size: 15px;
    }

    .account-summary {
        padding: 0 18px 16px;
    }

    .account-select,
    .balance-panel {
        min-height: 72px;
        padding: 14px 16px;
    }

    .dashboard-tabs {
        padding: 0 18px 16px;
    }

    .bots-list {
        padding: 0 18px 20px;
        gap: 16px;
    }

    .bot-card {
        padding: 16px;
    }

    .bot-avatar {
        width: 78px;
        height: 78px;
        flex-basis: 78px;
        font-size: 44px;
    }

    .bot-title-row h3 {
        font-size: 16px;
    }

    .bot-info > p {
        font-size: 12px;
    }

    .bot-features span {
        font-size: 10px;
    }

    .bot-start-btn {
        padding: 15px;
        font-size: 16px;
    }

    .bottom-nav {
        position: relative;
        padding: 12px 5px 14px;
    }

    .nav-item span {
        font-size: 20px;
    }

    .nav-item small {
        font-size: 10px;
    }
}

/* =========================================
   MPX BOTTOM NAV - FINAL OVERRIDE
   ========================================= */

.bottom-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;

    padding: 10px 8px 12px;

    background: rgba(2, 8, 18, 0.98);
    border-top: 1px solid rgba(212, 175, 55, 0.22);
}

/* Override the global button styling */
.bottom-nav .nav-item {
    width: 100%;

    margin: 0 !important;
    padding: 8px 4px !important;

    border: none !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: #9aa4b2;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 3px;
    cursor: pointer;
}

.bottom-nav .nav-item:hover {
    background: rgba(212, 175, 55, 0.06) !important;
    opacity: 1;
}

.bottom-nav .nav-item span {
    font-size: 19px;
    line-height: 1;
}

.bottom-nav .nav-item small {
    font-size: 10px;
    font-weight: 600;
}

/* Current page */
.bottom-nav .active-nav {
    color: #f5c542 !important;
}
.bottom-nav {
    padding: 14px 10px 16px;
}

.bottom-nav .nav-item span {
    font-size: 21px;
}

.bottom-nav .nav-item small {
    font-size: 11px;
}

/* Automated Trading spacing */
.hero-section {
    padding-bottom: 10px;
}

.hero-section h2 {
    margin-bottom: 0;
}

.bot-icon-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}

/* =========================================
   MPX BOT SETTINGS SCREEN
   ========================================= */

.bot-settings-screen {
    width: 100%;
    min-height: 100vh;
    padding: 18px;

    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.settings-shell {
    width: min(94vw, 500px);
    min-height: calc(100vh - 36px);

    background:
        linear-gradient(
            180deg,
            rgba(4, 12, 24, 0.97),
            rgba(3, 9, 18, 0.99)
        );

    border: 1px solid rgba(212, 175, 55, 0.55);
    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 0 26px rgba(212, 175, 55, 0.16),
        inset 0 0 18px rgba(255, 255, 255, 0.025);
}

.settings-header {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;

    padding: 18px 16px 14px;

    border-bottom:
        1px solid rgba(212, 175, 55, 0.12);
}

.settings-back-btn {
    width: 42px;
    height: 42px;

    margin: 0;
    padding: 0;

    border: none;
    background: transparent;

    color: #ffffff;
    font-size: 28px;

    cursor: pointer;
}

.settings-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.settings-logo {
    width: 58px;
    height: auto;
}

.settings-brand h3 {
    color: #f5c542;
    font-size: 16px;
    letter-spacing: 0.6px;
}

.settings-brand p {
    color: #c8c8c8;
    font-size: 9px;
}

.settings-header-spacer {
    width: 42px;
}

.selected-bot-summary {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 20px 18px 16px;
}

.selected-bot-icon {
    width: 82px;
    height: 82px;

    object-fit: cover;
    border-radius: 18px;

    flex-shrink: 0;
}

.selected-bot-info {
    flex: 1;
}

.selected-bot-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.selected-bot-title-row h2 {
    color: #f5c542;
    font-size: 20px;
    margin: 0;
}

.selected-bot-info p {
    color: #c7ccd4;
    font-size: 12px;
    margin-top: 5px;
}

.settings-title {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 10px 18px 12px;
}

.settings-title span {
    font-size: 22px;
}

.settings-title h3 {
    color: #ffffff;
    font-size: 19px;
}

.bot-settings-form {
    padding: 0 18px;
}

.settings-field {
    display: grid;
    grid-template-columns: 135px 1fr;
    align-items: center;
    gap: 12px;

    margin-bottom: 14px;
}

.settings-field label {
    color: #d8d8d8;
    font-size: 13px;
}

.settings-field select,
.settings-field input {
    width: 100%;

    padding: 13px 14px;

    border-radius: 11px;

    border:
        1px solid rgba(111, 135, 168, 0.35);

    background:
        rgba(14, 28, 46, 0.88);

    color: #ffffff;

    font-size: 13px;

    outline: none;
}

.settings-field select:focus,
.settings-field input:focus {
    border-color: rgba(245, 197, 66, 0.75);

    box-shadow:
        0 0 0 2px rgba(245, 197, 66, 0.08);
}

.settings-field small {
    grid-column: 2;

    color: #818a98;
    font-size: 10px;

    margin-top: -6px;
}

.confirm-start-bot-btn {
    display: block;

    width: calc(100% - 36px);

    margin: 20px 18px 14px;

    padding: 15px;

    border: none;
    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #f6c343,
            #d99a00
        );

    color: #111111;

    font-size: 17px;
    font-weight: 800;

    cursor: pointer;
}

.advanced-settings-btn {
    width: calc(100% - 36px);

    margin: 0 18px 18px;

    padding: 15px 16px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    border-radius: 12px;

    border:
        1px solid rgba(111, 135, 168, 0.3);

    background:
        rgba(14, 28, 46, 0.72);

    color: #f2f2f2;

    font-size: 13px;
    font-weight: 600;

    cursor: pointer;
}

.advanced-settings-btn:hover {
    opacity: 1;

    background:
        rgba(22, 39, 61, 0.88);
}

.settings-bottom-nav {
    margin-top: 8px;
}

@media (max-width: 480px) {

    .bot-settings-screen {
        padding: 0;
    }

    .settings-shell {
        width: 100%;
        min-height: 100vh;

        border-radius: 0;

        border-left: none;
        border-right: none;
    }

    .settings-field {
        grid-template-columns: 120px 1fr;
    }

    .selected-bot-title-row h2 {
        font-size: 18px;
    }

    .selected-bot-icon {
        width: 72px;
        height: 72px;
    }
}

/* =========================================
   MPX BOT RUNNING SCREEN
   ========================================= */

.bot-running-screen {
    width: 100%;
    min-height: 100vh;
    padding: 18px;

    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.running-shell {
    width: min(94vw, 500px);

    background:
        linear-gradient(
            180deg,
            rgba(4, 12, 24, 0.97),
            rgba(3, 9, 18, 0.99)
        );

    border: 1px solid rgba(212, 175, 55, 0.55);
    border-radius: 28px;

    overflow: hidden;

    box-shadow:
        0 0 26px rgba(212, 175, 55, 0.16),
        inset 0 0 18px rgba(255, 255, 255, 0.025);
}

.running-header {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;

    padding: 18px 16px 14px;

    border-bottom:
        1px solid rgba(212, 175, 55, 0.12);
}

.running-menu-btn {
    width: 42px;
    height: 42px;

    margin: 0;
    padding: 0;

    border: none;
    background: transparent;

    color: #ffffff;
    font-size: 24px;
}

.running-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.running-logo {
    width: 58px;
    height: auto;
}

.running-brand h3 {
    color: #f5c542;
    font-size: 16px;
    letter-spacing: 0.6px;
}

.running-brand p {
    color: #c8c8c8;
    font-size: 9px;
}

.running-header-spacer {
    width: 42px;
}

.running-status-card {
    margin: 18px;
    padding: 16px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    border-radius: 16px;

    border:
        1px solid rgba(29, 225, 112, 0.72);

    background:
        rgba(9, 49, 31, 0.35);

    box-shadow:
        inset 0 0 18px rgba(29, 225, 112, 0.05);
}

.running-status-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.running-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;

    background: #20e878;

    box-shadow:
        0 0 8px #20e878,
        0 0 16px rgba(32, 232, 120, 0.75);
}

.running-status-left h2 {
    margin: 0;
    color: #20e878;
    font-size: 20px;
}

.running-status-left p {
    color: #d7d7d7;
    font-size: 12px;
    margin-top: 3px;
}

.running-timer-box {
    text-align: right;
}

.running-timer-box strong {
    display: block;
    color: #ffffff;
    font-size: 17px;
}

.running-timer-box span {
    color: #9099a6;
    font-size: 9px;
}

.running-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;

    padding: 0 18px 14px;
}

.running-tab {
    margin: 0;
    padding: 12px 8px;

    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.04);

    background:
        rgba(255, 255, 255, 0.04);

    color: #c9c9c9;

    font-size: 13px;
}

.active-running-tab {
    background:
        linear-gradient(
            135deg,
            #f6c343,
            #d99a00
        );

    color: #111111;
    border-color: transparent;
}

.running-stats {
    margin: 0 18px 14px;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    border:
        1px solid rgba(111, 135, 168, 0.28);

    border-radius: 16px;

    overflow: hidden;

    background:
        rgba(12, 26, 43, 0.72);
}

.stat-box {
    min-height: 88px;
    padding: 15px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border-right:
        1px solid rgba(111, 135, 168, 0.14);

    border-bottom:
        1px solid rgba(111, 135, 168, 0.14);
}

.stat-box span {
    color: #a8b0bc;
    font-size: 10px;
    margin-bottom: 6px;
}

.stat-box strong {
    color: #ffffff;
    font-size: 22px;
}

.profit-text {
    color: #20e878 !important;
}

.loss-text {
    color: #ff5757 !important;
}

.stop-bot-btn {
    width: calc(100% - 36px);

    margin: 0 18px 18px;

    padding: 16px;

    border: none;
    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #ff3d3d,
            #d92020
        );

    color: #ffffff;

    font-size: 17px;
    font-weight: 800;

    cursor: pointer;
}

.stop-bot-btn:hover {
    opacity: 0.94;
}

.recent-trades-section {
    margin: 0 18px 18px;
}

.recent-trades-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 10px;
}

.recent-trades-header h3 {
    color: #ffffff;
    font-size: 16px;
}

.view-all-btn {
    width: auto;
    margin: 0;
    padding: 5px 0;

    border: none;
    background: transparent;

    color: #f5c542;

    font-size: 11px;
}

.recent-trades-table-wrap {
    overflow-x: auto;

    border:
        1px solid rgba(111, 135, 168, 0.26);

    border-radius: 14px;

    background:
        rgba(12, 26, 43, 0.65);
}

.recent-trades-table {
    width: 100%;
    border-collapse: collapse;
}

.recent-trades-table th,
.recent-trades-table td {
    padding: 10px 8px;
    text-align: center;
    white-space: nowrap;
}

.recent-trades-table th {
    color: #9ca6b3;
    font-size: 9px;

    border-bottom:
        1px solid rgba(111, 135, 168, 0.18);
}

.recent-trades-table td {
    color: #e4e4e4;
    font-size: 10px;

    border-bottom:
        1px solid rgba(111, 135, 168, 0.10);
}

.running-bottom-nav {
    margin-top: 8px;
}

@media (max-width: 480px) {

    .bot-running-screen {
        padding: 0;
    }

    .running-shell {
        width: 100%;
        min-height: 100vh;

        border-radius: 0;

        border-left: none;
        border-right: none;
    }

    .running-status-left h2 {
        font-size: 18px;
    }

    .running-timer-box strong {
        font-size: 15px;
    }

    .running-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-box strong {
        font-size: 20px;
    }
}

/* Current Stake takes the full final row */
.running-stats .stat-box:last-child {
    grid-column: 1 / -1;
}

/* FIX RUNNING SCREEN STATS GRID */

.running-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.running-stats .stat-box {
    grid-column: auto !important;
    width: auto;
    text-align: left;
    align-items: flex-start;
}

/* EMPTY RECENT TRADES STATE */

.no-trades-state {
    min-height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 24px 16px;

    text-align: center;
}

.no-trades-icon {
    font-size: 34px;
    color: #8fa4bf;
    margin-bottom: 10px;
}

.no-trades-state strong {
    color: #dfe7f0;
    font-size: 14px;
    margin-bottom: 6px;
}

.no-trades-state p {
    margin: 0;

    color: #8f9baa;
    font-size: 11px;
    line-height: 1.5;
}

#noTradesRow td {
    padding: 0;
    border-bottom: none;
}
/* ===== MPX INTERACTIVE APP ENHANCEMENTS ===== */
.account-summary{grid-template-columns:1fr 1fr!important}.account-select,.balance-panel{min-width:0}.balance-panel{align-items:flex-start}.account-switcher-btn{width:30px!important;height:30px!important;margin:0!important;padding:0!important;border-radius:9px!important;font-size:16px!important;background:rgba(245,197,66,.12)!important;color:#f5c542!important;border:1px solid rgba(245,197,66,.45)!important}.menu-btn{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px}.menu-btn small{font-size:7px;color:#f5c542}.menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(3px);z-index:500}.glass-menu{position:fixed;z-index:501;left:max(18px,calc(50% - 245px));top:86px;width:230px;padding:12px;border:1px solid rgba(245,197,66,.32);border-radius:20px;background:rgba(8,19,34,.76);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.45)}.glass-menu-head{display:flex;align-items:center;justify-content:space-between;color:#f5c542;padding:8px 8px 12px}.glass-menu-head button{width:30px;height:30px;margin:0;padding:0;border-radius:9px;background:rgba(255,255,255,.06);color:#fff}.glass-menu>button{margin:0 0 7px;padding:13px 12px;text-align:left;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.05);color:#eaf0f7;font-size:13px}.glass-menu>button:hover{background:rgba(245,197,66,.12)}.account-switcher-popover{position:fixed;z-index:600;left:50%;top:150px;transform:translateX(-50%);width:min(88vw,390px);padding:12px;border-radius:18px;border:1px solid rgba(245,197,66,.35);background:rgba(7,18,32,.97);box-shadow:0 20px 60px rgba(0,0,0,.5)}.popover-title{color:#f5c542;font-weight:800;padding:8px}.account-option{display:flex!important;justify-content:space-between;align-items:center;width:100%;margin:6px 0!important;padding:12px!important;background:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;font-size:12px!important}.account-option small{color:#9eabba}.mpx-page{width:100%;min-height:100vh;padding:18px;display:flex;justify-content:center;align-items:flex-start}.mpx-page-shell{width:min(94vw,500px);min-height:calc(100vh - 36px);background:linear-gradient(180deg,rgba(4,12,24,.97),rgba(3,9,18,.99));border:1px solid rgba(212,175,55,.55);border-radius:28px;overflow:hidden}.page-header{display:grid;grid-template-columns:48px 1fr;align-items:center;padding:18px;border-bottom:1px solid rgba(212,175,55,.16)}.page-header h3{color:#f5c542}.page-header p{font-size:10px;color:#9aa4b2;margin-top:3px}.page-back{width:38px;height:38px;margin:0;padding:0;background:transparent;color:#fff;font-size:24px}.lifetime-grid{margin:18px;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(111,135,168,.28);border-radius:16px;overflow:hidden}.lifetime-grid>div{padding:15px;background:rgba(12,26,43,.72);border:1px solid rgba(111,135,168,.10);display:flex;flex-direction:column;gap:6px}.lifetime-grid .wide{grid-column:1/-1}.lifetime-grid span,.profile-card span{font-size:10px;color:#9ca6b3}.lifetime-grid strong{font-size:20px;color:#fff}.history-table-wrap{margin:18px;max-height:520px;overflow:auto;border:1px solid rgba(111,135,168,.26);border-radius:14px}.profile-card,.analysis-card{margin:18px;padding:18px;border:1px solid rgba(111,135,168,.26);border-radius:16px;background:rgba(12,26,43,.72);color:#e9eef5}.profile-card{display:grid;gap:8px}.profile-card strong{color:#f5c542;margin-bottom:8px}.analysis-head{display:flex;justify-content:space-between;gap:8px;color:#f5c542;font-size:12px}.digit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.digit-cell{padding:10px 4px;text-align:center;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.digit-cell strong{display:block;color:#fff;font-size:18px}.digit-cell span{font-size:9px;color:#9ca6b3}.analysis-note{font-size:10px;line-height:1.5;color:#9ca6b3;margin-top:14px}.recent-trades-table-wrap{max-height:210px;overflow:auto}.running-menu-btn{font-size:0!important}.running-menu-btn::before{content:'☰';font-size:20px}.running-menu-btn::after{content:'Menu';display:block;font-size:7px;color:#f5c542}.running-tabs .running-tab{cursor:pointer}@media(max-width:480px){.mpx-page{padding:0}.mpx-page-shell{width:100%;min-height:100vh;border-radius:0;border-left:0;border-right:0}.glass-menu{left:14px;top:70px}}

/* =========================================
   MPX PROFILE - ALL CONNECTED ACCOUNTS
   ========================================= */
.profile-accounts-section {
    margin: 16px 18px 22px;
}

.profile-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.profile-section-heading h4 {
    color: #ffffff;
    font-size: 15px;
}

.profile-section-heading span {
    color: #8f9baa;
    font-size: 10px;
}

.profile-accounts-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.profile-account-item {
    width: 100%;
    margin: 0 !important;
    padding: 14px !important;
    text-align: left;
    border-radius: 14px !important;
    border: 1px solid rgba(111, 135, 168, 0.28) !important;
    background: rgba(12, 26, 43, 0.72) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.profile-account-item:hover {
    opacity: 1;
    border-color: rgba(245, 197, 66, 0.6) !important;
    background: rgba(17, 34, 55, 0.9) !important;
}

.selected-profile-account {
    border-color: rgba(245, 197, 66, 0.85) !important;
    box-shadow: inset 0 0 16px rgba(245, 197, 66, 0.06) !important;
}

.profile-account-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.profile-account-kind {
    color: #f5c542;
    font-size: 12px;
    font-weight: 800;
}

.profile-account-top strong {
    color: #ffffff;
    font-size: 14px;
}

.profile-account-item small {
    display: block;
    color: #8793a3;
    font-size: 9px;
    margin-bottom: 3px;
}

.profile-account-id {
    display: block;
    color: #cfd6df;
    font-size: 11px;
    word-break: break-all;
}

.profile-account-empty {
    padding: 18px;
    border: 1px solid rgba(111, 135, 168, 0.22);
    border-radius: 14px;
    background: rgba(12, 26, 43, 0.5);
    color: #8f9baa;
    font-size: 11px;
    text-align: center;
}

/* ===== MPX LIVE ANALYSIS + ABOUT UPDATE ===== */
.analysis-market-control{display:grid;gap:7px;margin-bottom:14px}.analysis-market-control label{font-size:10px;color:#9ca6b3}.analysis-market-control select{width:100%;padding:12px 13px;border-radius:11px;border:1px solid rgba(245,197,66,.28);background:rgba(7,20,36,.95);color:#fff;outline:none}.analysis-subhead{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#8793a3}.analysis-live-status{font-size:10px;color:#f5c542}.analysis-live-status.live{color:#20e878}.analysis-live-status.error{color:#ff5757}.analysis-bot-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.analysis-bot-guide>div{padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);text-align:center}.analysis-bot-guide strong{display:block;color:#f5c542;font-size:9px;line-height:1.3}.analysis-bot-guide span{display:block;color:#dce4ee;font-size:11px;margin-top:4px}.about-hero{margin:18px;padding:18px;display:flex;align-items:center;gap:15px;border:1px solid rgba(245,197,66,.28);border-radius:18px;background:radial-gradient(circle at top left,rgba(245,197,66,.12),transparent 45%),rgba(12,26,43,.74)}.about-hero img{width:76px;height:auto}.about-kicker{font-size:10px;letter-spacing:1.2px;color:#f5c542;font-weight:800}.about-hero h2{font-size:21px;margin:5px 0 4px;color:#fff}.about-hero p{font-size:11px;color:#9ca6b3;margin:0}.about-card,.about-disclaimer{margin:0 18px 14px;padding:17px;border:1px solid rgba(111,135,168,.24);border-radius:16px;background:rgba(12,26,43,.68)}.about-card h3,.about-disclaimer strong{color:#f5c542;font-size:15px}.about-card p,.about-disclaimer p{margin-top:8px;color:#b9c2ce;font-size:11px;line-height:1.65}.about-grid{margin:0 18px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-grid article{padding:15px;border:1px solid rgba(111,135,168,.18);border-radius:15px;background:rgba(12,26,43,.56)}.about-grid article>span{display:inline-flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:rgba(245,197,66,.12);color:#f5c542;font-size:10px;font-weight:800}.about-grid h4{color:#fff;font-size:12px;margin:10px 0 6px}.about-grid p{color:#8f9baa;font-size:10px;line-height:1.5}.about-quote{margin:0 18px 14px;padding:18px;border-left:3px solid #f5c542;border-radius:0 14px 14px 0;background:rgba(245,197,66,.06)}.about-quote p{color:#eef2f7;font-size:12px;line-height:1.6;font-style:italic}.about-quote span{display:block;color:#f5c542;font-size:10px;margin-top:8px}.dashboard-tabs .tab-btn[data-page]{cursor:pointer}@media(max-width:480px){.about-grid{grid-template-columns:1fr}.analysis-bot-guide{grid-template-columns:1fr}}


/* ===== MPX account state + Active tab polish ===== */
.active-status-tab {
    color: #34e27a;
    border-color: rgba(52, 226, 122, .45);
    background: rgba(52, 226, 122, .10);
    box-shadow: inset 0 0 12px rgba(52, 226, 122, .06);
}
.account-status-marker { display:inline-block; margin-left:4px; font-size:.82em; line-height:1; vertical-align:1px; }
.account-marker-demo { color:#ff4d5e; }
.account-marker-real, .account-marker-whitelisted { color:#35e67a; }
.account-marker-whitelisted { font-size:.70em; vertical-align:2px; }


/* ===== DERIV OAUTH TRANSITION ===== */
.auth-transition{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 25%,rgba(25,75,140,.24),transparent 38%),rgba(3,10,20,.96)}
.auth-transition.hidden{display:none!important}.auth-transition-card{width:min(390px,92vw);padding:34px 26px;text-align:center;border:1px solid rgba(245,197,66,.32);border-radius:24px;background:rgba(8,22,39,.88);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.auth-transition-logo{width:118px;height:auto;margin:0 auto 16px}.auth-transition-card h2{margin:14px 0 8px;color:#f5c542;font-size:22px}.auth-transition-card p{margin:0;color:#fff;font-size:13px;font-weight:700}.auth-transition-card small{display:block;margin-top:8px;color:#8f9baa;font-size:10px}.auth-spinner{width:34px;height:34px;margin:8px auto;border:3px solid rgba(245,197,66,.18);border-top-color:#f5c542;border-radius:50%;animation:mpxSpin .85s linear infinite}@keyframes mpxSpin{to{transform:rotate(360deg)}}

/* ===== MPX SESSION HISTORY + PROFIT CELEBRATION ===== */
.profit-celebration-overlay{
    position:fixed;
    inset:0;
    z-index:1200;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(2,8,18,.34);
    backdrop-filter:blur(2px);
}
.profit-celebration-overlay.hidden{display:none!important}
.profit-celebration-card{
    position:relative;
    width:min(34vw,360px);
    min-width:300px;
    padding:28px 24px 24px;
    text-align:center;
    border:1px solid rgba(255,211,70,.9);
    border-radius:22px;
    background:
        radial-gradient(circle at 50% 18%,rgba(255,205,54,.20),transparent 35%),
        linear-gradient(180deg,rgba(5,18,34,.98),rgba(3,11,23,.99));
    box-shadow:0 26px 75px rgba(0,0,0,.55),0 0 26px rgba(245,197,66,.13);
    overflow:hidden;
}
.profit-celebration-close{
    position:absolute;
    top:10px;
    right:12px;
    width:34px;
    height:34px;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}
.profit-celebration-close:hover{background:rgba(255,255,255,.12)}
.profit-trophy{
    width:92px;
    height:92px;
    margin:4px auto 10px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:58px;
    background:radial-gradient(circle,rgba(255,221,90,.22),rgba(255,193,7,.04) 55%,transparent 70%);
    filter:drop-shadow(0 0 16px rgba(255,205,54,.38));
}
.profit-celebration-card h2{
    margin:4px 0 4px;
    color:#ffd84a;
    font-size:23px;
    letter-spacing:.4px;
}
.profit-celebration-card>p{margin:0 0 18px;color:#f4f7fb;font-size:15px;font-weight:700}
.profit-total-label{color:#9ca8b7;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}
.profit-celebration-amount{
    display:block;
    margin:5px 0 10px;
    color:#38ef7d;
    font-size:38px;
    line-height:1.1;
    text-shadow:0 0 18px rgba(56,239,125,.22);
}
.profit-celebration-card small{display:block;color:#9aa6b5;font-size:10px;line-height:1.45}
.profit-confetti{position:absolute;inset:8px 42px auto;display:flex;justify-content:space-between;color:#f5c542;font-size:14px;opacity:.95;pointer-events:none}
.profit-confetti span:nth-child(2),.profit-confetti span:nth-child(4){color:#fff0a3;transform:translateY(15px)}

/* Run Bot Again remains a full-width action, but visually reads as a fresh action. */
#stopBotBtn[data-run-complete="true"]{
    background:linear-gradient(90deg,#f2bf21,#ffdc52);
    color:#111827;
    border-color:rgba(255,221,82,.9);
    box-shadow:0 8px 24px rgba(245,197,66,.16);
}

@media(max-width:760px){
    .profit-celebration-card{width:min(86vw,360px);min-width:0}
}

/* =========================================================
   MPX MANUAL TRADE / ANALYSIS
   Extends the locked MPX navy / gold interface without
   changing the automated bot screens.
   ========================================================= */
.manual-analysis-card{display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,rgba(8,24,43,.92),rgba(5,16,30,.96));border-color:rgba(69,123,190,.34)}
.manual-account-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.manual-account-strip>div{padding:12px 13px;border:1px solid rgba(93,132,181,.25);border-radius:13px;background:rgba(5,14,27,.66);display:flex;flex-direction:column;gap:5px}
.manual-account-strip span,.manual-field-block label,.manual-quote-card span,.manual-status-grid span{font-size:9px;color:#95a4b7;text-transform:uppercase;letter-spacing:.06em}
.manual-account-strip strong{font-size:14px;color:#f6c945}.manual-account-balance strong{color:#fff}
.analysis-market-control{display:flex;flex-direction:column;gap:7px}.analysis-market-control label{font-size:10px;color:#9aa8b9}
.analysis-market-control select{width:100%;height:46px;border:1px solid rgba(108,139,179,.32);border-radius:12px;background:#0a1728;color:#f3f6fa;padding:0 13px;outline:none}
.manual-live-price-card{padding:14px;border:1px solid rgba(83,122,170,.24);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(14,82,158,.12),transparent 55%),rgba(4,13,25,.72);text-align:center}
.manual-live-quote{font-size:34px;font-weight:900;letter-spacing:.02em;color:#fff;margin:14px 0 5px}.manual-live-quote::first-letter{color:#fff}
.manual-last-digit-line{font-size:11px;color:#9ca8b7}.manual-last-digit{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:6px;border-radius:50%;background:#075ee9;color:#fff;font-size:18px;box-shadow:0 0 18px rgba(0,105,255,.28)}
.analysis-live-status.live{color:#33df85}.analysis-live-status.error{color:#ff5d69}
.manual-digit-grid{margin-top:0}.manual-digit-grid .digit-cell{position:relative;padding:11px 4px;background:#0b1727;border-color:rgba(115,140,174,.22)}
.manual-digit-grid .digit-cell.highest{border-color:rgba(44,224,130,.42);box-shadow:inset 0 -2px 0 rgba(44,224,130,.65)}
.manual-digit-grid .digit-cell.highest span{color:#31df84}.manual-digit-grid .digit-cell.lowest span{color:#ff5361}
.manual-direction-toggle{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.12)}
.manual-direction-btn{margin:0!important;padding:12px 8px!important;border-radius:999px!important;background:transparent!important;border:0!important;color:#aab3bf!important;font-weight:800!important;font-size:14px!important}
.manual-direction-btn.active{background:#0b1b31!important;color:#1475ff!important;box-shadow:0 4px 18px rgba(0,0,0,.24)!important}
.manual-field-block{display:flex;flex-direction:column;gap:8px}.manual-barrier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.manual-barrier-btn{margin:0!important;padding:11px 4px!important;border-radius:11px!important;background:#111c2b!important;border:1px solid rgba(133,151,175,.27)!important;color:#fff!important;font-size:16px!important;font-weight:800!important}
.manual-barrier-btn.active{background:#075ee9!important;border-color:#1c73ff!important;box-shadow:0 0 18px rgba(0,97,255,.24)!important}.manual-barrier-btn:disabled{opacity:.28!important;cursor:not-allowed}
.manual-two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-input-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid rgba(111,139,177,.32);border-radius:12px;background:#081423;overflow:hidden}
.manual-input-wrap input{width:100%;height:44px;border:0!important;background:transparent!important;color:#fff!important;padding:0 12px!important;outline:none;font-size:15px}.manual-input-wrap span{padding-right:12px;font-size:10px;color:#8f99a7}
.manual-quote-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border-radius:14px;background:rgba(7,17,31,.86);border:1px solid rgba(79,119,170,.25)}
.manual-quote-card>div{display:flex;flex-direction:column;gap:4px}.manual-quote-card strong{font-size:13px;color:#fff}.manual-quote-card small{grid-column:1/-1;color:#8391a3;font-size:9px;line-height:1.45}
.manual-buy-btn{width:100%;margin:0!important;padding:14px!important;border-radius:13px!important;background:linear-gradient(135deg,#075de7,#126dff)!important;border:1px solid rgba(74,145,255,.55)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;box-shadow:0 8px 24px rgba(2,76,186,.24)!important}
.manual-buy-btn:disabled{opacity:.52!important;cursor:not-allowed!important}
.manual-trade-status-card{padding:14px;border:1px solid rgba(75,126,187,.32);border-radius:14px;background:linear-gradient(180deg,rgba(8,29,54,.9),rgba(4,14,28,.92))}.manual-trade-status-card.won{border-color:rgba(38,220,126,.46)}.manual-trade-status-card.lost{border-color:rgba(255,76,91,.43)}
.manual-status-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.manual-status-head strong{color:#fff}.manual-status-head span{font-size:9px;font-weight:900;color:#47df8d;padding:4px 7px;border-radius:999px;background:rgba(38,220,126,.1)}
.manual-trade-status-card.lost .manual-status-head span{color:#ff6170;background:rgba(255,72,88,.1)}.manual-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-status-grid>div{display:flex;flex-direction:column;gap:4px}.manual-status-grid strong{font-size:12px;color:#fff}
.manual-analysis-card .analysis-bot-guide{margin-top:2px}.manual-analysis-card .analysis-note{margin-top:0}
@media(max-width:420px){.manual-account-strip,.manual-two-column{grid-template-columns:1fr 1fr}.manual-live-quote{font-size:30px}.manual-barrier-grid{gap:6px}.manual-barrier-btn{font-size:15px!important;padding:10px 3px!important}}


/* =========================================================
   MIGHTY PRINCE SCANNER
   Live statistical ranking layer for Manual Trade / Analysis
   ========================================================= */
.ai-scanner-card{position:relative;overflow:hidden;padding:15px;border:1px solid rgba(245,197,66,.34);border-radius:17px;background:radial-gradient(circle at 88% 0,rgba(28,111,255,.16),transparent 34%),radial-gradient(circle at 0 100%,rgba(245,197,66,.10),transparent 42%),linear-gradient(180deg,rgba(8,24,43,.96),rgba(5,15,29,.98));box-shadow:0 14px 34px rgba(0,0,0,.24)}
.ai-scanner-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.025) 45%,transparent 70%)}
.ai-scanner-top{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ai-kicker{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(245,197,66,.12);border:1px solid rgba(245,197,66,.22);color:#f5c542;font-size:8px;font-weight:900;letter-spacing:.14em}.ai-scanner-top h4{margin:7px 0 4px;color:#fff;font-size:17px}.ai-scanner-top p{margin:0;color:#8f9bad;font-size:9px;line-height:1.5;max-width:250px}.ai-scanner-status{white-space:nowrap;color:#f5c542;font-size:9px;padding-top:4px}.ai-scanner-status.live{color:#2de18a}.ai-scanner-status.error{color:#ff5d69}
.ai-best-setup{position:relative;margin-top:14px;display:grid;grid-template-columns:1fr 76px;gap:12px;align-items:center;padding:13px;border-radius:14px;background:linear-gradient(135deg,rgba(245,197,66,.07),rgba(12,68,136,.13));border:1px solid rgba(104,145,197,.24)}.ai-best-copy{display:flex;flex-direction:column;gap:4px}.ai-best-copy>span{color:#9ca9b8;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.ai-best-copy>strong{color:#f7c943;font-size:14px;line-height:1.3}.ai-best-copy>small{color:#aab5c3;font-size:8.5px;line-height:1.45}.ai-signal-ring{--signal:0deg;width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#071626 57%,transparent 59%),conic-gradient(#2de18a var(--signal),rgba(255,255,255,.08) 0);box-shadow:0 0 24px rgba(34,211,132,.09)}.ai-signal-ring strong{color:#fff;font-size:20px;line-height:1}.ai-signal-ring span{margin-top:3px;color:#8fa0b3;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.ai-setup-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.ai-setup-meta>div{padding:9px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;gap:3px}.ai-setup-meta span{color:#7f8c9d;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.ai-setup-meta strong{color:#f0f4f8;font-size:11px}
.ai-ranking-head{display:flex;justify-content:space-between;align-items:center;margin:13px 1px 7px}.ai-ranking-head span{color:#dfe6ef;font-size:9px;font-weight:800}.ai-ranking-head small{color:#728096;font-size:7px}.ai-market-ranking{display:grid;gap:6px}.ai-empty-state{padding:12px;border-radius:11px;background:rgba(255,255,255,.03);color:#8491a3;font-size:9px;text-align:center}.ai-rank-row{display:grid!important;grid-template-columns:25px 1fr auto!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;padding:9px 10px!important;border-radius:11px!important;background:rgba(255,255,255,.032)!important;border:1px solid rgba(117,144,177,.12)!important;color:#fff!important;text-align:left!important}.ai-rank-row.best{border-color:rgba(45,225,138,.32)!important;background:linear-gradient(90deg,rgba(45,225,138,.07),rgba(255,255,255,.025))!important}.ai-rank-number{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:8px;background:rgba(245,197,66,.11);color:#f5c542;font-size:9px;font-weight:900}.ai-rank-market{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-rank-market strong{font-size:9.5px;color:#f2f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-rank-market small{font-size:7.5px;color:#7f8da0}.ai-rank-score{color:#2de18a;font-size:14px;font-weight:900}.ai-rank-score small{font-size:7px;color:#718093;font-weight:600}.ai-use-setup-btn{width:100%;margin:10px 0 0!important;padding:11px!important;border-radius:11px!important;background:linear-gradient(135deg,#d7a91e,#ffd64a)!important;color:#07111e!important;border:1px solid rgba(255,218,83,.75)!important;font-size:10px!important;font-weight:900!important;box-shadow:0 7px 20px rgba(212,175,55,.15)!important}.ai-use-setup-btn:disabled{opacity:.42!important;cursor:not-allowed!important}.ai-disclaimer{margin:8px 1px 0;color:#6f7d90;font-size:7px;line-height:1.5}
@media(max-width:420px){.ai-scanner-card{padding:13px}.ai-best-setup{grid-template-columns:1fr 68px}.ai-signal-ring{width:66px;height:66px}.ai-scanner-top p{max-width:210px}}


/* =========================================
   MIGHTY PRINCE SCANNER - DEDICATED PAGE
   ========================================= */
.mini-card{border:1px solid rgba(130,92,246,.82)}
.mini-avatar{box-shadow:inset 0 0 22px rgba(130,92,246,.20)}
.mini-start{background:linear-gradient(135deg,#f6c343,#d99a00);color:#111}
.scanner-page-shell{padding-bottom:18px}
.scanner-hero-panel{margin:18px;padding:16px;border:1px solid rgba(245,197,66,.30);border-radius:18px;background:radial-gradient(circle at 88% 0,rgba(130,92,246,.15),transparent 35%),rgba(8,22,39,.88);display:flex;justify-content:space-between;gap:14px;align-items:center}
.scanner-eyebrow{font-size:8px;font-weight:900;letter-spacing:.16em;color:#f5c542}.scanner-hero-panel h2{font-size:21px;margin:5px 0;color:#fff}.scanner-hero-panel p{font-size:10px;color:#98a5b5;margin:0;line-height:1.45}
.scanner-restart-btn{width:auto;margin:0;padding:10px 13px;border-radius:11px;background:rgba(245,197,66,.10);border:1px solid rgba(245,197,66,.44);color:#f5c542;font-size:11px;white-space:nowrap}
.scanner-page-shell>.ai-scanner-card{margin:0 18px 16px}
.scanner-bot-panel{margin:0 18px 18px;padding:15px;border:1px solid rgba(71,126,191,.30);border-radius:17px;background:linear-gradient(180deg,rgba(8,24,43,.94),rgba(5,16,30,.96))}
.scanner-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.scanner-section-head span{color:#f5c542;font-size:8px;font-weight:900;letter-spacing:.13em}.scanner-section-head h4{margin:4px 0 0;color:#fff;font-size:15px}.scanner-section-head small{color:#7f8da0;font-size:9px}
.scanner-market-select-wrap{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin-bottom:13px}.scanner-market-select-wrap label{color:#aeb8c5;font-size:10px}.scanner-market-select-wrap select{width:100%;padding:11px;border-radius:11px;background:#0b1b2d;border:1px solid rgba(111,135,168,.35);color:#fff;font-size:11px}
.scanner-best-bot{padding:13px;border:1px solid rgba(45,225,138,.35);border-radius:14px;background:rgba(45,225,138,.06);margin-bottom:12px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}.scanner-best-bot>span{grid-column:1/-1;color:#8ea0b5;font-size:9px}.scanner-best-bot>strong{color:#2de18a;font-size:16px}.scanner-best-bot>small{grid-column:1/2;color:#b6c2d0;font-size:9px}.scanner-open-best{grid-column:2;grid-row:2/4;width:auto;margin:0;padding:9px 11px;border-radius:10px;background:linear-gradient(135deg,#f6c343,#d99a00);color:#111;font-size:10px}
.scanner-bot-comparison{display:flex;flex-direction:column;gap:8px}.scanner-bot-row{display:grid;grid-template-columns:1fr 70px 74px;gap:8px;align-items:center;padding:11px;border:1px solid rgba(111,135,168,.18);border-radius:12px;background:rgba(255,255,255,.025)}.scanner-bot-row.recommended{border-color:rgba(45,225,138,.38);background:rgba(45,225,138,.05)}.scanner-bot-row.waiting{opacity:.72}.scanner-bot-copy strong{display:block;color:#eaf0f7;font-size:11px}.scanner-bot-copy small{display:block;margin-top:3px;color:#8695a8;font-size:8px}.scanner-bot-score{text-align:center}.scanner-bot-score strong{display:block;color:#f5c542;font-size:14px}.scanner-bot-score small{color:#7f8da0;font-size:7px}.scanner-bot-row button{width:auto;margin:0;padding:8px 7px;border-radius:9px;background:rgba(245,197,66,.10);border:1px solid rgba(245,197,66,.28);color:#f5c542;font-size:9px}
@media(max-width:480px){.scanner-hero-panel{margin:14px;align-items:flex-start}.scanner-page-shell>.ai-scanner-card,.scanner-bot-panel{margin-left:14px;margin-right:14px}.scanner-hero-panel{flex-direction:column}.scanner-restart-btn{align-self:flex-start}.scanner-market-select-wrap{grid-template-columns:1fr}.scanner-bot-row{grid-template-columns:1fr 58px 66px}.scanner-bot-row button{font-size:8px;padding:8px 5px}.scanner-best-bot{grid-template-columns:1fr}.scanner-open-best{grid-column:1;grid-row:auto;justify-self:start}}

/* Independent Bot Scanner controls */
.scanner-market-select-wrap{grid-template-columns:120px minmax(0,1fr) auto}
.scanner-bot-restart-btn{padding:10px 12px;font-size:9px;background:linear-gradient(135deg,rgba(111,76,245,.22),rgba(28,111,255,.18));border-color:rgba(134,105,255,.48);color:#d8ccff}
.scanner-bot-live-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-3px 0 12px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(111,135,168,.14)}
.scanner-bot-live-row small{color:#728197;font-size:8px;letter-spacing:.04em}
@media(max-width:480px){
  .scanner-market-select-wrap{grid-template-columns:1fr}
  .scanner-bot-restart-btn{justify-self:start;width:auto}
}

/* =========================================
   PUBLIC SEO LANDING SUMMARY
   Search-readable content, styled to match MPX
   ========================================= */



/* =========================================
   MIGHTY PRINCE TRADE EDGE
   ========================================= */
.glass-menu{max-height:calc(100vh - 105px);overflow-y:auto;scrollbar-width:thin}
.edge-page-shell{padding-bottom:22px}
.edge-hero-card,.edge-market-card,.edge-decision-card,.edge-entry-card,.edge-bots-card,.edge-performance-card{margin:16px 18px;padding:16px;border-radius:18px;background:linear-gradient(180deg,rgba(10,25,43,.94),rgba(6,17,31,.96));border:1px solid rgba(83,118,157,.34);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.edge-hero-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-color:rgba(245,197,66,.45);background:radial-gradient(circle at 92% 0%,rgba(245,197,66,.12),transparent 32%),linear-gradient(180deg,rgba(12,28,48,.96),rgba(6,17,31,.98))}
.edge-kicker,.edge-section-head span{font-size:9px;letter-spacing:.12em;color:#f5c542;font-weight:800}.edge-hero-card h2{margin:5px 0 5px;color:#fff;font-size:22px}.edge-hero-card p{font-size:10px;line-height:1.55;color:#9eabba;max-width:300px}.edge-live-status{white-space:nowrap;font-size:10px;color:#f5c542;padding:7px 9px;border:1px solid rgba(245,197,66,.25);border-radius:999px;background:rgba(245,197,66,.06)}.edge-live-status.live{color:#24df86;border-color:rgba(36,223,134,.28);background:rgba(36,223,134,.07)}.edge-live-status.error{color:#ff6d72}
.edge-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.edge-section-head h4{color:#fff;font-size:13px;margin-top:3px}.edge-section-head small{font-size:9px;color:#93a1b2}.edge-restart-btn{width:auto!important;margin:0!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(22,104,255,.16)!important;border:1px solid rgba(55,139,255,.38)!important;color:#7db6ff!important;font-size:10px!important}.edge-market-meta{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;color:#8f9db0}
.edge-decision-card{border-color:rgba(245,197,66,.3)}.edge-decision-top{display:flex;justify-content:space-between;align-items:center}.edge-decision-top span{font-size:9px;color:#96a2b1}.edge-decision-top strong{display:block;color:#fff;font-size:20px;margin-top:4px}.edge-quality-score strong{font-size:28px;color:#f5c542}.edge-quality-score small{font-size:9px;color:#8e9aaa}.edge-quality-bar,.edge-confirm-track{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:12px}.edge-quality-bar span,.edge-confirm-track span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f5c542,#22df86);transition:width .25s ease}.edge-trade-signal{margin-top:13px;padding:11px;border-radius:12px;text-align:center;font-size:10px;font-weight:800;letter-spacing:.025em}.edge-trade-signal.waiting{color:#e1b94d;background:rgba(245,197,66,.08);border:1px solid rgba(245,197,66,.2)}.edge-trade-signal.watch{color:#62b8ff;background:rgba(31,125,255,.09);border:1px solid rgba(31,125,255,.24)}.edge-trade-signal.confirmed{color:#32ed94;background:rgba(35,225,133,.09);border:1px solid rgba(35,225,133,.3)}.edge-trade-signal.avoid{color:#ff767b;background:rgba(255,85,91,.08);border:1px solid rgba(255,85,91,.22)}
.edge-entry-card p{margin-top:10px;font-size:10px;line-height:1.5;color:#94a0b0}.edge-entry-card .edge-section-head>strong{color:#f5c542;font-size:13px}
.edge-bot-grid{display:grid;gap:9px}.edge-bot-item{display:grid;grid-template-columns:minmax(0,1fr) 90px 76px;align-items:center;gap:8px;padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.edge-bot-item.best{border-color:rgba(35,225,133,.48);box-shadow:0 0 0 1px rgba(35,225,133,.08),0 0 24px rgba(35,225,133,.07)}.edge-bot-item>div:first-child strong{display:block;color:#fff;font-size:11px}.edge-bot-item>div:first-child small{font-size:8px;color:#8e9bac}.edge-bot-score strong{display:block;color:#f5c542;font-size:13px}.edge-bot-score span{display:block;height:4px;margin-top:5px;border-radius:999px;background:linear-gradient(90deg,#2f8cff var(--edge),rgba(255,255,255,.08) var(--edge))}.edge-bot-item button{width:auto!important;margin:0!important;padding:8px!important;border-radius:9px!important;background:rgba(245,197,66,.10)!important;border:1px solid rgba(245,197,66,.3)!important;color:#f5c542!important;font-size:9px!important}
.edge-performance-list{display:grid;gap:8px}.edge-performance-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.edge-performance-row>div:last-child{text-align:right}.edge-performance-row strong{display:block;color:#fff;font-size:10px}.edge-performance-row small{display:block;margin-top:3px;font-size:8px;color:#8f9cac}.edge-empty{padding:14px;text-align:center;color:#8f9cac;font-size:9px;border:1px dashed rgba(255,255,255,.08);border-radius:12px}
@media(max-width:480px){.edge-hero-card{margin-top:12px}.edge-bot-item{grid-template-columns:minmax(0,1fr) 74px 68px}.bottom-nav .nav-item small{font-size:9px}.bottom-nav .nav-item span{font-size:18px}}
/* Mighty Prince Scanner on Bots dashboard: keep existing scanner design, fit the bot-card column. */
.bots-list>.ai-scanner-card{width:100%;box-sizing:border-box;margin:0}
.ai-bot-select-wrap{margin-top:12px}

/* =========================================================
   DASHBOARD ORDER + GLASS SURFACE REFRESH
   Requested layout only: Scanner first, then the two bots.
   ========================================================= */
.dashboard{
    background:
        radial-gradient(circle at 18% 12%,rgba(24,112,255,.16),transparent 34%),
        radial-gradient(circle at 82% 28%,rgba(245,197,66,.13),transparent 31%),
        linear-gradient(145deg,#07182b 0%,#061321 45%,#0a1b2d 100%);
}
.app-shell{
    background:linear-gradient(180deg,rgba(10,29,49,.76),rgba(5,17,31,.82));
    border-color:rgba(212,175,55,.48);
    backdrop-filter:blur(20px) saturate(135%);
    -webkit-backdrop-filter:blur(20px) saturate(135%);
    box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07),0 0 30px rgba(38,112,210,.08);
}
.bot-card{
    background:linear-gradient(145deg,rgba(18,42,68,.62),rgba(7,23,40,.70));
    backdrop-filter:blur(16px) saturate(125%);
    -webkit-backdrop-filter:blur(16px) saturate(125%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.18);
}
.bots-list>.ai-scanner-card{
    background:
        radial-gradient(circle at 88% 0,rgba(28,111,255,.22),transparent 36%),
        radial-gradient(circle at 0 100%,rgba(245,197,66,.13),transparent 44%),
        linear-gradient(145deg,rgba(18,43,70,.68),rgba(7,23,41,.74));
    backdrop-filter:blur(18px) saturate(135%);
    -webkit-backdrop-filter:blur(18px) saturate(135%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.20);
}

/* Bot page + dashboard Trade Edge duplication */
.bots-page-list { margin-top: 18px; }
.dashboard-edge-market-card, .dashboard-edge-bots-card { margin-top: 18px; }

/* ============================================================
   POST-LOGIN APP BACKGROUND + DARK GLASS UI
   Added 2026-09-18. Login screen intentionally unchanged.
   ============================================================ */
.dashboard,
.mpx-page {
    background:
        linear-gradient(rgba(2, 8, 18, 0.62), rgba(2, 8, 18, 0.74)),
        url("mpx-app-background.png") center center / cover no-repeat fixed;
}

.app-shell,
.mpx-page-shell {
    background:
        linear-gradient(180deg, rgba(4, 12, 24, 0.68), rgba(3, 9, 18, 0.76)) !important;
    -webkit-backdrop-filter: blur(14px) saturate(115%);
    backdrop-filter: blur(14px) saturate(115%);
    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.42),
        0 0 26px rgba(212, 175, 55, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

/* Keep controls readable while allowing the background to show through. */
.dashboard .ai-scanner-card,
.dashboard .edge-market-card,
.dashboard .edge-bots-card,
.dashboard .account-summary,
.mpx-page .bot-card,
.mpx-page .profile-card,
.mpx-page .analysis-card,
.mpx-page .about-card,
.mpx-page .about-disclaimer,
.mpx-page .scanner-hero-panel,
.mpx-page .edge-market-card,
.mpx-page .edge-bots-card {
    -webkit-backdrop-filter: blur(12px) saturate(110%);
    backdrop-filter: blur(12px) saturate(110%);
}

/* ============================================================
   GLASS UI VISIBILITY + DASHBOARD SPACING REFINEMENT
   Requested: brighter visible background, true glass surfaces,
   tighter/even dashboard cards. No application logic changed.
   ============================================================ */
.dashboard,
.mpx-page {
    background:
        linear-gradient(rgba(2, 8, 18, 0.28), rgba(2, 8, 18, 0.40)),
        url("mpx-app-background.png") center center / cover no-repeat fixed !important;
    background-color:#07111d;
}

.app-shell,
.mpx-page-shell {
    background:linear-gradient(180deg,rgba(5,14,27,.46),rgba(3,10,20,.56)) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    -webkit-backdrop-filter:blur(12px) saturate(125%) !important;
    backdrop-filter:blur(12px) saturate(125%) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 0 1px rgba(212,175,55,.13),inset 0 1px 0 rgba(255,255,255,.13) !important;
}

/* Tight, even dashboard stack. */
.dashboard .bots-list{
    gap:10px;
    padding:0 14px 14px;
}
.dashboard .bots-list>.ai-scanner-card,
.dashboard .bots-list>.dashboard-edge-market-card,
.dashboard .bots-list>.dashboard-edge-bots-card{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    margin:0 !important;
    border-radius:17px;
    border:1px solid rgba(255,255,255,.18) !important;
    background:linear-gradient(145deg,rgba(11,28,47,.48),rgba(5,17,31,.58)) !important;
    -webkit-backdrop-filter:blur(13px) saturate(135%) !important;
    backdrop-filter:blur(13px) saturate(135%) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(245,197,66,.07) !important;
}
.dashboard .bots-list>.ai-scanner-card{padding:14px;}
.dashboard .bots-list>.dashboard-edge-market-card,
.dashboard .bots-list>.dashboard-edge-bots-card{padding:14px;}

/* Give the rest of the signed-in surfaces the same bordered glass language. */
.mpx-page .bot-card,
.mpx-page .profile-card,
.mpx-page .analysis-card,
.mpx-page .about-card,
.mpx-page .about-disclaimer,
.mpx-page .scanner-hero-panel,
.mpx-page .scanner-bot-panel,
.mpx-page .edge-hero-card,
.mpx-page .edge-market-card,
.mpx-page .edge-decision-card,
.mpx-page .edge-entry-card,
.mpx-page .edge-bots-card,
.mpx-page .edge-performance-card {
    background:linear-gradient(145deg,rgba(11,28,47,.48),rgba(5,17,31,.58)) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    -webkit-backdrop-filter:blur(13px) saturate(130%) !important;
    backdrop-filter:blur(13px) saturate(130%) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

@media(max-width:700px){
    .dashboard,.mpx-page{
        background-position:center center !important;
        background-size:cover !important;
    }
}

/* Dashboard cleanup — compact account controls and polished selectors */
.account-summary{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:8px!important;padding:0 14px 10px!important}
.account-select,.balance-panel{min-height:54px!important;padding:8px 10px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(14,29,48,.58),rgba(6,16,29,.48))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.14)!important;backdrop-filter:blur(15px) saturate(135%)!important;-webkit-backdrop-filter:blur(15px) saturate(135%)!important}
.account-label,.balance-panel span{font-size:8px!important;letter-spacing:.45px!important;text-transform:uppercase!important;color:#aeb8c5!important}
.account-select strong{font-size:11px!important;margin-top:2px!important}
.account-switcher-btn{flex:0 0 31px!important;width:31px!important;height:31px!important;border-radius:9px!important;background:linear-gradient(145deg,#f6c945,#dca515)!important;border:1px solid rgba(255,225,122,.9)!important;color:#111!important;font-size:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 12px rgba(0,0,0,.28)!important}
.account-switcher-btn::after{content:'▼';font-size:12px;font-weight:900;color:#111;line-height:1}
.balance-panel{align-items:stretch!important;justify-content:center!important}
.balance-panel strong{display:block!important;margin-top:4px!important;padding:6px 8px!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(2,10,18,.72),rgba(10,25,40,.72))!important;border:1px solid rgba(245,197,66,.34)!important;box-shadow:inset 0 1px 5px rgba(0,0,0,.42)!important;color:#f5c542!important;font-size:15px!important;line-height:1!important;text-align:right!important;font-variant-numeric:tabular-nums!important;letter-spacing:.15px!important}

/* Make the dashboard Trade Edge market selector read as a real control. */
.dashboard-edge-market-card .manual-market-select{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:46px!important;padding:0 48px 0 14px!important;border-radius:12px!important;border:1px solid rgba(245,197,66,.55)!important;background-color:rgba(7,20,35,.82)!important;background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%),linear-gradient(135deg,#f6c945,#dca515)!important;background-position:calc(100% - 20px) 19px,calc(100% - 15px) 19px,100% 0!important;background-size:5px 5px,5px 5px,42px 100%!important;background-repeat:no-repeat!important;color:#fff!important;font-size:12px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 20px rgba(0,0,0,.16)!important;outline:none!important}
.dashboard-edge-market-card .manual-market-select:focus{border-color:#f5c542!important;box-shadow:0 0 0 2px rgba(245,197,66,.13),inset 0 1px 0 rgba(255,255,255,.08)!important}
.dashboard-edge-market-card .edge-market-meta{padding:8px 10px!important;border-radius:9px!important;background:rgba(4,13,24,.38)!important;border:1px solid rgba(255,255,255,.07)!important}

@media(max-width:380px){.account-summary{grid-template-columns:1fr 1fr!important}.account-select,.balance-panel{padding:7px 8px!important}.balance-panel strong{font-size:13px!important}}

/* Dashboard header refinement: account summary starts immediately below the app header. */
#dashboard .account-summary {
  margin-top: 10px;
}

/* ============================================================
   BACKGROUND VISIBILITY REFINEMENT — 2026-09-18
   Lighter page overlay + slightly clearer glass panels.
   ============================================================ */
.dashboard,
.mpx-page {
    background:
        linear-gradient(rgba(2,8,18,.10), rgba(2,8,18,.18)),
        url("mpx-app-background.png") center center / cover no-repeat fixed !important;
    background-color:#07111d !important;
}

.app-shell,
.mpx-page-shell {
    background:linear-gradient(180deg,rgba(5,14,27,.27),rgba(3,10,20,.35)) !important;
    border:1px solid rgba(255,255,255,.19) !important;
    -webkit-backdrop-filter:blur(10px) saturate(120%) !important;
    backdrop-filter:blur(10px) saturate(120%) !important;
}

/* Dashboard glass cards: keep controls readable while letting the lifestyle image show through. */
.dashboard .account-select,
.dashboard .balance-panel,
.dashboard .bots-list>.ai-scanner-card,
.dashboard .bots-list>.dashboard-edge-market-card,
.dashboard .bots-list>.dashboard-edge-bots-card {
    background:linear-gradient(145deg,rgba(11,28,47,.34),rgba(5,17,31,.42)) !important;
    border:1px solid rgba(255,255,255,.20) !important;
    -webkit-backdrop-filter:blur(11px) saturate(130%) !important;
    backdrop-filter:blur(11px) saturate(130%) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 1px rgba(245,197,66,.06) !important;
}

/* Signed-in secondary pages use the same lighter glass language. */
.mpx-page .bot-card,
.mpx-page .profile-card,
.mpx-page .analysis-card,
.mpx-page .about-card,
.mpx-page .about-disclaimer,
.mpx-page .scanner-hero-panel,
.mpx-page .scanner-bot-panel,
.mpx-page .edge-hero-card,
.mpx-page .edge-market-card,
.mpx-page .edge-decision-card,
.mpx-page .edge-entry-card,
.mpx-page .edge-bots-card,
.mpx-page .edge-performance-card {
    background:linear-gradient(145deg,rgba(11,28,47,.34),rgba(5,17,31,.42)) !important;
    border:1px solid rgba(255,255,255,.19) !important;
    -webkit-backdrop-filter:blur(11px) saturate(128%) !important;
    backdrop-filter:blur(11px) saturate(128%) !important;
}

@media(max-width:700px){
    .dashboard,.mpx-page{
        background-attachment:scroll !important;
        background-position:center center !important;
        background-size:cover !important;
    }
}

/* === MPX CLEAR BACKGROUND / TRUE GLASS OVERRIDE ===
   Keep the lifestyle background sharp. Glass comes from transparency,
   borders and highlights — NOT backdrop blur. */
body.authenticated,
body.logged-in,
body.app-authenticated,
body:has(#app:not(.hidden)){
    background-image:linear-gradient(rgba(2,8,16,.10),rgba(2,8,16,.14)),url("mpx-app-background.png") !important;
    background-position:center center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-attachment:fixed !important;
}

/* Remove all blur from signed-in application surfaces only. */
body.authenticated #app *,
body.logged-in #app *,
body.app-authenticated #app *,
body:has(#app:not(.hidden)) #app *{
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
}

/* Transparent glass panels with crisp borders/highlights. */
body:has(#app:not(.hidden)) #app .account-select,
body:has(#app:not(.hidden)) #app .balance-panel,
body:has(#app:not(.hidden)) #app .ai-scanner-card,
body:has(#app:not(.hidden)) #app .scanner-hero-panel,
body:has(#app:not(.hidden)) #app .scanner-bot-panel,
body:has(#app:not(.hidden)) #app .edge-hero-card,
body:has(#app:not(.hidden)) #app .edge-market-card,
body:has(#app:not(.hidden)) #app .edge-decision-card,
body:has(#app:not(.hidden)) #app .edge-entry-card,
body:has(#app:not(.hidden)) #app .edge-bots-card,
body:has(#app:not(.hidden)) #app .edge-performance-card,
body:has(#app:not(.hidden)) #app .manual-analysis-card,
body:has(#app:not(.hidden)) #app .bot-card{
    background:linear-gradient(145deg,rgba(7,20,35,.48),rgba(3,12,24,.56)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.18) !important;
}

/* === CRISP SIGNED-IN BACKGROUND FIX ===
   Direct selectors: previous #app-based override did not match this document.
   The lifestyle image must remain sharp; no signed-in shell/card may blur it. */
.dashboard,
.mpx-page {
    background:
        linear-gradient(rgba(2,8,16,.08), rgba(2,8,16,.12)),
        url("mpx-app-background.png") center center / cover no-repeat !important;
    background-attachment: scroll !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.dashboard::before,
.dashboard::after,
.mpx-page::before,
.mpx-page::after {
    filter:none !important;
    -webkit-filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

/* Kill the actual source of the visible background blur. */
.app-shell,
.mpx-page-shell,
.bot-card,
.ai-scanner-card,
.edge-market-card,
.edge-bots-card,
.account-summary,
.account-select,
.balance-panel,
.profile-card,
.analysis-card,
.about-card,
.about-disclaimer,
.scanner-hero-panel,
.scanner-bot-panel,
.edge-hero-card,
.edge-decision-card,
.edge-entry-card,
.edge-performance-card,
.manual-analysis-card,
.page-header,
.bots-list,
.bots-page-list {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Keep the existing glass look through transparency, borders and shadows only. */
.app-shell,
.mpx-page-shell {
    background:linear-gradient(180deg,rgba(5,14,27,.20),rgba(3,10,20,.27)) !important;
}

.mpx-page .bot-card,
.dashboard .ai-scanner-card,
.dashboard .edge-market-card,
.dashboard .edge-bots-card,
.dashboard .account-select,
.dashboard .balance-panel,
.mpx-page .profile-card,
.mpx-page .analysis-card,
.mpx-page .about-card,
.mpx-page .about-disclaimer,
.mpx-page .scanner-hero-panel,
.mpx-page .scanner-bot-panel,
.mpx-page .edge-hero-card,
.mpx-page .edge-market-card,
.mpx-page .edge-decision-card,
.mpx-page .edge-entry-card,
.mpx-page .edge-bots-card,
.mpx-page .edge-performance-card {
    background:linear-gradient(145deg,rgba(7,20,35,.42),rgba(3,12,24,.50)) !important;
}

/* === CLEAR MENU BACKGROUND ===
   Keep the same sharp lifestyle image visible when the main menu is open. */
.menu-backdrop {
    background: rgba(2,8,16,.10) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

.glass-menu {
    background: linear-gradient(145deg,rgba(7,20,35,.40),rgba(3,12,24,.48)) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    border: 1px solid rgba(245,197,66,.32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 55px rgba(0,0,0,.30) !important;
}

/* === HEADER BALANCE + LIVE ACCOUNT STATUS REFINEMENT === */
#dashboard .app-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}
#dashboard .brand-block{
    order:1!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-width:0!important;
}
#dashboard #dashboardMenuBtn{
    order:2!important;
    flex:0 0 42px!important;
    margin-left:auto!important;
}
#dashboard .brand-block .app-logo{
    flex:0 0 auto!important;
}

/* REAL/DEMO now uses the same inset-box language as the balance value. */
#dashboard #accountType{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:4px!important;
    padding:6px 8px!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,rgba(2,10,18,.72),rgba(10,25,40,.72))!important;
    border:1px solid rgba(45,255,126,.48)!important;
    box-shadow:inset 0 1px 5px rgba(0,0,0,.42)!important;
    color:#39ff88!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.35px!important;
}
#dashboard #accountType .account-status-marker,
#dashboard #accountType .account-marker-real,
#dashboard #accountType .account-marker-whitelisted{
    color:#39ff88!important;
}
#dashboard #balance{
    color:#39ff88!important;
    border-color:rgba(45,255,126,.48)!important;
    text-shadow:0 0 10px rgba(57,255,136,.16)!important;
}

/* === RIGHT-SIDE READABLE MENU REFINEMENT ===
   Keep the menu beside its top-right trigger and restore a strong readable surface. */
.glass-menu{
    left:auto !important;
    right:max(18px,calc(50% - 245px)) !important;
    top:86px !important;
    width:230px !important;
    background:linear-gradient(180deg,rgba(6,17,31,.96),rgba(3,11,22,.97)) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:1px solid rgba(245,197,66,.38) !important;
    box-shadow:0 18px 55px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.menu-backdrop{
    background:rgba(0,0,0,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
#dashboard #dashboardMenuBtn{
    flex-basis:52px !important;
    min-width:52px !important;
    min-height:48px !important;
    gap:2px !important;
}
#dashboard #dashboardMenuBtn > span{
    font-size:25px !important;
    line-height:24px !important;
}
#dashboard #dashboardMenuBtn > small{
    font-size:9px !important;
    line-height:11px !important;
    font-weight:800 !important;
    letter-spacing:.2px !important;
}
@media(max-width:480px){
    .glass-menu{
        left:auto !important;
        right:14px !important;
        top:70px !important;
    }
}

/* Trade Edge + universal page menu refinement */
.page-header{grid-template-columns:48px minmax(0,1fr) 52px!important;gap:8px!important}
.page-menu-btn{width:46px!important;height:44px!important;margin:0!important;padding:3px 5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;border-radius:12px!important;background:rgba(8,19,34,.92)!important;border:1px solid rgba(245,197,66,.35)!important;color:#f5c542!important;box-shadow:0 7px 20px rgba(0,0,0,.22)!important}
.page-menu-btn span{font-size:20px!important;line-height:18px!important}.page-menu-btn small{font-size:8px!important;line-height:11px!important;color:#f5c542!important;font-weight:800!important}
.settings-page-menu-btn{margin-left:auto!important}
.edge-hero-card{padding:12px 14px!important;min-height:0!important;align-items:center!important}
.edge-hero-card h2{margin:0 0 3px!important;font-size:19px!important}.edge-hero-card p{margin:0!important;line-height:1.35!important;max-width:320px!important}
.edge-live-status.live{animation:edgeLiveBlink 1.05s ease-in-out infinite!important}
@keyframes edgeLiveBlink{0%,100%{opacity:1;box-shadow:0 0 0 rgba(36,223,134,0)}50%{opacity:.42;box-shadow:0 0 14px rgba(36,223,134,.32)}}
.edge-market-card .manual-market-select{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:44px!important;padding:0 46px 0 13px!important;border-radius:12px!important;border:1px solid rgba(245,197,66,.55)!important;background-color:rgba(7,20,35,.82)!important;background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%),linear-gradient(135deg,#f6c945,#dca515)!important;background-position:calc(100% - 19px) 18px,calc(100% - 14px) 18px,100% 0!important;background-size:5px 5px,5px 5px,40px 100%!important;background-repeat:no-repeat!important;color:#fff!important;font-size:12px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 20px rgba(0,0,0,.16)!important;outline:none!important}
.edge-market-card .manual-market-select:focus{border-color:#f5c542!important;box-shadow:0 0 0 2px rgba(245,197,66,.13),inset 0 1px 0 rgba(255,255,255,.08)!important}
.history-market-performance{margin-top:10px!important}.edge-performance-scroll{max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.edge-performance-scroll::-webkit-scrollbar{width:6px}.edge-performance-scroll::-webkit-scrollbar-thumb{background:rgba(245,197,66,.42);border-radius:999px}.edge-performance-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
\n\n/* Dashboard Super Market Scanner: compact refresh + stronger live pulse */\n.ai-scanner-status-tools{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;position:relative;z-index:2}\n.ai-scanner-refresh-btn{width:25px;height:25px;min-width:25px;padding:0;border-radius:50%;border:1px solid rgba(245,197,66,.55);background:rgba(5,15,29,.72);color:#f5c542;font-size:16px;font-weight:900;line-height:23px;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.22);transition:transform .16s ease,background .16s ease,border-color .16s ease}\n.ai-scanner-refresh-btn:hover,.ai-scanner-refresh-btn:active{transform:rotate(35deg) scale(1.05);background:rgba(245,197,66,.14);border-color:#f5c542}\n.dashboard #aiScannerStatus.live{font-weight:900;animation:mpxStrongLiveBlink .72s ease-in-out infinite}\n@keyframes mpxStrongLiveBlink{0%,100%{opacity:1;text-shadow:0 0 4px rgba(45,225,138,.85),0 0 10px rgba(45,225,138,.55);transform:scale(1)}50%{opacity:.24;text-shadow:none;transform:scale(.97)}}\n
/* Scanner refresh size correction: match account dropdown footprint */
.ai-scanner-refresh-control{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;width:34px!important;max-width:34px!important;margin:0 auto!important}
.ai-scanner-refresh-control .ai-scanner-refresh-btn{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:31px!important;min-width:31px!important;max-width:31px!important;height:31px!important;min-height:31px!important;max-height:31px!important;margin:0!important;padding:0!important;border-radius:9px!important;font-size:15px!important;line-height:1!important}
.ai-scanner-refresh-control>span{display:block!important;margin:0!important;padding:0!important;font-size:7px!important;font-weight:700!important;line-height:9px!important;color:#f5c542!important;text-align:center!important;white-space:nowrap!important}

/* Scanner live indicator + refresh alignment refinement */
.ai-scanner-status-tools{
  width:92px!important;
  min-width:92px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  padding-top:7px!important;
}
.ai-scanner-status{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  padding-top:0!important;
  text-align:center!important;
}
.ai-scanner-status::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#2de18a;
  box-shadow:0 0 5px rgba(45,225,138,.95),0 0 10px rgba(45,225,138,.7);
}
.ai-scanner-status.live::before{
  animation:mpxScannerDotBlink .62s ease-in-out infinite!important;
}
@keyframes mpxScannerDotBlink{
  0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 5px rgba(45,225,138,1),0 0 12px rgba(45,225,138,.9)}
  50%{opacity:.12;transform:scale(.55);box-shadow:0 0 1px rgba(45,225,138,.15)}
}
.dashboard #aiScannerStatus.live,#aiScannerStatus.live{animation:none!important}
.ai-scanner-refresh-control{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  gap:2px!important;
  align-items:center!important;
}
.ai-scanner-refresh-control .ai-scanner-refresh-btn{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  border-radius:9px!important;
}
.ai-scanner-refresh-control>span{
  width:100%!important;
  font-size:7px!important;
  line-height:9px!important;
  text-align:center!important;
}

/* Final scanner status stack alignment: live row -> refresh button -> Refresh label */
.ai-scanner-top{position:relative!important;padding-right:104px!important;min-height:76px!important}
.ai-scanner-status-tools{
  position:absolute!important;
  top:8px!important;
  right:4px!important;
  width:96px!important;
  min-width:96px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:0!important;
  margin:0!important;
}
.ai-scanner-status-tools .ai-scanner-status{
  display:flex!important;
  width:auto!important;
  max-width:96px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 1px!important;
  padding:0!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.ai-scanner-status-tools .ai-scanner-refresh-control{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  margin:0 auto!important;
  padding:0!important;
  gap:2px!important;
}
.ai-scanner-status-tools .ai-scanner-refresh-control .ai-scanner-refresh-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0 auto!important;
  padding:0!important;
}
.ai-scanner-status-tools .ai-scanner-refresh-control>span{
  display:block!important;
  position:static!important;
  width:42px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:7px!important;
  line-height:9px!important;
}
@media(max-width:420px){
  .ai-scanner-top{padding-right:100px!important}
  .ai-scanner-status-tools{right:0!important;width:94px!important;min-width:94px!important}
}


/* Dashboard Super Market Scanner restart: match Select Market restart button */
.ai-scanner-status-tools{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.ai-scanner-status-tools .ai-scanner-status{
  margin:0!important;
  text-align:center!important;
}
.ai-scanner-status-tools .ai-scanner-restart-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:rgba(22,104,255,.16)!important;
  border:1px solid rgba(55,139,255,.38)!important;
  color:#7db6ff!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
}


/* LOGIN PAGE — dashboard visual match (corrected) */
body:not(.authenticated):has(#loginScreen:not(.hidden)) {
  background:
    linear-gradient(rgba(2,8,18,.24),rgba(2,8,18,.34)),
    url("mpx-app-background.png") center/cover fixed no-repeat!important;
}
#loginScreen{
  width:min(94vw,390px)!important;
  min-height:0!important;
  margin:24px auto!important;
  padding:18px!important;
  background:linear-gradient(180deg,rgba(8,22,39,.70),rgba(5,15,28,.74))!important;
  border:1px solid rgba(83,118,157,.42)!important;
  border-radius:22px!important;
  box-shadow:0 18px 55px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.05)!important;
  overflow:hidden!important;
}
#loginScreen::before,#loginScreen::after{content:none!important;display:none!important;background:none!important;}
#loginScreen .screen-content{
  background:rgba(8,22,39,.34)!important;
  border:1px solid rgba(83,118,157,.28)!important;
  border-radius:18px!important;
  padding:22px 16px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
#loginScreen h1{color:#f5c542!important;font-size:28px!important;margin:6px 0 7px!important;}
#loginScreen h1+p{color:#aeb9c8!important;margin-bottom:24px!important;font-size:13px!important;}
#loginScreen .logo{width:150px!important;margin:0 auto 6px!important;}
#loginScreen .auth-buttons{margin-top:4px!important;margin-bottom:12px!important;gap:10px!important;}
#loginScreen .login-btn{background:linear-gradient(135deg,#f5c542,#dba719)!important;color:#07111f!important;}
#loginScreen .signup-btn{background:rgba(14,34,57,.68)!important;color:#f5c542!important;border:1px solid rgba(245,197,66,.48)!important;}
#loginScreen .values-row{margin-top:24px!important;}
#loginScreen .value-item span{color:#f5c542!important;}
#loginScreen .value-item p{color:#b9c4d2!important;}

/* LOGIN MOBILE CENTER + FULL VIEWPORT BACKGROUND */
html,body{min-height:100%;background-color:#06101d;}
body:not(.authenticated):has(#loginScreen:not(.hidden)){
  min-height:100dvh!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background-image:linear-gradient(rgba(2,8,18,.24),rgba(2,8,18,.34)),url("mpx-app-background.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
}
#loginScreen:not(.hidden){
  flex:none!important;
  width:min(88vw,390px)!important;
  max-width:390px!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:18px!important;
  align-self:center!important;
  transform:translateY(-3vh)!important;
}
#loginScreen .screen-content{width:100%!important;margin:0 auto!important;}
@media(max-width:480px){
  body:not(.authenticated):has(#loginScreen:not(.hidden)){
    min-height:100svh!important;
    background-size:cover!important;
    background-position:center center!important;
  }
  #loginScreen:not(.hidden){
    width:88vw!important;
    margin:0 auto!important;
    transform:translateY(-3vh)!important;
  }
}