// ═══════════════════════════════════════════════════════════════
// SCREEN · Censo de Diversidade (tela independente)
// ═══════════════════════════════════════════════════════════════

const ScreenCenso = ({ user }) => (
  <div style={{ animation: 'fadeIn .22s var(--ease-out)' }}>
    <div style={{ display:'flex', alignItems:'flex-start', justifyContent:'space-between', marginBottom:22, flexWrap:'wrap', gap:12 }}>
      <div>
        <div style={{ fontSize:10.5, fontWeight:700, letterSpacing:'.12em', textTransform:'uppercase', color:'var(--escalab-brand)', marginBottom:4 }}>Gestão de Pessoas · Pesquisas</div>
        <h2 style={{ fontSize:22, fontWeight:800, margin:0, letterSpacing:'-.01em' }}>Censo de Diversidade</h2>
        <p style={{ fontSize:13, color:'var(--escalab-slate)', margin:'4px 0 0' }}>Diagnóstico da representatividade social</p>
      </div>
    </div>
    <CensoDiversidade user={user} />
  </div>
);

window.ScreenCenso = ScreenCenso;