/* CG Drywall · Tamanho PADRÃO dos ícones +28 % (12/11/2026, pedido do Gustavo). Valor fixo e único: --icon-scale (não é opção do utilizador).
   Carregado em ÚLTIMO lugar: reescreve só largura/altura (e a pastilha, que é o próprio fundo do slot) dos ícones da Tesouraria (.ict),
   dos 113 novos (.ica: Bots, Orçamentos, Obras, estados vazios…) e das Cotações (.cot-ic). As grelhas usam o mínimo escalado. */
:root{--icon-scale:1.28}
/* Tesouraria (css/icones-tesouraria.css + css/d2.css) */
.ict{width:calc(var(--icon-scale)*22px);height:calc(var(--icon-scale)*22px)}
.th-ic .ict{width:calc(var(--icon-scale)*24px);height:calc(var(--icon-scale)*24px)}
.h-ic .ict{width:calc(var(--icon-scale)*30px);height:calc(var(--icon-scale)*30px)}
.tz-k .label.tz-ic>.ict{width:calc(var(--icon-scale)*36px);height:calc(var(--icon-scale)*36px)}
.tz-es .ict,.r-s .ict,.g-atr .ict,small .ict{width:calc(var(--icon-scale)*18px);height:calc(var(--icon-scale)*18px)}
.btn .ict-d,.mg .ict{width:calc(var(--icon-scale)*20px);height:calc(var(--icon-scale)*20px)}
@media (max-width:599px){
  .d2-lbl .ict,.d2-es .ict,.d2-mg .ict{width:calc(var(--icon-scale)*28px);height:calc(var(--icon-scale)*28px)}
  .d2-tabs button .ict{width:calc(var(--icon-scale)*32px);height:calc(var(--icon-scale)*32px)}
  .d2-cols .ict{width:calc(var(--icon-scale)*24px);height:calc(var(--icon-scale)*24px)}
}
/* Ícones novos da app (css/icones-app.css) */
.ica{width:calc(var(--icon-scale)*24px);height:calc(var(--icon-scale)*24px)}
.ica.ica-32{width:calc(var(--icon-scale)*32px);height:calc(var(--icon-scale)*32px)}
.ica.ica-40{width:calc(var(--icon-scale)*40px);height:calc(var(--icon-scale)*40px)}
.ica.ica-48{width:calc(var(--icon-scale)*48px);height:calc(var(--icon-scale)*48px)}
.ica.ica-56{width:calc(var(--icon-scale)*56px);height:calc(var(--icon-scale)*56px)}
.ica.ica-72{width:calc(var(--icon-scale)*72px);height:calc(var(--icon-scale)*72px)}
.ica.ica-160{width:168px;height:168px;max-width:70vw;max-height:70vw}
.btn .ica{width:calc(var(--icon-scale)*22px);height:calc(var(--icon-scale)*22px)}
.tile-bot .ica{width:calc(var(--icon-scale)*72px);height:calc(var(--icon-scale)*72px)}
.tile-funcao .ica{width:calc(var(--icon-scale)*56px);height:calc(var(--icon-scale)*56px)}
.bt-grelha{grid-template-columns:repeat(auto-fill,minmax(calc(var(--icon-scale)*150px),1fr))}
.bt-fun{grid-template-columns:repeat(auto-fill,minmax(calc(var(--icon-scale)*96px),1fr))}
.orc-op:has(.orc-ic){grid-template-columns:repeat(auto-fill,minmax(calc(var(--icon-scale)*104px),1fr))}
.mxchip.orc-ic{min-height:calc(var(--icon-scale)*96px)}
@media (max-width:599px){
  .bt-grelha,.bt-fun{grid-template-columns:repeat(2,minmax(0,1fr))}       /* 2 × ≈174 px a 390: o ícone (≈92 px) e o nome cabem */
  .orc-op:has(.orc-ic){grid-template-columns:repeat(auto-fill,minmax(calc(var(--icon-scale)*84px),1fr))}
  .orc-op:has(.orc-ic) .ica.ica-48{width:calc(var(--icon-scale)*44px);height:calc(var(--icon-scale)*44px)}
}
/* Cotações (css/cotacoes.css): logótipos/ícones dos fornecedores e a pastilha */
.cot-ic,.cot-ic .avatar,.cot-ic .cot-lot,.cot-lot svg{width:calc(var(--icon-scale)*44px);height:calc(var(--icon-scale)*44px)}
.cot-ic img{width:calc(var(--icon-scale)*40px);height:calc(var(--icon-scale)*40px)}
.cot-tiles{grid-template-columns:repeat(auto-fill,minmax(calc(var(--icon-scale)*76px),1fr))}
@media (min-width:768px){.cot-tiles{grid-template-columns:repeat(auto-fill,minmax(calc(var(--icon-scale)*104px),1fr))}}
/* rótulos nunca por cima uns dos outros: quebram linha dentro do próprio tile */
.tile-bot__nome,.tile-funcao__nome,.mxchip.orc-ic span{overflow-wrap:anywhere;hyphens:auto}
/* Detalhe da obra a 390 px: os botões (agora com ícone) e as linhas das faturas não podem empurrar a página para o lado */
@media (max-width:1023px){.ob-side{flex-wrap:wrap;min-width:0}}
.fat-r .r-main{min-width:0}.fat-r .r-s{overflow-wrap:anywhere;white-space:normal}
/* Painel: ícones animados nos cartões KPI (k-ic no PC, kh no telemóvel). A pastilha é a do próprio slot. */
.kpi .k-ic:has(.ica){background:none;width:auto;height:auto}
.kpi:hover .k-ic:has(.ica),.kpi.is-hover .k-ic:has(.ica){background:none}
.kpi .k-ic .ica svg,.kh .glyph .ica svg{width:100%;height:100%}
.kh .glyph.glyph-ica{width:auto;height:auto;background:none!important;border-radius:10px}

