/* Aethelix mobile terminal controls */
@media (max-width: 767px) {
    body:not(.desktop-mode) #view-analyzer,
    body:not(.desktop-mode) #view-sniper {
        background: #000 !important;
    }

    body:not(.desktop-mode) #controls-area {
        padding: 10px 0 8px !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        background: #000 !important;
    }

    body:not(.desktop-mode) .mobile-market-rail-wrap,
    body:not(.desktop-mode) .mobile-sort-rail {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body:not(.desktop-mode) .mobile-market-toolbar {
        min-height: 38px;
        gap: 8px;
        padding-right: 16px;
    }

    body:not(.desktop-mode) .mobile-terminal-toolbar {
        display: flex;
        align-items: center;
        overflow: visible;
    }

    body:not(.desktop-mode) .mobile-toolbar-menu-wrap {
        min-width: 0;
        flex: 1 1 0;
    }

    body:not(.desktop-mode) .mobile-toolbar-listing-wrap {
        flex: 0 0 76px;
    }

    body:not(.desktop-mode) .mobile-toolbar-menu-button {
        width: 100%;
        min-width: 0;
        justify-content: space-between;
        padding-inline: 11px;
        white-space: nowrap;
    }

    body:not(.desktop-mode) .mobile-toolbar-menu-button > span:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body:not(.desktop-mode) .mobile-terminal-toolbar .mobile-market-value-control,
    body:not(.desktop-mode) .mobile-terminal-toolbar .mobile-market-value-control .mobile-token-value-switch {
        width: 94px;
        min-width: 94px;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu {
        width: 190px;
        padding: 6px;
        border: 1px solid #25344a;
        border-radius: 15px;
        background: #0a111d;
        box-shadow: 0 22px 58px rgba(0, 0, 0, 0.66), 0 0 0 1px rgba(39, 60, 255, 0.07);
    }

    body:not(.desktop-mode) .terminal-toolbar-menu button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 40px;
        padding: 0 11px;
        border-radius: 10px;
        color: #a8b4c6;
        font-size: 12px;
        font-weight: 700;
        text-align: left;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu button:hover,
    body:not(.desktop-mode) .terminal-toolbar-menu button[aria-checked="true"] {
        background: linear-gradient(90deg, rgba(39, 60, 255, 0.24), rgba(139, 92, 246, 0.09));
        color: #fff;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu-check {
        color: #8b7cff;
        opacity: 0;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu button[aria-checked="true"] .terminal-toolbar-menu-check {
        opacity: 1;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu-next,
    body:not(.desktop-mode) .terminal-toolbar-menu-back > span:first-child {
        color: #8fa0b7;
        font-size: 18px;
        line-height: 1;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu-back {
        justify-content: flex-start;
        gap: 9px;
        margin-bottom: 2px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 8px;
    }

    body:not(.desktop-mode) .mobile-market-select,
    body:not(.desktop-mode) .mobile-filter-tool {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        height: 38px;
        border: 1px solid #1e2a3a;
        border-radius: 12px;
        background: linear-gradient(180deg, rgba(18, 28, 43, 0.98), rgba(11, 19, 31, 0.98));
        color: #d8e0ec;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 6px 18px rgba(0, 0, 0, 0.18);
        font-size: 11px;
        font-weight: 760;
    }

    body:not(.desktop-mode) .mobile-market-select.active {
        border-color: rgba(75, 95, 255, 0.68);
        background: linear-gradient(145deg, rgba(39, 60, 255, 0.22), rgba(139, 92, 246, 0.10));
        color: #fff;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 7px 20px rgba(39, 60, 255, 0.10);
    }

    body:not(.desktop-mode) .mobile-chain-select {
        min-width: 66px;
        padding-inline: 9px;
    }

    body:not(.desktop-mode) .mobile-dex-select-wrap {
        min-width: 112px;
    }

    body:not(.desktop-mode) #mobile-dex-filter-button {
        width: 100%;
        justify-content: flex-start;
    }

    body:not(.desktop-mode) #mobile-dex-filter-label {
        max-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body:not(.desktop-mode) .mobile-market-chevron {
        margin-left: auto;
        color: #8fa0b7;
    }

    body:not(.desktop-mode) .mobile-market-value-control {
        width: 104px;
        min-width: 104px;
        gap: 0;
    }

    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch {
        width: 104px;
        height: 38px;
        padding: 3px;
        border: 1px solid #1e2a3a;
        border-radius: 12px;
        background: linear-gradient(180deg, rgba(18, 28, 43, 0.98), rgba(11, 19, 31, 0.98));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch button {
        min-width: 0;
        padding: 0 6px;
        border-radius: 9px;
        color: #728198;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 0.02em;
    }

    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch button.active,
    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch button[aria-pressed="true"] {
        background: linear-gradient(145deg, #273cff, #6847ef);
        color: #fff;
        box-shadow: 0 3px 10px rgba(39, 60, 255, 0.28);
    }

    body:not(.desktop-mode) .mobile-filter-tool {
        width: 38px;
        min-width: 38px;
        color: #9facbd;
    }

    body:not(.desktop-mode) #mobile-filter-market-scope .mobile-chain-select {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-width: 96px;
    }

    body:not(.desktop-mode) #mobile-filter-market-scope .mobile-chain-select img {
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

    body:not(.desktop-mode) .terminal-scope-pill {
        min-height: 34px;
        padding: 0 12px;
        border: 1px solid #1e2a3a;
        border-radius: 10px;
        background: #0d131d;
        color: #8290a4;
        font-size: 10px;
        font-weight: 800;
    }

    body:not(.desktop-mode) .terminal-scope-pill.active {
        border-color: rgba(82, 99, 255, 0.72);
        background: linear-gradient(145deg, rgba(39, 60, 255, 0.34), rgba(105, 72, 239, 0.18));
        color: #fff;
    }

    body:not(.desktop-mode) .mobile-filter-tool:active,
    body:not(.desktop-mode) .mobile-market-select:active {
        transform: scale(0.97);
    }

    body:not(.desktop-mode) .mobile-dex-menu {
        width: 208px;
        padding: 7px;
        border-color: #25344a;
        border-radius: 16px;
        background: rgba(10, 17, 29, 0.985);
        box-shadow: 0 22px 58px rgba(0, 0, 0, 0.66), 0 0 0 1px rgba(39, 60, 255, 0.07);
    }

    body:not(.desktop-mode) .mobile-dex-menu button {
        height: 42px;
        border-radius: 10px;
        color: #a8b4c6;
        font-size: 12px;
    }

    body:not(.desktop-mode) .mobile-dex-menu button.active {
        background: linear-gradient(90deg, rgba(39, 60, 255, 0.24), rgba(139, 92, 246, 0.09));
        color: #fff;
    }

    body:not(.desktop-mode) .mobile-dex-option-check {
        color: #8b7cff;
    }

    body:not(.desktop-mode) .mobile-sort-rail {
        min-height: 38px;
        margin-top: 8px;
    }

    body:not(.desktop-mode) .mobile-sort-rail > div {
        gap: 8px !important;
        padding-right: 16px;
    }

    body:not(.desktop-mode) .mobile-sort-rail .filter-btn {
        min-height: 36px !important;
        padding: 0 13px !important;
        border: 1px solid #1e2a3a !important;
        border-radius: 12px !important;
        background: linear-gradient(180deg, rgba(16, 25, 39, 0.98), rgba(9, 16, 27, 0.98)) !important;
        color: #8795a9 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
        font-size: 11px !important;
        font-weight: 760 !important;
    }

    body:not(.desktop-mode) .mobile-sort-rail .filter-btn.active {
        border-color: rgba(82, 99, 255, 0.82) !important;
        background: linear-gradient(145deg, #273cff, #6948ef) !important;
        color: #fff !important;
        box-shadow: 0 7px 18px rgba(39, 60, 255, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    }

    body:not(.desktop-mode) #trending-compound {
        display: flex !important;
        gap: 0 !important;
    }

    body:not(.desktop-mode) #trending-compound:not(.is-trending) #trending-window-btn {
        display: inline-flex !important;
    }

    body:not(.desktop-mode) #trending-compound #sort-trending {
        padding-right: 9px !important;
        border-right: 0 !important;
        border-radius: 12px 0 0 12px !important;
    }

    body:not(.desktop-mode) #trending-compound #trending-window-btn {
        min-width: 43px;
        padding: 0 8px 0 7px !important;
        border-left: 1px solid #29374a !important;
        border-radius: 0 12px 12px 0 !important;
        color: #a6b2c3 !important;
    }

    body:not(.desktop-mode) #trending-compound.is-trending #sort-trending,
    body:not(.desktop-mode) #trending-compound.is-trending #trending-window-btn {
        border-color: rgba(82, 99, 255, 0.82) !important;
        background: linear-gradient(145deg, #273cff, #6948ef) !important;
        color: #fff !important;
    }

    body:not(.desktop-mode) #trending-compound.is-trending #trending-window-btn {
        border-left-color: rgba(255, 255, 255, 0.20) !important;
    }

    body:not(.desktop-mode) #trending-dropdown {
        border-color: #25344a !important;
        border-radius: 14px !important;
        background: #0a111d !important;
        box-shadow: 0 20px 52px rgba(0, 0, 0, 0.66) !important;
    }

    body:not(.desktop-mode) #trending-dropdown button {
        color: #aab6c7 !important;
    }

    body:not(.desktop-mode) #trending-dropdown .tw-check {
        color: #8b7cff !important;
    }
}

