/* Verified release cache recovery 2026-09-12: replace immutable URLs previously cached as HTML. */
/* Reflow the workspace without reducing readable text sizes. */
.mobile-setting-shortcuts { display:none; }
@media(max-width:1250px) {
    .workspace { padding-inline:28px; }
    #main-content-grid { grid-template-columns:380px minmax(0,1fr); gap:28px; }
    .local-status,.brand-descriptor,.brand-divider { display:none; }
    .control-section { padding:28px; }
    .refinements { padding-inline:28px; }
    .metrics-grid { grid-template-columns:1fr 1fr; gap:24px; }
    .metric:nth-child(n+3) { padding-top:24px; border-top:1px solid var(--color-border); }
    .chart-card { padding-inline:24px; }
}
@media(max-width:980px) {
    #main-content-grid { grid-template-columns:1fr; gap:32px; }
    .mobile-setting-shortcuts { display:flex; gap:8px; margin-bottom:12px; }
    .mobile-setting-shortcuts a {
        flex:1; display:grid; place-items:center; min-height:44px; border-radius:6px;
        background:var(--color-card-muted); color:var(--color-primary); font-size:16px; text-decoration:none;
    }
    #depth-chart { height:clamp(160px,calc(100svh - 500px - env(safe-area-inset-bottom)),480px); }
    .chart-footnote { padding-block:12px; }
    .chart-footnote > span:first-child { display:none; }
    .mobile-jump-nav {
        display:flex; position:sticky; top:0; z-index:35; gap:8px; padding:8px 0;
        margin-bottom:20px; background:var(--color-bg); border-bottom:1px solid var(--color-border);
    }
    .mobile-jump-nav a {
        flex:1; min-height:44px; display:grid; place-items:center; border-radius:6px;
        color:var(--color-text-secondary); font-size:16px; font-weight:600; text-decoration:none;
    }
    .mobile-jump-nav a:hover { background:var(--color-card-muted); color:var(--color-primary); }
    #config-column,#graph-column,#depth-chart-card,#data-tables-card,#range-settings,#fee-settings { scroll-margin-top:76px; }
    .workspace-header { min-height:80px; }
    #trading-plan-form { display:grid; grid-template-columns:1.2fr 1fr; }
    .refinements { padding-top:28px; border-left:1px solid var(--color-border); }
    .refinements h3 { padding-top:0; border:0; }
    .capital-fields { grid-template-columns:1fr; }
    .metrics-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
    .metric:nth-child(n+3) { padding-top:0; border:0; }
    .metric strong { font-size:25px; }
}
@media(max-width:700px) {
    .workspace { padding-inline:20px; }
    #trading-plan-form { display:block; }
    .refinements { padding-top:0; border-left:0; }
    .refinements h3 { padding-top:28px; border-top:1px solid var(--color-border); }
    .capital-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .metrics-grid { grid-template-columns:1fr 1fr; }
    .metric:nth-child(n+3) { padding-top:24px; border-top:1px solid var(--color-border); }
    .page-heading { padding:32px 0 28px; }
    h1 { font-size:32px; letter-spacing:-1px; }
    .page-description { max-width:40ch; font-size:16px; }
    .chart-toolbar { gap:8px; }
    #mid-price-label { display:none; }
    .chart-settings { margin-left:auto; }
    .orders-summary { gap:16px; }
    .disclosure-action > span { display:none!important; }
    .table-controls { flex-wrap:wrap; }
    .workspace-footer { flex-direction:column; gap:12px; padding-block:28px; }
    .helper-tooltip-popup {
        position:fixed; left:16px; right:16px; top:auto; bottom:24px; width:auto; max-width:none;
    }
}
@media(max-width:440px) {
    .workspace { padding-inline:16px; }
    .workspace-header { min-height:76px; gap:8px; }
    .wordmark { font-size:20px; gap:6px; }
    .brand-symbol { width:24px; }
    .brand-symbol svg { width:24px; }
    .header-actions { gap:6px; position:relative; }
    .toolbar-button { padding-inline:10px; min-height:44px; }
    .save-button > svg { display:none; }
    .icon-button { width:44px; }
    .menu-anchor { position:static; }
    .workspace-menu { right:0; max-width:calc(100vw - 32px); }
    .page-heading { padding-top:28px; }
    h1 { font-size:30px; }
    .control-section { padding:24px; }
    .refinements { padding-inline:24px; }
    .capital-fields { grid-template-columns:1fr; gap:24px; }
    .mode-dropdown-option { font-size:14px; }
    .setup-help { flex-wrap:wrap; gap:4px 16px; }
    .plan-overview { padding:24px; }
    .metrics-grid { gap:24px 16px; }
    .metric strong { font-size:24px; letter-spacing:-1px; }
    .chart-card { padding:24px 16px 0; }
    .chart-heading h2 { font-size:20px; }
    .orders-summary { padding:24px; }
    .table-heading,.table-controls { padding-inline:20px; }
    .export-button { gap:6px; padding:8px; }
    .table-help { padding:16px 20px; }
    .profit-strip { gap:16px; }
    .profit-strip > div { flex-wrap:wrap; gap:4px 12px; }
}
@media(max-width:360px) {
    .workspace { padding-inline:12px; }
    .wordmark { font-size:18px; }
    .control-section { padding:20px; }
    .refinements { padding-inline:20px; }
    .plan-overview { padding:24px 20px; }
    .metric strong { font-size:22px; }
    .overview-heading { flex-wrap:wrap; }
    .orders-summary { padding:24px 20px; }
}
/* Keep the graph visible with the dock open on short phones and in landscape. */
@media(max-width:980px) and (max-height:660px) {
    #depth-chart-card { position:relative; padding:8px 12px; scroll-margin-top:68px; }
    .chart-heading,.chart-footnote { display:none; }
    .chart-toolbar { margin-top:0; }
    #depth-chart { height:clamp(80px,calc(100svh - 317px - env(safe-area-inset-bottom)),400px); }
}
@media(min-width:600px) and (max-width:980px) and (max-height:660px) {
    #depth-chart-card { width:calc(100% - 364px); }
    #depth-chart { height:calc(100svh - 150px - env(safe-area-inset-bottom)); }
    .mobile-setting-shortcuts {
        position:absolute; z-index:36; top:8px; left:calc(100% + 40px); width:340px; margin:0;
    }
}
@media(min-width:500px) and (max-width:599px) and (max-height:420px) {
    #depth-chart-card { width:calc(100% - 314px); }
    #depth-chart { height:calc(100svh - 150px - env(safe-area-inset-bottom)); }
    .chart-legend { display:none; }
    .mobile-setting-shortcuts {
        position:absolute; z-index:36; top:8px; left:calc(100% + 40px); width:290px; margin:0;
    }
}