@import url('./nav-icons.css?v=0601');

/* DVL desktop UI fixes — interface only. Do not place research/chart-study logic here. */
@media (min-width:821px){
  html,body{height:100%;overflow:hidden}
  .app{height:100dvh;min-height:100dvh;overflow:hidden}
  .shell{height:100dvh;min-height:0;overflow:hidden}
  .topbar{flex:0 0 58px;height:58px}
  #market.screen.active{display:block;height:calc(100dvh - 58px);min-height:0;overflow:hidden}
  #market .workspace{height:100%;min-height:0;overflow:hidden}
  #market .market-space{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}

  /* Keep the desktop command bar on one line so it cannot push the chart below the viewport. */
  #market .commandbar{flex:0 0 46px;min-height:46px;height:46px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:6px 10px}
  #market .commandbar::-webkit-scrollbar{display:none}
  #market .commandbar>.cmd-group{flex:none}

  /* The chart owns all remaining vertical space and stays immediately below the toolbar. */
  #market .chart-stage{flex:1 1 auto;height:auto!important;min-height:0!important;max-height:none!important;margin:0;overflow:hidden}
  #market .chart-host{position:absolute;inset:0;width:100%;height:100%;pointer-events:auto}
  #market .statusbar{flex:0 0 30px;height:30px;min-height:30px}

  /* DV avatar/profile shortcut is not part of the desktop market workspace. */
  .topbar .avatar,.commandbar .avatar,.avatar[data-screen="profile"]{display:none!important;pointer-events:none!important}
}

/* Replace placeholder glyphs with standardized line icons without changing navigation behavior. */
#desktopNav button[data-screen],#mobileNav button[data-screen]{font-size:0}
#desktopNav button[data-screen]::before,#mobileNav button[data-screen]::before{content:"";display:block;width:20px;height:20px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
#desktopNav button[data-screen="market"]::before,#mobileNav button[data-screen="market"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18.5h16'/%3E%3Cpath d='M6 15l3-4 3 2 5-7'/%3E%3Cpath d='M16 6h2v2'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18.5h16'/%3E%3Cpath d='M6 15l3-4 3 2 5-7'/%3E%3Cpath d='M16 6h2v2'/%3E%3C/svg%3E")}
#desktopNav button[data-screen="lensLab"]::before,#mobileNav button[data-screen="lensLab"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6'/%3E%3Cpath d='M10 3v5l-4.3 7.4A3 3 0 0 0 8.3 20h7.4a3 3 0 0 0 2.6-4.6L14 8V3'/%3E%3Cpath d='M8.5 14h7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6'/%3E%3Cpath d='M10 3v5l-4.3 7.4A3 3 0 0 0 8.3 20h7.4a3 3 0 0 0 2.6-4.6L14 8V3'/%3E%3Cpath d='M8.5 14h7'/%3E%3C/svg%3E")}
#desktopNav button[data-screen="community"]::before,#mobileNav button[data-screen="community"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='3'/%3E%3Ccircle cx='16.5' cy='10.5' r='2.5'/%3E%3Cpath d='M4.5 18a4.7 4.7 0 0 1 9 0'/%3E%3Cpath d='M13.5 18a4 4 0 0 1 6 0'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='3'/%3E%3Ccircle cx='16.5' cy='10.5' r='2.5'/%3E%3Cpath d='M4.5 18a4.7 4.7 0 0 1 9 0'/%3E%3Cpath d='M13.5 18a4 4 0 0 1 6 0'/%3E%3C/svg%3E")}
#desktopNav button[data-screen="support"]::before,#mobileNav button[data-screen="support"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0'/%3E%3Crect x='3' y='12' width='4' height='7' rx='2'/%3E%3Crect x='17' y='12' width='4' height='7' rx='2'/%3E%3Cpath d='M12 20h3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13a8 8 0 0 1 16 0'/%3E%3Crect x='3' y='12' width='4' height='7' rx='2'/%3E%3Crect x='17' y='12' width='4' height='7' rx='2'/%3E%3Cpath d='M12 20h3'/%3E%3C/svg%3E")}
#desktopNav button[data-screen]::after{display:none}
#mobileNav button[data-screen] b{display:none!important}
#mobileNav button[data-screen]::after{font-size:7px;font-weight:700;line-height:1;color:currentColor;margin-top:3px}
#mobileNav button[data-screen="market"]::after{content:"Mercado"}
#mobileNav button[data-screen="lensLab"]::after{content:"Lab"}
#mobileNav button[data-screen="community"]::after{content:"Comunidade"}
#mobileNav button[data-screen="support"]::after{content:"Suporte"}