/* ============ WMS · SM PRO — ícones 3D ============
   ARQUIVO GERADO por design/figuras/gerar3d.mjs: não editar à mão.
   <i class="figura fig-NOME"></i> mostra o objeto com a sombra (ladrilhos); figm-NOME, só o objeto enchendo o
   quadro (menu). São fotos em 3D, em tons neutros, com luz de estúdio. A imagem é a do tema da vez; o tamanho vem de --lado. */
.figura { display: inline-block; flex: none; width: var(--lado, 24px); height: var(--lado, 24px); background: center / contain no-repeat; }
.fig-painel { background-image: url("/figuras/escuro/painel.webp"); }
.fig-recebimento { background-image: url("/figuras/escuro/recebimento.webp"); }
.fig-expedicao { background-image: url("/figuras/escuro/expedicao.webp"); }
.fig-ondas { background-image: url("/figuras/escuro/ondas.webp"); }
.fig-inventario { background-image: url("/figuras/escuro/inventario.webp"); }
.fig-estoque { background-image: url("/figuras/escuro/estoque.webp"); }
.fig-rastreio { background-image: url("/figuras/escuro/rastreio.webp"); }
.fig-divergencias { background-image: url("/figuras/escuro/divergencias.webp"); }
.fig-depositantes { background-image: url("/figuras/escuro/depositantes.webp"); }
.fig-produtos { background-image: url("/figuras/escuro/produtos.webp"); }
.fig-enderecos { background-image: url("/figuras/escuro/enderecos.webp"); }
.fig-etiquetas { background-image: url("/figuras/escuro/etiquetas.webp"); }
.fig-integracao { background-image: url("/figuras/escuro/integracao.webp"); }
.fig-configuracoes { background-image: url("/figuras/escuro/configuracoes.webp"); }
.fig-usuarios { background-image: url("/figuras/escuro/usuarios.webp"); }
.fig-mostrador { background-image: url("/figuras/escuro/mostrador.webp"); }
.figm-painel { background-image: url("/figuras/escuro/painel-menu.webp"); }
.figm-recebimento { background-image: url("/figuras/escuro/recebimento-menu.webp"); }
.figm-expedicao { background-image: url("/figuras/escuro/expedicao-menu.webp"); }
.figm-ondas { background-image: url("/figuras/escuro/ondas-menu.webp"); }
.figm-inventario { background-image: url("/figuras/escuro/inventario-menu.webp"); }
.figm-estoque { background-image: url("/figuras/escuro/estoque-menu.webp"); }
.figm-rastreio { background-image: url("/figuras/escuro/rastreio-menu.webp"); }
.figm-divergencias { background-image: url("/figuras/escuro/divergencias-menu.webp"); }
.figm-depositantes { background-image: url("/figuras/escuro/depositantes-menu.webp"); }
.figm-produtos { background-image: url("/figuras/escuro/produtos-menu.webp"); }
.figm-enderecos { background-image: url("/figuras/escuro/enderecos-menu.webp"); }
.figm-etiquetas { background-image: url("/figuras/escuro/etiquetas-menu.webp"); }
.figm-integracao { background-image: url("/figuras/escuro/integracao-menu.webp"); }
.figm-configuracoes { background-image: url("/figuras/escuro/configuracoes-menu.webp"); }
.figm-usuarios { background-image: url("/figuras/escuro/usuarios-menu.webp"); }
.figm-mostrador { background-image: url("/figuras/escuro/mostrador-menu.webp"); }
:root[data-tema="claro"] .fig-painel { background-image: url("/figuras/claro/painel.webp"); }
:root[data-tema="claro"] .fig-recebimento { background-image: url("/figuras/claro/recebimento.webp"); }
:root[data-tema="claro"] .fig-expedicao { background-image: url("/figuras/claro/expedicao.webp"); }
:root[data-tema="claro"] .fig-ondas { background-image: url("/figuras/claro/ondas.webp"); }
:root[data-tema="claro"] .fig-inventario { background-image: url("/figuras/claro/inventario.webp"); }
:root[data-tema="claro"] .fig-estoque { background-image: url("/figuras/claro/estoque.webp"); }
:root[data-tema="claro"] .fig-rastreio { background-image: url("/figuras/claro/rastreio.webp"); }
:root[data-tema="claro"] .fig-divergencias { background-image: url("/figuras/claro/divergencias.webp"); }
:root[data-tema="claro"] .fig-depositantes { background-image: url("/figuras/claro/depositantes.webp"); }
:root[data-tema="claro"] .fig-produtos { background-image: url("/figuras/claro/produtos.webp"); }
:root[data-tema="claro"] .fig-enderecos { background-image: url("/figuras/claro/enderecos.webp"); }
:root[data-tema="claro"] .fig-etiquetas { background-image: url("/figuras/claro/etiquetas.webp"); }
:root[data-tema="claro"] .fig-integracao { background-image: url("/figuras/claro/integracao.webp"); }
:root[data-tema="claro"] .fig-configuracoes { background-image: url("/figuras/claro/configuracoes.webp"); }
:root[data-tema="claro"] .fig-usuarios { background-image: url("/figuras/claro/usuarios.webp"); }
:root[data-tema="claro"] .fig-mostrador { background-image: url("/figuras/claro/mostrador.webp"); }
:root[data-tema="claro"] .figm-painel { background-image: url("/figuras/claro/painel-menu.webp"); }
:root[data-tema="claro"] .figm-recebimento { background-image: url("/figuras/claro/recebimento-menu.webp"); }
:root[data-tema="claro"] .figm-expedicao { background-image: url("/figuras/claro/expedicao-menu.webp"); }
:root[data-tema="claro"] .figm-ondas { background-image: url("/figuras/claro/ondas-menu.webp"); }
:root[data-tema="claro"] .figm-inventario { background-image: url("/figuras/claro/inventario-menu.webp"); }
:root[data-tema="claro"] .figm-estoque { background-image: url("/figuras/claro/estoque-menu.webp"); }
:root[data-tema="claro"] .figm-rastreio { background-image: url("/figuras/claro/rastreio-menu.webp"); }
:root[data-tema="claro"] .figm-divergencias { background-image: url("/figuras/claro/divergencias-menu.webp"); }
:root[data-tema="claro"] .figm-depositantes { background-image: url("/figuras/claro/depositantes-menu.webp"); }
:root[data-tema="claro"] .figm-produtos { background-image: url("/figuras/claro/produtos-menu.webp"); }
:root[data-tema="claro"] .figm-enderecos { background-image: url("/figuras/claro/enderecos-menu.webp"); }
:root[data-tema="claro"] .figm-etiquetas { background-image: url("/figuras/claro/etiquetas-menu.webp"); }
:root[data-tema="claro"] .figm-integracao { background-image: url("/figuras/claro/integracao-menu.webp"); }
:root[data-tema="claro"] .figm-configuracoes { background-image: url("/figuras/claro/configuracoes-menu.webp"); }
:root[data-tema="claro"] .figm-usuarios { background-image: url("/figuras/claro/usuarios-menu.webp"); }
:root[data-tema="claro"] .figm-mostrador { background-image: url("/figuras/claro/mostrador-menu.webp"); }