/* FINNOWIN_MOBILE_PRESENTATION_V769_BEGIN */
.workspace-mobile-nav{display:none}
.workspace-desktop-nav{display:grid;gap:4px}

@media(max-width:760px){
  .workspace-nav.card{
    display:block;
    padding:10px;
    border-radius:15px;
    overflow:visible;
  }
  .workspace-desktop-nav{display:none}
  .workspace-mobile-nav{
    display:grid;
    gap:6px;
  }
  .workspace-mobile-nav>span{
    padding-left:3px;
    color:var(--muted);
    font-size:10px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .workspace-mobile-nav select{
    width:100%;
    height:48px;
    padding:0 40px 0 14px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--paper);
    color:var(--ink);
    font:800 14px Inter,system-ui,sans-serif;
  }

  .company-header{
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
    padding:16px;
  }
  .ticker-logo{width:52px;height:52px}
  .company-head-main h1{font-size:20px}
  .company-head-main p{font-size:11px;line-height:1.45}
  .company-price{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:3px 10px;
    width:100%;
    margin:0;
  }
  .company-price>b{font-size:25px}
  .company-price>small{grid-column:1/-1}
  .company-price>div{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}

  .workspace-content>.grid.grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px;
  }
  .workspace-content>.grid.grid-4 .metric-card{min-height:112px;padding:14px}
  .workspace-content>.grid.grid-4 .metric-card .value{font-size:17px}

  .home-market-strip{padding:16px}
  .home-market-grid{
    display:flex!important;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:5px;
    scrollbar-width:thin;
  }
  .home-market-card{
    flex:0 0 225px;
    min-height:112px;
    scroll-snap-align:start;
  }

  .analytics-section-head{gap:10px}
  .analytics-section-head h2{font-size:22px}
  .analytics-section-head>span{flex:0 0 auto}
  .analytics-toolbar{padding:12px}
  .analytics-subgroup-body{padding:10px}
  .analytics-chart-grid{gap:10px}
  .analytics-chart,
  .f-ratio-card{
    min-height:0!important;
    padding:14px!important;
    border-radius:15px;
  }
  .analytics-chart-head,
  .f-ratio-card .ratio-card-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .analytics-chart-head h3{font-size:15px}
  .analytics-chart-head>b,
  .f-ratio-card .ratio-latest b{font-size:18px!important}
  .f-ratio-card .ratio-latest{text-align:right}
  .f-plotly-chart,
  .analytics-chart .f-plotly-chart{min-height:235px!important}
  .comparison-summary{grid-template-columns:1fr 1fr;gap:7px;padding:0 0 10px}
  .comparison-summary>span:last-child{grid-column:1/-1}
  .analytics-table-card{padding:14px}
}

@media(max-width:420px){
  .topbar{padding:0 10px;gap:8px}
  .mobile-menu{width:40px;height:40px}
  .top-theme{width:40px;height:40px}
  .global-search{height:42px}
  .global-search input{font-size:12px}
  .page{padding-left:10px;padding-right:10px}
  .stat-strip{grid-template-columns:1fr 1fr!important}
  .stat-chip{padding:13px 10px}
  .card-head{gap:9px}
  .card-head h2{font-size:20px}
}
/* FINNOWIN_MOBILE_PRESENTATION_V769_END */
