/* =========================================================================
   staff.css — módulo Staff / Ficha de Admissão / Campanhas / Mapas Mensais.
   Reaproveita os tokens do tema e as classes já existentes em ui-kit.css e
   equipamento.css (cartões .eq-cartao, tabelas .eq-tabela, formulários
   .eq-form, meta .eq-meta, etc.) — só acrescenta o que é mesmo novo deste
   módulo: a fotografia da ficha e as rubricas do mapa mensal.
   ========================================================================= */

/* ---------- Fotografia ---------- */
.st-foto{
  width:88px; height:88px; border-radius:16px; object-fit:cover; border:1px solid var(--border); background:var(--surface-2); flex-shrink:0;
}
.st-foto-vazia{
  display:flex; align-items:center; justify-content:center; font-size:2.2rem; color:var(--muted);
}
.st-foto-preview{
  display:block; width:auto; height:auto; max-width:220px; max-height:220px; border-radius:14px; object-fit:cover;
  border:1px solid var(--border); margin-top:10px;
}

/* ---------- Rubricas do mapa mensal (prémio / multa / ajuste) ---------- */
.st-rubricas{display:flex; flex-direction:column; gap:4px; margin-bottom:6px;}
.st-rubrica{
  display:flex; align-items:center; gap:8px; font-size:.82rem; padding:4px 8px; border-radius:8px; background:var(--surface-2);
}
.st-rubrica span{flex:1; overflow-wrap:anywhere;}
.st-rubrica b{font-variant-numeric:tabular-nums; white-space:nowrap;}
.st-rubrica button{flex-shrink:0; padding:2px 6px; font-size:.74rem;}
.st-rubrica-premio b{color:var(--green-deep);}
.st-rubrica-multa b{color:var(--red);}
.st-rubrica-ajuste b{color:var(--blue);}

/* Célula "Rubricas" da tabela de mapas precisa de mais espaço em desktop —
   em mobile já cai para linha inteira via a regra genérica de
   .eq-tabela td.larga em equipamento.css. */
.eq-tabela td.larga{min-width:220px;}

/* Tabela "Funções e equipas" da ficha: partir só entre palavras (a regra
   genérica overflow-wrap:anywhere deixava "Treinad/or" e "Não aplic/ável"
   partidos letra a letra) e sem a largura mínima da coluna Departamento. */
.st-tab-funcoes td{overflow-wrap:normal; word-break:normal;}
.st-tab-funcoes td.larga{min-width:0;}
.st-tab-funcoes td.principal{min-width:130px;}
/* Ações da linha passam para baixo quando falta largura (em vez de cortar
   "Exceção de IVA" ou obrigar a deslocar o quadro na horizontal). */
.st-tab-funcoes td.acoes{white-space:normal; min-width:120px;}
.st-tab-funcoes td.acoes .btn{margin:2px 0 2px 4px;}
