/* FIX-UI-078 / 2026-11-03 — ícones distintos no menu principal.
   SVG inline independente de fonte/emoji; CSS só controla apresentação.
   Não altera dock fixed, regras de acesso, eventos ou dimensões dos botões.
   Rollback: remover link + restaurar símbolos no HTML. */
nav.mode-tabs .pd-nav-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:28px;
  flex:none;
  line-height:1;
}
nav.mode-tabs .pd-nav-svg{
  display:block;
  width:23px;
  height:23px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  transition:transform .14s ease,stroke-width .14s ease;
}
nav.mode-tabs .mode-tab[aria-selected="true"] .pd-nav-svg{
  stroke-width:2.15;
}
nav.mode-tabs .mode-tab:not([aria-selected="true"]):hover .pd-nav-svg{
  transform:translateY(-1px);
}
/* No celular, mantém a posição do dock da UI-069: apenas ícones e rótulos. */
@media(max-width:730px){
  body > nav.mode-tabs.pd-mobile-dock .pd-nav-icon{
    display:flex!important;
    width:29px!important;
    height:27px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body > nav.mode-tabs.pd-mobile-dock .pd-nav-svg{
    display:block!important;
    width:24px!important;
    height:24px!important;
  }
  body > nav.mode-tabs.pd-mobile-dock .mode-tab{
    gap:3px!important;
  }
  body > nav.mode-tabs.pd-mobile-dock .pd-nav-label{
    line-height:1.18!important;
    font-weight:700;
  }
}
@media(max-width:360px){
  body > nav.mode-tabs.pd-mobile-dock .pd-nav-svg{
    width:22px!important;
    height:22px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  nav.mode-tabs .pd-nav-svg{transition:none!important}
  nav.mode-tabs .mode-tab:not([aria-selected="true"]):hover .pd-nav-svg{transform:none}
}