/* CG Drywall · Ícones da Tesouraria (slots data-ic). Traço #2F6B5F (claro) / #7FC3B4 (escuro); faces #5BA898 translúcidas. Nunca branco sobre #5BA898. */
.ict{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;vertical-align:-6px;color:var(--accent-text,#2F6B5F);line-height:0}
.ict-s,.ict-i,.ict-l,.ict-l svg{width:100%;height:100%;display:block}
.ict-s{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ict-s .ict-f{fill:var(--cg-green,#5BA898);fill-opacity:.28;stroke:none}
.ict-s .ict-b{fill:var(--cg-green,#5BA898);fill-opacity:.16;stroke:none}
.th-ic{white-space:nowrap}
.th-ic .ict{width:24px;height:24px}
.h-ic{display:inline-flex;align-items:center;gap:8px}
.h-ic .ict{width:30px;height:30px}
.tz-k .label.tz-ic>.ict{width:36px;height:36px}  /* KPI 32–40 px */
.tz-ic{display:inline-flex;align-items:center;gap:6px}
.tz-es .ict{width:18px;height:18px;vertical-align:-4px}
.r-s .ict,.g-atr .ict,small .ict{width:18px;height:18px;vertical-align:-4px}
.btn .ict-d{width:20px;height:20px;margin-right:4px;color:inherit}
.btn.pri .ict-d .ict-f,.btn.pri .ict-d .ict-b{fill:currentColor;fill-opacity:.18}
/* margem: positivo/negativo com seta (não só cor) */
.mg .ict{width:20px;height:20px}  /* estado na linha 16–20 px */
.mg{display:inline-flex;align-items:center;gap:5px;justify-content:flex-end}
td.pos .mg .ict{color:var(--pos)}
td.neg .mg .ict{color:var(--neg)}
td.neg .mg .ict .ict-f{fill:var(--neg)}
@media (prefers-reduced-motion:reduce){.ict-l *{animation:none!important;transition:none!important}}
/* Telemóvel: estas tabelas estavam escondidas pela regra geral .tbl-wrap{display:none} (pensada para Orçamentos, que têm cartões).
   Com cabeçalhos em ícone cabem melhor; o resto faz scroll horizontal dentro do cartão. */
@media (max-width:599px){.tbl-wrap.tz-tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.tz-tbl .tbl{min-width:520px;font-size:13px}.tz-tbl .tbl td,.tz-tbl .tbl th{padding:8px 6px}.tz-tbl .num{white-space:nowrap}.tz-tbl tr>:first-child{position:sticky;left:0;z-index:1;background:var(--surface);max-width:128px;min-width:110px;font-size:12.5px;box-shadow:1px 0 0 var(--line)}}
/* Tema escuro: os desenhos do Designer (tinta #162824) perdem-se no fundo escuro → pastilha clara, sem recolorir o ícone */
[data-theme="dark"] .ict:has(> .ict-l, > .ict-i){background:#E6EFEC;border-radius:10px;padding:2px;box-sizing:border-box}