/* Lumex 4.4.1 — mobile-only corrections. Every rule is scoped to mobile widths. */
@media (max-width:1060px){
  /* Header: stable three-part row, full brand visible, brand always opens home. */
  .lm-header-v390{height:68px!important}
  .lm-header-v390 .lm-header-inner{
    width:100%!important;height:68px!important;padding:0 16px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  }
  .lm-header-v390 .lm-brand{
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;height:68px!important;
    display:flex!important;align-items:center!important;gap:9px!important;overflow:visible!important;
    position:relative!important;z-index:2!important;pointer-events:auto!important;touch-action:manipulation!important;
  }
  .lm-header-v390 .lm-brand-mark{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important}
  .lm-header-v390 .lm-brand-word{display:block!important;font-size:19px!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
  .lm-header-v390 .lm-header-actions{
    flex:0 0 auto!important;min-width:0!important;height:68px!important;display:flex!important;align-items:center!important;
    justify-content:flex-end!important;gap:8px!important;position:relative!important;z-index:3!important;
  }
  .lm-header-v390 [data-lm-auth-links]{display:none!important}
  .lm-header-v390 .lm-language-btn{height:44px!important;min-width:76px!important;padding:0 13px!important;border-radius:12px!important;font-size:14px!important;gap:7px!important}
  .lm-header-v390 .lm-mobile-toggle{width:50px!important;height:44px!important;min-width:50px!important;border-radius:12px!important;display:grid!important;place-items:center!important;padding:0!important}
  .lm-header-v390 .lm-menu-icon{width:25px!important;height:25px!important}

  /* Drawer follows the same visible information architecture as desktop. */
  .lm-global-drawer-head .lm-brand{pointer-events:auto!important;touch-action:manipulation!important}
}

@media (max-width:760px){
  /* Portfolio: align the emphasized unassigned row to the same left/right baseline. */
  .lm421-allocation-metric.emphasis{
    padding:9px 0!important;margin:0!important;border-radius:0!important;background:transparent!important;
    border-top:1px solid #edf0f5!important;
  }
  .lm421-allocation-metric.emphasis b{
    justify-self:end!important;padding:6px 10px!important;border-radius:10px!important;background:#f5f7ff!important;color:#4f63f2!important;
  }
  .lm421-allocation-metric.emphasis small{padding-left:0!important}
  .lm421-current-position b{color:#172137!important}
  .lm421-current-position b:not(:empty){white-space:nowrap!important}

  /* Economic calendar: the hero already names the page; do not repeat the title below it on mobile. */
  [data-mi-page="market-calendar"] .lm-mi-calendar-only>header{display:none!important}
  [data-mi-page="market-calendar"] .lm-mi-calendar-only{margin-top:0!important;padding-top:0!important}
  [data-mi-page="market-calendar"] .lm-mi-content{padding-top:12px!important}

  /* Keep mobile brand from being squeezed on narrow phones. */
  .lm-header-v390 .lm-header-inner{padding-left:14px!important;padding-right:14px!important}
  .lm-header-v390 .lm-brand{gap:8px!important}
  .lm-header-v390 .lm-brand-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .lm-header-v390 .lm-brand-word{font-size:18px!important}
  .lm-header-v390 .lm-language-btn{min-width:72px!important;height:42px!important;padding:0 11px!important}
  .lm-header-v390 .lm-mobile-toggle{width:46px!important;height:42px!important;min-width:46px!important}
}

@media (max-width:380px){
  .lm-header-v390 .lm-header-inner{padding-left:10px!important;padding-right:10px!important;gap:7px!important}
  .lm-header-v390 .lm-brand-word{font-size:17px!important}
  .lm-header-v390 .lm-brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
  .lm-header-v390 .lm-language-btn{min-width:68px!important;padding:0 9px!important}
  .lm-header-v390 .lm-mobile-toggle{width:44px!important;min-width:44px!important}
}

/* 5.0.3 — futures mobile identity hard lock (loaded last) */
@media(max-width:760px){
  .lm470-futures-catalog .lm503-card-head{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;min-width:0!important}
  .lm470-futures-catalog .lm503-card-logo{grid-column:1!important;grid-row:1!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .lm470-futures-catalog .lm503-card-logo>.lm-market-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important;margin:0!important}
  .lm470-futures-catalog .lm503-card-id{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .lm470-futures-catalog .lm503-card-id>b,.lm470-futures-catalog .lm503-card-id>small{display:block!important;width:100%!important;max-width:100%!important;text-align:left!important;margin-left:0!important;padding-left:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .lm470-futures-catalog .lm503-card-id>b{font-size:15px!important;line-height:1.2!important}
  .lm470-futures-catalog .lm503-card-id>small{font-size:10.5px!important;line-height:1.25!important;margin-top:3px!important}
  .lm470-futures-catalog .lm503-card-badge{grid-column:1/-1!important;grid-row:2!important;justify-self:start!important;margin:0!important;max-width:100%!important}

  html.lm-touch-ui .lm4-live-current-strategy{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;column-gap:10px!important;align-items:center!important;width:100%!important}
  html.lm-touch-ui .lm4-live-current-icon{grid-column:1!important;width:44px!important;height:44px!important;margin:0!important}
  html.lm-touch-ui .lm4-live-current-icon .lm-market-logo{width:42px!important;height:42px!important;object-fit:contain!important}
  html.lm-touch-ui .lm4-live-current-strategy>span:last-child{grid-column:2!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;margin:0!important;padding:0!important}
  html.lm-touch-ui .lm4-live-current-strategy>span:last-child>*{text-align:left!important;margin-left:0!important;max-width:100%!important}
}


/* 5.0.6 — futures detail/mobile alignment */
.lm470-futures-hero{display:block!important;padding:24px!important}
.lm470-futures-hero .lm4-detail-title{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;align-items:start!important;width:100%!important}
.lm470-futures-hero .lm4-detail-title>div:first-child{min-width:0!important;text-align:left!important}
.lm470-futures-hero .lm4-detail-title>div:first-child>span{display:block!important;margin:0 0 8px!important;color:#4e77e7!important;font-size:13px!important;font-weight:850!important}
.lm470-futures-hero .lm4-detail-title h1{margin:0!important;font-size:30px!important;line-height:1.12!important;letter-spacing:-.035em!important;text-align:left!important;word-break:keep-all!important}
.lm470-futures-hero .lm4-detail-title p{margin:10px 0 0!important;font-size:13px!important;line-height:1.65!important;color:#69778c!important;text-align:left!important;word-break:keep-all!important}
.lm506-detail-symbol{display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;width:100%!important;padding:16px 18px!important;margin:0!important;border:1px solid #e0e6ef!important;border-radius:16px!important;background:#fff!important;text-align:left!important}
.lm506-detail-logo{width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.lm506-detail-logo .lm4-coin-logo,.lm506-detail-logo .lm-market-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important}
.lm506-detail-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;text-align:left!important}
.lm506-detail-copy b{display:block!important;margin:0!important;color:#172137!important;font-size:16px!important;line-height:1.25!important;font-weight:850!important;white-space:normal!important;word-break:keep-all!important}
.lm506-detail-copy small{display:block!important;margin:5px 0 0!important;color:#7a8798!important;font-size:11.5px!important;line-height:1.4!important;white-space:normal!important;word-break:keep-all!important}
.lm4-detail-kpis article{text-align:left!important}
.lm4-start-panel,.lm4-strategy-panel{text-align:left!important}
.lm4-start-hero{text-align:left!important}.lm4-start-hero h2,.lm4-start-hero p{text-align:left!important}
@media(max-width:760px){
  .lm470-futures-nav{margin:0 0 14px!important;gap:10px!important}
  .lm470-futures-nav>a{font-size:13px!important}
  .lm470-futures-nav>div a{width:max-content!important;min-height:42px!important;padding:8px 12px!important}
  .lm470-futures-hero{padding:22px 18px!important;border-radius:20px!important}
  .lm470-futures-hero .lm4-detail-title{gap:16px!important}
  .lm470-futures-hero .lm4-detail-title h1{font-size:28px!important;line-height:1.1!important}
  .lm470-futures-hero .lm4-detail-title p{font-size:12.5px!important;line-height:1.6!important}
  .lm506-detail-symbol{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
  .lm506-detail-logo{width:46px!important;height:46px!important}.lm506-detail-logo .lm4-coin-logo,.lm506-detail-logo .lm-market-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
  .lm506-detail-copy b{font-size:15px!important}.lm506-detail-copy small{font-size:11px!important}
  .lm4-detail-kpis{gap:10px!important}.lm4-detail-kpis article{min-height:126px!important;padding:18px 16px!important;align-content:center!important}.lm4-detail-kpis span{font-size:12px!important}.lm4-detail-kpis b{font-size:30px!important}
  .lm4-start-panel{padding:20px 18px!important;border-radius:20px!important}.lm4-start-hero h2{font-size:27px!important;line-height:1.12!important}.lm4-start-hero p{font-size:12.5px!important;line-height:1.65!important}
  html.lm-touch-ui .lm4-live-current-strategy{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
  html.lm-touch-ui .lm4-live-current-icon{width:48px!important;height:48px!important}.lm4-live-current-icon .lm4-coin-logo,.lm4-live-current-icon .lm-market-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
  html.lm-touch-ui .lm4-live-current-strategy>span:last-child{min-width:0!important;align-items:flex-start!important;text-align:left!important}
  html.lm-touch-ui .lm4-live-current-strategy b{font-size:18px!important;line-height:1.2!important;text-align:left!important}.lm4-live-current-strategy em{font-size:11px!important;text-align:left!important}
}

/* 5.4.0 — portfolio history mobile touch targets */
@media(max-width:760px){
  .lm540-history-card .lm540-segment button{min-height:38px!important}
  .lm540-history-card .lm540-metric-toggles button{min-height:34px!important}
}