@media (max-width: 700px) {
    html, body {
        min-width: 100% !important;
    }

    #splash nav ul {
        margin-left: 0 !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 !important;
    }

    #splash nav ul li {
        float: none !important;
        flex: 1 1 45% !important;
        max-width: 45% !important;
        box-sizing: border-box !important;
        padding: 10px 6px !important;
        text-align: center !important;
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
    }

    #splash nav ul li a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 4px !important;
        line-height: 1.3 !important;
    }

    #welcome {
        display: flex;
        flex-direction: column !important;
    }

    #reportContainer {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        order: 2 !important;
    }

    #welcome > div[style*="width:25%"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        order: 1 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    #news {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        order: 3 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    #reportContainer .market-block {
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background-color: #f0f0f0 !important;
    }

    #reportContainer .market-header {
        background-color: transparent !important;
    }

    #splash .stabs section {
        width: 100% !important;
    }

    #tab_panel {
        padding-bottom: 30px !important;
    }

    .trade-opportunity {
        display: block !important;
        float: none !important;
        margin: 6px 0 0 0 !important;
        width: fit-content !important;
    }

    .workspace {
        float: none !important;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .workspace_inner {
        margin-left: 0 !important;
    }

    .sidebar.queries {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }
	
	.compact-results-mobile-fix .workspace_results {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
	
	#signalsContainer {
        padding-top: 0 !important;
    }

    .signal-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
	
	 .workspace_inner {
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
	
	.signal-card:first-child {
        margin-top: 15px !important;
    }
	
	.ui-dialog {
        max-width: 95vw !important;
        width: 95vw !important;
        left: 2.5vw !important;
        box-sizing: border-box !important;
    }

    .ui-dialog .ui-dialog-content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
    }
	
	.selection-card {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "chart"
            "ladder"
            "footer" !important;
    }

    .chart-area {
        min-width: 0 !important;
        width: 100% !important;
    }

    .ladder-area {
        max-width: 100% !important;
        width: 100% !important;
    }

    .modal-footer-card {
        width: 100% !important;
    }
	
	.dialog_body,
    .dialog.dialog_selections,
    .ui-dialog-content {
        width: 100% !important;
        min-width: 0 !important;
    } 
	
	.query_toolbar_vertical {
        display: none !important;
        width: 0 !important;
    }

    .workspace_toolbar {
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 8px !important;
    }

    .upgradeheader {
        overflow: visible !important;
        height: auto !important;
    }

    .search-box-mobile {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }

    .search-box-mobile label {
        flex: 1 1 100% !important;
        margin-right: 0 !important;
        white-space: nowrap !important;
    }

    .search-box-mobile input#quicksearch {
        flex: 1 1 100% !important;
        min-width: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .search-box-mobile a {
        flex: 1 1 auto !important;
        width: auto !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        display: inline-block !important;
    }
	
	.ui-dialog:has(.dialog_login) {
        width: 300px !important;
        max-width: 90vw !important;
        min-width: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
	
	.dialog_login .dialog_icon {
        display: none !important;
    }
	
	.dialog_login .dialog_body {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
	
	.ui-dialog:has(.dialog_register) {
        width: 300px !important;
        max-width: 90vw !important;
        min-width: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .dialog_register .dialog_icon {
        display: none !important;
    }

    .dialog_register .dialog_body {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    #register_form input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
	
	#splash nav {
        float: none !important;
    }
	
	li.pb-hidden {
        display: none !important;
    }
}