@media (max-width: 380px) {
    body:not(.desktop-mode) .mobile-market-rail-wrap,
    body:not(.desktop-mode) .mobile-sort-rail {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body:not(.desktop-mode) .mobile-market-toolbar {
        gap: 7px;
    }
}

/* Native compact terminal toolbar: one row of controls which scrolls away,
   leaving only the list column header visible below. */
@media (max-width: 767px) {
    body:not(.desktop-mode) #controls-area {
        padding: 9px 0 5px !important;
        border-bottom: 0 !important;
    }

    body:not(.desktop-mode) .mobile-market-rail-wrap {
        margin-bottom: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body:not(.desktop-mode) .mobile-terminal-toolbar {
        min-height: 42px;
        gap: 7px;
        padding-right: 0;
    }

    body:not(.desktop-mode) .mobile-toolbar-menu-wrap {
        flex: 1 1 auto;
    }

    body:not(.desktop-mode) .mobile-toolbar-listing-wrap {
        flex: 0 0 88px;
    }

    body:not(.desktop-mode) .mobile-terminal-toolbar .mobile-market-value-control,
    body:not(.desktop-mode) .mobile-terminal-toolbar .mobile-market-value-control .mobile-token-value-switch {
        width: 102px;
        min-width: 102px;
    }

    body:not(.desktop-mode) .mobile-market-select,
    body:not(.desktop-mode) .mobile-filter-tool,
    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch {
        height: 40px;
        border: 0;
        border-radius: 20px;
        background: #171719;
        box-shadow: none;
    }

    body:not(.desktop-mode) .mobile-market-select.active {
        border: 0;
        background: #20202a;
        box-shadow: inset 0 0 0 1px rgba(126, 113, 255, 0.44);
    }

    body:not(.desktop-mode) .mobile-toolbar-menu-button {
        padding-inline: 14px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 12px;
        font-weight: 750;
    }

    body:not(.desktop-mode) .mobile-market-chevron {
        color: rgba(255, 255, 255, 0.48);
    }

    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch {
        height: 40px;
        padding: 3px;
    }

    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch button {
        border-radius: 17px;
        color: rgba(255, 255, 255, 0.44);
        font-size: 8px;
    }

    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch button.active,
    body:not(.desktop-mode) .mobile-market-value-control .mobile-token-value-switch button[aria-pressed="true"] {
        background: #4d41ff;
        color: #fff;
        box-shadow: none;
    }

    body:not(.desktop-mode) .mobile-filter-tool {
        width: 40px;
        min-width: 40px;
        justify-content: center;
        color: rgba(255, 255, 255, 0.62);
    }

    body:not(.desktop-mode) .terminal-listing-selection,
    body:not(.desktop-mode) .terminal-menu-option-label {
        display: inline-flex;
        align-items: center;
        min-width: 0;
        gap: 6px;
    }

    body:not(.desktop-mode) .terminal-listing-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 13px;
        height: 13px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 10px;
        font-weight: 900;
        line-height: 1;
    }

    body:not(.desktop-mode) .terminal-listing-icon.is-emerging {
        color: #b3a8ff;
        font-size: 14px;
    }

    body:not(.desktop-mode) .terminal-listing-icon.is-verified {
        border-radius: 50%;
        background: #0a84ff;
        color: #fff;
        font-size: 9px;
    }

    body:not(.desktop-mode) .terminal-toolbar-menu {
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        background: #151517;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.56);
    }

    body:not(.desktop-mode) .terminal-toolbar-menu button:hover,
    body:not(.desktop-mode) .terminal-toolbar-menu button[aria-checked="true"] {
        background: rgba(255, 255, 255, 0.08);
    }
}

@media (max-width: 390px) {
    body:not(.desktop-mode) .mobile-market-rail-wrap {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body:not(.desktop-mode) .mobile-terminal-toolbar {
        gap: 6px;
    }

    body:not(.desktop-mode) .mobile-toolbar-listing-wrap {
        flex-basis: 80px;
    }

    body:not(.desktop-mode) .mobile-terminal-toolbar .mobile-market-value-control,
    body:not(.desktop-mode) .mobile-terminal-toolbar .mobile-market-value-control .mobile-token-value-switch {
        width: 94px;
        min-width: 94px;
    }

    body:not(.desktop-mode) .mobile-filter-tool {
        width: 36px;
        min-width: 36px;
    }

    body:not(.desktop-mode) .mobile-toolbar-menu-button {
        padding-inline: 10px;
        font-size: 11px;
    }
}