/* Estados vazios (Obras, Orçamentos, Clientes, Encomendas, Cotações, Horas, Aprovações, Diário, Notificações, Mapa):
   ilustração 160–180 px a 390, centrada, SEM pastilha #E6EFEC e SEM --icon-scale (o desenho já é 160×160). */
p.empty.ica-e>.ica,
.ica-vazio>.ica,
.ab-vazio>.ica,
.ica.ica-160{
  width:168px;height:168px;max-width:70vw;max-height:70vw;
  padding:0;background:none;border-radius:0;
}
[data-theme="dark"] p.empty.ica-e>.ica,
[data-theme="dark"] .ica-vazio>.ica,
[data-theme="dark"] .ab-vazio>.ica,
[data-theme="dark"] .ica.ica-160,
html:not([data-theme="dark"]) .ica-vazio .ica,
html:not([data-theme="dark"]) .ab-vazio .ica{
  background:none;
}
p.empty.ica-e{justify-items:center;text-align:center}
.ab-vazio .ica svg,.ica-vazio .ica svg,p.empty.ica-e .ica svg,.ica.ica-160 svg,
.ica.ica-160 .ica-l,.ica.ica-160 .ica-i{width:100%;height:100%}
/* Detalhe da obra: ícone isométrico «obra» da Tesouraria (com pastilha), no lugar do anel de linhas */
.ob-head-ic{display:inline-grid;place-items:center;flex:none;line-height:0}
.ob-head-ic .ica.ica-72{width:calc(var(--icon-scale)*72px);height:calc(var(--icon-scale)*72px)}
@media (max-width:1023px){
  .ob-head-ic .ica.ica-72{width:calc(var(--icon-scale)*56px);height:calc(var(--icon-scale)*56px)}
}

/* Ícones de secção no menu, na barra e na folha «Mais»: pastilha no escuro (regra .ica), tamanho legível a 390. */
.nav a .ica{width:calc(var(--icon-scale)*20px);height:calc(var(--icon-scale)*20px);padding:1px}
.bnav a .ica,.bnav button .ica{width:calc(var(--icon-scale)*22px);height:calc(var(--icon-scale)*22px);padding:1px}
.sheet a .ica{width:64px;height:64px;padding:4px;flex:none}
.sheet a{gap:12px}

/* 13/11 · Direção B «Objeto flutuante» (TESTE, só desktop ≥1280).
   No tema escuro a pastilha/azulejo #E6EFEC sai: o SVG já traz chão, anel e volume.
   O móvel NÃO entra nestas regras (fica com a pastilha clara, como estava).
   Os estados vazios -escuro já integrados não são aqui alterados. */
html[data-layout="desktop"][data-theme="dark"] .ica.ica-escuro,
html[data-layout="desktop"][data-theme="dark"] .ict.ict-escuro{
  background:none !important;
  box-shadow:none !important;
  padding:0;
}
html[data-layout="desktop"][data-theme="dark"] .tile-bot .ica.ica-escuro,
html[data-layout="desktop"][data-theme="dark"] .tile-funcao .ica.ica-escuro,
html[data-layout="desktop"][data-theme="dark"] .bt-ordem .ica.ica-escuro,
html[data-layout="desktop"][data-theme="dark"] .mxchip.orc-ic .ica.ica-escuro{
  background:none !important;
  padding:0;
}
/* Volume do Lottie (filtro CSS: o Lottie não traz o filtro SVG). Primeira coisa a desligar se pesar: html.cg-sem-vol */
html[data-layout="desktop"][data-theme="dark"]:not(.cg-sem-vol) .ica.ica-escuro .ica-l,
html[data-layout="desktop"][data-theme="dark"]:not(.cg-sem-vol) .ict.ict-escuro .ict-l{
  filter:url(#cg-vol);
}

/* 13/11 · as 5 variantes de objetos de secção que faltavam (noticias, obras, tesouraria, bots, fotos).
   Só desktop. A coluna Hoje usa CG_ICA nessas chaves; o diorama e a procura não mudam. */
html[data-layout="desktop"] .d-mini > .ica{
  width:36px;height:36px;padding:0;flex:none;vertical-align:middle;
}